VizDiff

O VizDiff lê as stories que seu time já escreveu, então não há uma suíte de testes separada para manter. Quando seu pipeline compila o Storybook, a CLI faz o upload do resultado e a ferramenta renderiza uma captura por story. Se você adiciona um componente ao Storybook, ele aparece na comparação seguinte sem configuração extra.

A ferramenta publica um status de commit nos merge requests do GitLab ou uma verificação nos pull requests do GitHub. É teste visual do GitLab e teste visual do GitHub no mesmo fluxo. Essa verificação fica pendente enquanto as capturas são renderizadas e enquanto alguém precisa revisar as novas ou alteradas. Se nada mudou, ela vira sucesso sozinha, então commits rotineiros passam sem ninguém levantar um dedo.

Cada story alterada abre em um diálogo de comparação com as visualizações Old, New, Diff e 2-Up. A visualização Diff funciona como ferramenta de diff de pixels e destaca o que se deslocou, e o modo 2-Up coloca as duas versões lado a lado. As setas do teclado levam você de uma a outra, o que importa quando um único branch toca dezenas de stories.

As capturas aprovadas viram a linha de base contra a qual o próximo build é comparado, e todo o time trabalha sobre o mesmo conjunto. As capturas ficam no seu próprio bucket compatível com S3, então as imagens de referência nunca saem da sua infraestrutura. Ramificar a partir de um commit com capturas aprovadas mantém a comparação com sentido, em vez de reiniciá-la com tudo como novo.

O VizDiff é distribuído como projeto de código aberto sob licença MIT e roda como três serviços (api, worker, frontend) sobre PostgreSQL e um bucket que você fornece. Imagens versionadas multiarquitetura são publicadas no GitHub Container Registry, e tanto um arquivo Docker Compose quanto um chart do Helm cobrem a instalação. Não há conta de fornecedor nem tarifa por usuário.