# User History: Explorador casual

> Perfil: usuário que navega casualmente por um dos conteúdos do portal,
> seguindo um caminho natural de descoberta — sem buscar nada específico.

## História

O usuário acessa a homepage. Da homepage, interage com o link no **header**
que leva para a página de **notícias**. Da listagem de notícias, ele interage
com a **2ª notícia** e lê o conteúdo **até o final**. Em seguida, interage com
a **1ª notícia de destaque na barra lateral** daquele artigo. No novo artigo,
interage com o **botão da unidade regional** (logo acima da data) para acessar
a **página da regional**. Lá dentro, lê o conteúdo até o final e interage com
o **1º associado**, que deve abrir o **modal** com a descrição, benefícios,
link para o site, LinkedIn e categoria/tag logo abaixo. Por fim, o usuário
clica **fora do modal** (não no X) e deve voltar para a **visualização
principal da página da regional**.

## Critérios de aceite

1. **Homepage** carrega e o link "Notícias" está presente no header.
2. O clique no link do header navega para `/noticias`.
3. Existe uma listagem de cards de notícias; a 2ª notícia está visível e é
   clicável.
4. O artigo da 2ª notícia abre, tem conteúdo legível e é possível rolar até o
   final (fonte/tags).
5. A barra lateral exibe "Destaques"; a 1ª notícia de destaque é clicável e
   navega para outro artigo.
6. No artigo, o badge da **unidade regional** fica acima da data e navega para
   `/regional/{unidade}`.
7. A página da regional carrega com conteúdo e a seção de associados.
8. O 1º associado abre um modal com: **descrição**, seção **Benefícios**,
   link **Visitar site**, **LinkedIn** e **categoria/tag** logo abaixo.
9. Clicar **fora do modal** (backdrop) fecha o modal e retorna à visualização
   principal da página da regional.
10. Nenhum erro de JavaScript (pageerror/console.error) durante todo o fluxo.
    404s de recursos (`news-default.jpg`, `variants/*.webp`) são reportados como
    **diagnóstico** no relatório, não falham a história — são assets em falta no
    seed, não JS quebrado.

## Dados de referência (estado atual do seed)

- Homepage: `http://localhost:10011/`
- Listagem: `http://localhost:10011/noticias` (cards `[data-news-card]`)
- 2ª notícia (atual): "SUCESU PE lança programa de aceleração…" — mas o teste
  seleciona pela posição (2º card), não pelo slug.
- 1º destaque da sidebar (atual): "SUCESU Bahia lança ciclo de palestras…"
- Regional: `/regional/sucesu-bahia` (badge `SUCESU Bahia` acima da data)
- 1º associado (atual): "Faculdade de Tecnologia da Bahia" (modal AJAX via
  `GET /associados/detalhe/{id}`)

## Teste correspondente

`tests/explorer.spec.ts`