Olá, tudo bem?
Estou fazendo o curso de JEST com React Library e logo no primeiro teste ele pediu para escrevermos:
import { render, screen } from '@testing-library/react';
import Cabecalho from './index';
test('Deve renderizar o nome do usuário logado', () => {
render(<Cabecalho />);
const nomeUsuario = screen.getByText('Joana Fonseca Gomes');
expect(nomeUsuario).toBeInTheDocument();
});
O professor roda no console e lá deu bom, aqui pra mim dá:
FAIL src/componentes/Cabecalho/Cabecalho.test.js
✕ Deve renderizar o nome do usuário logado (4ms)
● Deve renderizar o nome do usuário logado
ReferenceError: React is not defined
3 |
4 | test('Deve renderizar o nome do usuário logado', () => {
> 5 | render(<Cabecalho />);
| ^
6 | const nomeUsuario = screen.getByText('Joana Fonseca Gomes');
7 | expect(nomeUsuario).toBeInTheDocument();
8 | });
at Object.<anonymous> (src/componentes/Cabecalho/Cabecalho.test.js:5:10)
Eu resolvi o erro declarando um import React from 'react'
dentro do teste, mas sei que isso não deveria ser feito. O jest deveria incluir já isso no momento me que carrega.
Infelizmente, o curso está bem pobre se tratando de configurações de ambiente básica. Tive vários problemas com o node (pelo curso não especificar qual versão de node eu deveria utilizar - fui por tentativa e erro) entre outros mais.
Neste caso, eu estou seguindo o curso importando o React em cada arquivo de teste, mas gostaria de entender o que eu preciso fazer para não ter esse problema mais e sem seguir implementando essa tag de import do React em cada arquivo de teste.
Podem me auxiliar, por gentileza?