A ferramenta foi construída em Node.js utilizando a biblioteca Blink-Diff.
Para executar a análise é necessário mapear as seguintes pastas nos respectivos volumes do container:
| Pasta | Volume |
|---|---|
| imagens base para a análise | /app/baseline-images |
| imagens a serem comparadas | /app/images-to-compare |
| resultado final da análise | /app/report-result |
Para configurar o threshold é necessário criar/editar o arquivo threshold-config.json na pasta das imagens base.
A chave threshold será aplicada em todas as imagens, mas caso seja necessário, podemos informar um threshold individual por imagem conforme o exemplo abaixo
{
"threshold": 0,
"images": [
{
"name": "cat.png",
"threshold": 5
}
]
}
Executando o container
docker run -it -v $(pwd)/samples/baseline/:/app/baseline-images -v $(pwd)/samples/images-to-compare/:/app/images-to-compare -v $(pwd)/results/:/app/report-result rootenergy/node-layout-compare:latest
O relatório do resultado da análise é encontrado na pasta de resultados com o nome result.html.
Content type
Image
Digest
Size
85.9 MB
Last updated
almost 7 years ago
docker pull rootenergy/node-layout-compare