Roteiro de prints (uso interno)
Esta página define quais telas devem ter prints e o padrão de nomeação das imagens. Ela é interna e não deve aparecer no FAQ.
Onde salvar os prints
- Pasta:
static/img/prints - Padrão:
prints/[recurso]-[tela]-[ordem].png - Se a página tiver scroll, o script gera partes adicionais com sufixo
-p02,-p03, etc.
Geração automática dos prints (Playwright)
Execute o script de automação a partir da raiz do projeto do FAQ:
npm run capture:prints
O script acessa o sistema em http://localhost:50688/, faz login e captura as telas automaticamente.
Observações importantes
- Aguarde pelo menos 5 segundos antes de cada print (já embutido no script).
- No Terminal de Caixa, se aparecer o modal de POS, selecione TERMINAL SECRETARIA (ID: 157).
- Não tire print do modal de POS.
Lista de prints por etapa
Plano de Quitação
-
prints/plano-lista-01.png— Lista de planos -
prints/plano-detalhe-01.png— Detalhe do plano -
prints/plano-dashboard-01.png— Dashboard do plano -
prints/plano-simulacao-01.png— Simulação do plano
Proposta de Quitação
-
prints/proposta-busca-01.png— Tela de busca/lista -
prints/proposta-nova-01.png— Nova proposta (seleção de pessoa e plano) -
prints/proposta-simulacao-01.png— Resultado da simulação -
prints/proposta-detalhe-01.png— Detalhe da proposta -
prints/proposta-finalizar-01.png— Ação de finalizar
Terminal de Caixa
-
prints/caixa-modal-propostas-01.png— Modal de propostas pendentes -
prints/caixa-aplicacao-proposta-01.png— Propostas aplicadas no caixa -
prints/caixa-pagamento-01.png— Pagamento com proposta
Dica
Quando os prints forem adicionados, eles podem ser incluídos nas páginas com:
