Pular para o conteúdo
AnchorsAnchors
EN · PT

Gate: vr-baseline

Every visual-regression scenario has its baseline image.

Propriedade Valor
Verificação vr-baseline
Confronta feature
Bloqueante por padrão — projeto novo sim
Bloqueante por padrão — projeto existente não — informa

Como declarar

Seção intitulada “Como declarar”
gates:
  - name: vr-baseline
    on: [feature]
    check: vr-baseline

Fonte: verificação · sua spec (em inglês)

🎯 O que este gate mede?

Seção intitulada “🎯 O que este gate mede?”

Garante que cenários de regressão visual (-VR) possuem imagens de baseline capturadas.

Em termos simples: este gate garante que o seu software não cometa erros por descuido ou falta de sincronização. Se você ou uma inteligência artificial alterar um arquivo coberto por este gate, ele inspeciona o trabalho imediatamente.

🛡️ Por que isso é importante?

Seção intitulada “🛡️ Por que isso é importante?”

Um cenário visual sem imagem de baseline não pode ser verificado contra regressão de aparência.

Sem este gate ativo, esse tipo de defeito passa despercebido pelos testes comuns e só estoura em produção ou durante refatorações dolorosas semanas depois.

⚙️ Como funciona por baixo dos panos?

Seção intitulada “⚙️ Como funciona por baixo dos panos?”

Verifica se existe um arquivo PNG correspondente na pasta de baselines para cada cenário com código -VR.

Condições dos Vereditos:

Seção intitulada “Condições dos Vereditos:”
  • ✓ Pass (Aprovado): Todas as variantes visuais possuem imagem de baseline arquivada.
  • ✗ Fail (Reprovado): Cenário -VR sem imagem de baseline capturada.
  • ~ Indeterminado/Pending: Baseline ainda não capturado.
  • Skip (Dispensado): Cenários não visuais.

📋 Exemplo de Configuração no anchors.yaml

Seção intitulada “📋 Exemplo de Configuração no anchors.yaml”

Para ativar este gate no seu projeto, adicione o bloco abaixo na seção gates: do seu anchors.yaml:

gates:
  - name: vr-baseline
    blocking: true
    measures: "cenários visuais possuem imagem de baseline capturada"

💡 Recomendações de Uso

Seção intitulada “💡 Recomendações de Uso”
  • Quando ativar: Bloqueante para equipes de frontend e design system.
  • Fase de execução: Configure em when: [pre-commit, ci] para verificações rápidas, ou when: [pre-push, ci] para gates que rodam ferramentas mais pesadas.
  • Transição de maturidade: Comece com blocking: false para avaliar o estado atual do repositório com anchors check. Quando zerar as ocorrências, altere para blocking: true.

🔧 Como corrigir quando este gate reprovar?

Seção intitulada “🔧 Como corrigir quando este gate reprovar?”

Se o anchors check acusar falha (✗) neste gate:

  1. Capture o screenshot de baseline executando a suíte de teste visual.
  2. Reexecute a verificação no terminal:
    Terminal window
    anchors check
  3. Se o gate suportar correção automática, você pode tentar o comando:
    Terminal window
    anchors check --fix

🔗 Conceitos Relacionados

Seção intitulada “🔗 Conceitos Relacionados”