Ferramenta de regressão CSS? [fechado

Question

Estou procurando uma ferramenta de teste de regressão visual para refatorar o CSS e ver se há ou não algum comportamento não intencional em um site.

Idealmente, a ferramenta que pode rastrear um site (mesmo localmente) e pegar instantâneos de cada página e armazená -la em um único repositório.

Quando executado pela segunda vez, ele mostrará as páginas visualmente diferentes desde a última vez em que foi executado.

Melhor ainda:

1. Se ele puder mostrar a exibição XOR do Sobrepassivo da versão 2 da página.
2. Compare os resultados de renderização de diferentes navegadores (quase como um recurso automatizado de comparação da Web da Microsoft Expression).

Answer 1

Verificação de saída Tornassus.

Ele vai rastejar seu site e capturar capturas de tela tem muito perto de todos os navegadores que você deseja.

Além da funcionalidade principal Tornassus Também permite rastrear bugs, fazer login em sites privados e publicar relatórios de compatibilidade em seus testes.

Answer 2

Meu favorito atual é Webdrivercss em combinação com BrowSerstack automatiza API. Esse par de ferramentas permite testes de regressão multi-plataforma e multi-navegador em toda a ampla gama de dispositivos que o BrowSerstack suporta. Requer o código de escrita, mas é Muito de mais abrangente do que qualquer solução ligada ao fantasma ou slimer.

Se você está bem com um webkit antigo sendo seu único teste ua, aqui está uma ótima redação em Teste de regressão CSS usando Phantomcss. O exemplo básico deles fornece exatamente o que a pergunta original desejava: Visual Diffs entre duas comissões.

Para uma ferramenta mais simples que não requer codificação (apenas a configuração da YAML), aponto as pessoas para Wraith com mais frequência do que Phantomcss. Dê um voto da @ERICCRAIO Se você gosta de Wraith e não deseja escrever o código Casper.

Answer 3

Sei que essa pergunta foi postada por um tempo, mas eu queria mencionar uma nova ferramenta de regressão CSS chamada Wraith pela BBC-News.

http://github.com/bbc-news/wraith

Utiliza ferramentas como Phantomjs e ImageMagick.

http://responsivenews.co.uk/post/56884056177/wraith

Answer 4

Verificação de saída Fotos do navegador. Este é um serviço gratuito.

Existem algumas restrições sobre quantos testes você pode executar todos os dias como usuário gratuito. Mas diferente Tornassus; Você pode executar testes em todos os navegadores suportados-o Litmus apenas permite que os usuários gratuitos testem seus sites no Internet Explorer 7 e Mozilla Firefox 2.

Answer 5

Estou desenvolvendo uma ferramenta de teste de regressão CSS chamada succss, é um NPM Global, Open Source: https://github.com/b2f/succss. ATM, você pode ler sua documentação completa lá: http://succss.ifzenelse.net

Answer 6

O que você descreveu é exatamente o que MOGOTEST faz. Podemos fazer login no seu site, tirar capturas de tela para todas as páginas que você configurou e fazer comparação automatizada usando os princípios de Teste de consistência na Web.

Também acompanhamos a história completa para que possamos dizer exatamente quando algo quebrou (e o que seu site olhou para esse momento) e ainda mais frio, podemos detectar quando você consertou alguma coisa. E, finalmente, instantamos seu código em cada teste para que possamos mostrar exatamente o que mudou para cada problema.

Desculpe pela natureza autopromotor desta resposta. Eu só queria ser completo em abordar o que você está procurando.