Quiz 13 - Introdução

1. O que é o Vitest?

Um editor de vídeo para programadores.

Um executor de testes moderno e rápido, substituto do Jest no ecossistema Vite.

Uma nova linguagem de programação.

Um plugin para mudar o tema do site. *Explicação: Vitest é o motor que roda os testes em projetos que usam Vite.*

2. Qual a filosofia da React Testing Library (RTL)?

Testar a implementação interna das funções.

Testar os componentes da forma como o usuário interage com eles (testando o DOM).

Testar apenas o código CSS.

Testar a velocidade da internet. *Explicação: A RTL evita testar detalhes de implementação, o que torna os testes mais robustos contra refatorações.*

3. Para que serve a função `render()` da RTL?

Para desenhar imagens na tela.

Para simular a renderização de um componente em um ambiente de DOM virtual para que possamos testá-lo.

Para enviar o código para produção.

Para salvar o arquivo. *Explicação: Render coloca o componente no "jsdom" para que possamos buscar elementos dentro dele.*

4. Qual dessas é a forma mais recomendada de buscar um elemento em um teste?

`document.getElementById('id-secreto')`

`screen.getByText('Texto visível ao usuário')`

`component.find('div')`

`querySelector('.classe-css')` *Explicação: Buscar por texto ou papéis (roles) garante que seu teste valide a acessibilidade e a experiência do usuário.*

5. O que faz o comando `expect(elemento).toBeInTheDocument()`?

Salva o documento no Word.

Verifica (faz uma asserção) se o elemento realmente apareceu na tela durante o teste.

Deleta o elemento se ele for inválido.

Imprime o código no papel. *Explicação: É uma asserção fundamental para validar o sucesso da renderização.*