# Testes em React (React / Next.js)

> React Testing Library, Jest, Vitest, testes de componentes, mocking, interações de usuário, coverage

- 20 perguntas de entrevista
- Mid-Level
- [Perguntas de entrevista: React / Next.js](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista.md)

## 1. Qual é a principal diferença entre getBy, queryBy e findBy no React Testing Library?

**Resposta**

getBy lança um erro se o elemento não existir (assertions síncronas), queryBy retorna null se o elemento não existir (verificar ausência), e findBy retorna uma Promise para elementos assíncronos. Use getBy por padrão para elementos que devem existir, queryBy para verificar que um elemento não está presente, e findBy para aguardar o aparecimento de um elemento após um delay.

## 2. Qual é a principal vantagem de getByRole em relação a getByTestId?

**Resposta**

getByRole incentiva boas práticas de acessibilidade ao buscar elementos pelo seu papel ARIA semântico (button, textbox, heading), o que melhora a acessibilidade do componente para leitores de tela. getByTestId requer a adição de atributos data-testid artificiais que não trazem valor para o usuário final. React Testing Library recomenda priorizar getByRole, getByLabelText e getByText antes de getByTestId.

## 3. Como testar a renderização condicional de um elemento que NÃO está presente no DOM?

**Resposta**

Use queryBy para verificar a ausência de um elemento, pois ele retorna null em vez de lançar um erro. Exemplo: expect(screen.queryByText('Error')).toBeNull() ou expect(screen.queryByText('Error')).not.toBeInTheDocument(). getBy lançaria um erro e falharia o teste, enquanto findBy aguarda o elemento aparecer (timeout se ausente).

## Mais 17 perguntas disponiveis

- Por que o React Testing Library recomenda NÃO testar detalhes de implementação?
- Qual é a diferença entre render e screen no React Testing Library?

Cadastre-se gratis: https://sharpskill.dev/pt/login

## Outros temas de entrevista React / Next.js

- [Fundamentos de JavaScript](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/javascript-essentials.md): 25 perguntas, Junior
- [Fundamentos do React](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/react-fundamentals.md): 20 perguntas, Junior
- [React Hooks](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/react-hooks.md): 22 perguntas, Junior
- [Ciclo de vida dos componentes](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/component-lifecycle.md): 18 perguntas, Junior
- [React Router](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/react-router.md): 20 perguntas, Junior
- [Gerenciamento de estado com Context](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/state-management-context.md): 18 perguntas, Junior
- [Formulários e Controlled Components](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/forms-controlled-components.md): 20 perguntas, Mid-Level
- [Busca de dados e API](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/fetching-data-api.md): 20 perguntas, Mid-Level
- [React Query (TanStack Query)](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/react-query-tanstack.md): 20 perguntas, Mid-Level
- [Styling & CSS-in-JS](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/styling-css-in-js.md): 18 perguntas, Mid-Level
- [Fundamentos do Next.js](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/nextjs-fundamentals.md): 25 perguntas, Mid-Level
- [TypeScript com React](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/typescript-react.md): 20 perguntas, Mid-Level
- [Data Fetching no Next.js](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/nextjs-data-fetching.md): 24 perguntas, Mid-Level
- [Server Actions do Next.js](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/nextjs-server-actions.md): 20 perguntas, Mid-Level
- [Roteamento e Navegação no Next.js](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/nextjs-routing-navigation.md): 22 perguntas, Mid-Level
- [API Routes do Next.js](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/nextjs-api-routes.md): 20 perguntas, Mid-Level
- [Metadata & SEO no Next.js](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/nextjs-metadata-seo.md): 18 perguntas, Mid-Level
- [Middleware e Auth no Next.js](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/nextjs-middleware-auth.md): 22 perguntas, Mid-Level
- [Zustand State Management](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/zustand-state-management.md): 18 perguntas, Mid-Level
- [Otimização de Performance React](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/react-performance-optimization.md): 22 perguntas, Senior
- [Error Boundaries & Error Handling](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/react-error-boundaries.md): 18 perguntas, Senior
- [Advanced React Patterns](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/advanced-react-patterns.md): 20 perguntas, Senior
- [Recursos avançados do Next.js](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/nextjs-advanced-features.md): 24 perguntas, Senior
- [Deploy e Produção com Next.js](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/nextjs-deployment-production.md): 20 perguntas, Senior
- [Architecture & Design Patterns](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/react-architecture-patterns.md): 22 perguntas, Senior
- [React Server Components](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/react-server-components.md): 26 perguntas, Senior
- [Internacionalização do Next.js](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/nextjs-internationalization.md): 20 perguntas, Senior
- [React Security & Boas Práticas](https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/react-security-best-practices.md): 22 perguntas, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/pt/technologies/react-next/perguntas-entrevista/react-testing