feat: estabilização/regressão do frontend (item 2 do roadmap) #41

Merged
jhony75 merged 4 commits from feature/frontend-stabilization-pass into develop 2026-09-08 12:13:08 -03:00
Owner

Passada de estabilização/regressão no frontend novo, sem redesign — item 2 do roadmap de evolução do QA Cockpit.

Auditado

  • Todas as rotas antigas, todas as ações, deep links, estados de loading/empty/error, execução parcial, os 7 outcomes de step, filtros, responsividade, contraste básico, navegação por teclado.
  • SCSS morto, style={{...}} inline, hex/spacing fora dos tokens, componentes duplicados.
  • Cobertura do Storybook e se o build está passando.

Corrigido

  • Sidebar não colapsava em mobile (<=768px): virou off-canvas com botão hambúrguer + overlay, fecha ao navegar.
  • Sem UI para renomear suíte na Library: adicionado no menu "..." de cada suíte.
  • Inconsistência visual de status de achado: ReportDetail e IssueDetail ainda usavam <span class="pill" data-issue-status> cru; trocado por Badge, igual ao resto das telas (Report.status, TestRun.status).
  • CSS morto: .file-link, .stat-card, .toast sem nenhum uso — removidos.
  • eslint lintando storybook-static/: faltava no ignore global, gerando 13 erros que não tinham nada a ver com o app.

Deliberadamente não mexido agora (fora do escopo de estabilização)

  • Refactor mais amplo de inline-style/hex-em-charts — fica pro item 3 (design system).
  • Export de run (nunca existiu, não é regressão).
  • 404 com loading-travado em deep link inválido — comportamento pré-existente e uniforme em todas as telas de detalhe.

Decisão em aberto pro usuário

  • Não existe UI para editar external_key de um Scenario na Library. Não é regressão desta passada — segue como ponto em aberto do item 1 (backend), não decidido silenciosamente.

Verificação

  • npx tsc --noEmit — limpo
  • npm run lint — 0 erros, 8 warnings pré-existentes
  • npx vitest run — 36 arquivos, 106 testes passando
  • npm run build — build de produção ok

Backend não foi tocado neste PR.

Passada de estabilização/regressão no frontend novo, sem redesign — item 2 do roadmap de evolução do QA Cockpit. ## Auditado - Todas as rotas antigas, todas as ações, deep links, estados de loading/empty/error, execução parcial, os 7 outcomes de step, filtros, responsividade, contraste básico, navegação por teclado. - SCSS morto, `style={{...}}` inline, hex/spacing fora dos tokens, componentes duplicados. - Cobertura do Storybook e se o build está passando. ## Corrigido - **Sidebar não colapsava em mobile** (<=768px): virou off-canvas com botão hambúrguer + overlay, fecha ao navegar. - **Sem UI para renomear suíte** na Library: adicionado no menu "..." de cada suíte. - **Inconsistência visual de status de achado**: `ReportDetail` e `IssueDetail` ainda usavam `<span class="pill" data-issue-status>` cru; trocado por `Badge`, igual ao resto das telas (`Report.status`, `TestRun.status`). - **CSS morto**: `.file-link`, `.stat-card`, `.toast` sem nenhum uso — removidos. - **eslint lintando `storybook-static/`**: faltava no ignore global, gerando 13 erros que não tinham nada a ver com o app. ## Deliberadamente não mexido agora (fora do escopo de estabilização) - Refactor mais amplo de inline-style/hex-em-charts — fica pro item 3 (design system). - Export de run (nunca existiu, não é regressão). - 404 com loading-travado em deep link inválido — comportamento pré-existente e uniforme em todas as telas de detalhe. ## Decisão em aberto pro usuário - Não existe UI para editar `external_key` de um Scenario na Library. Não é regressão desta passada — segue como ponto em aberto do item 1 (backend), não decidido silenciosamente. ## Verificação - `npx tsc --noEmit` — limpo - `npm run lint` — 0 erros, 8 warnings pré-existentes - `npx vitest run` — 36 arquivos, 106 testes passando - `npm run build` — build de produção ok Backend não foi tocado neste PR.
Em viewport mobile (<=768px) a sidebar ocupava a largura toda e
empurrava o conteudo pra fora da tela, sem nenhum jeito de esconder.
Agora ela vira off-canvas com botao hamburguer e overlay, fechando
sozinha ao navegar.
O menu "..." de cada suite so tinha excluir; nao havia como corrigir o
nome/descricao de uma suite ja criada sem editar no banco.
ReportDetail e IssueDetail ainda desenhavam o status do achado com
<span class="pill" data-issue-status>, destoando do resto das telas
que ja usam Badge (Report.status, TestRun.status). Segue o mesmo
padrao dos outros badges de status.
chore: remove CSS morto e ignora storybook-static no eslint
All checks were successful
EEG QA CI / validate-and-build (pull_request) Successful in 12m27s
EEG QA CI / Deploy production (pull_request) Has been skipped
EEG QA CI / Deploy development (pull_request) Has been skipped
eed085c801
.file-link, .stat-card e .toast nao tem mais nenhum uso no codigo
(auditoria confirmou via grep). O eslint estava lintando
storybook-static/ (saida gerada do build do Storybook) por faltar no
ignore global, gerando 13 erros que nao tinham nada a ver com o app.
jhony75 merged commit 5848b6acd2 into develop 2026-09-08 12:13:08 -03:00
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
jhony75/eeg-qa!41
No description provided.