Redefinir árvore de dados do SEOAssistant

[teles]

Durante a construção do SEOAssistant é feito um processamento das recomendações. Esse processamento inclui a criação de uma árvore com vários nós representando várias formatações para os dados do SEOAssistant.

Essa árvore está um pouco confusa e a intenção é redesenha-la para que ela se adeque a :

• Sistema com 4 abas;
• Primeira aba só com lista de testes;
• Contadores de quantidade de recomendações;

[teles]

Abaixo listo os dados apresentados em cada parte do plugin de acordo com sua seção:

Cabeçalho:

• Cor indicativa de estado
• Título da página completo
• Título da página contraído
• Url da página completa
• Url da página contraída

Abas:

• Quantos testes NO GERAL passaram?
• Quantos testes de erro falharam?
• Quantos testes de alerta falharam?

Tela de Resumo:

• Nota 0 a 100
• Frase sobre a nota

Lista de testes onde cada item contém:

• Teste passou?
• Nome do teste.
• Como consertar (futuro)
• Elemento associado
• Nível: erro ou alerta

Tela de Erro e Tela de Alerta:

• Quantos testes tiveram erros?
• Quantos testes foram feitos?
• Frase que depende da aba estar vazia ou não

Lista de elementos onde cada item contém:

• Nome do elemento
• Seu valor que pode ser um item, uma lista ou um texto vazio
• Lista de testes relacionados onde cada item contém
• • Teste passou?
• • Nível: erro ou alerta
• • Como consertar (futuro)

Rodapé

• Nome do plugin
• Qual a licença?
• Quem é o autor?
• Onde baixar o código?

[teles]

Quais os dados disponíveis em uma recomendação?

• Nome do elemento a ser analisado
• Função de extração do elemento que recebe DOM
• Lista de testes a serem aplicados onde cada teste tem:
• • Uma descrição
• • Uma função de teste que retorna true ou false que recebe seu elemento extraído
• • Seu nível: erro ou alerta

Exemplo de regra:

{
        name: "URL canônica",
        extract: (dom) => Array.prototype.map.call(dom.querySelectorAll("link[rel='canonical']") || [], canonical => canonical.href),
        tests: [{
            description: "Deve existir uma e apenas uma url canônica na página. ",
            expect: (results) => results.length === 1,
            level: "error"
        }, {
            description: "Caminho da url canônica deve ser absoluto.",
            expect: (results) => results.length >= 1 ? results.every(result => /^http/.test(result)) : false,
            level: "error"
        }]
    }