Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

ReferenceError: document is not defined

import React from 'react';
import {render, screen} from '@testing-library/react';

import App from './App.js'

describe('Componente principal', ()=>{
    it('Mostrar o nome do banco', () =>{
        render(<App/>);

        expect(screen.getByText('ByteBank')).toBeInTheDocument();
    })
})
 FAIL  src\App.test.js
  ● Componente principal › Mostrar o nome do banco

    ReferenceError: document is not defined

      at render (node_modules/@testing-library/react/dist/pure.js:68:5)
      at Object.<anonymous> (src/App.test.js:8:28)
          at new Promise (<anonymous>)
      at node_modules/p-map/index.js:46:16
      at processTicksAndRejections (internal/process/task_queues.js:97:5)

  Componente principal
    × Mostrar o nome do banco (1ms)

Test Suites: 1 failed, 1 total
Tests:       1 failed, 1 total
Snapshots:   0 total
Time:        3.436s, estimated 6s
Ran all test suites related to changed files.

Watch Usage: Press w to show more.
2 respostas
solução!

Olá, Gabriel! Tudo bem?

Desculpa pela demora, o problema continua?

Se sim, você está usando o projeto disponibilizado no curso? Ele foi criado usando o Create React App, que define algumas configurações para os testes de componentes.

Uma solução rápida pode ser configurar diretamente no arquivo de testes que o ambiente que o teste deve rodar é o JSDOM (para que tenha acesso ao document). No topo do seu arquivo de testes, adicione:

/**
 * @jest-environment jsdom
 */

Mas seria importante descobrirmos em que ponto o problema se originou, então se você puder compartilhar o projeto via GitHub, vamos poder entender melhor!

Espero ter ajudado!

Funcionou, obrigado !!!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software