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

Erro ao testar o codigo com os 3 it

Estou recebendo um erro ao colocar os três it dentro do describe, caso eu retire qualquer um o teste volta a funcionar. Ja testei todos eles individualmente e todos eles estão funcionando normalmente.

Código sendo usado:

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

describe('Componente principal', () => {
    describe('Quando eu abro o app do banco', () => {

        it('Quando eu abro o nome do banco, o nome é exibido', () => {
            render(<App />);

            expect(screen.getByText('ByteBank')).toBeInTheDocument();
        })

        it('Quando eu abro o app do banco o saldo é exibido', () => {
            render(<App />);

            expect(screen.getByText('Saldo:')).toBeInTheDocument();
        })

        it('Quando eu abro o app do banco o botão de realizar a transação é exibido', () => {
            render(<App />);

            expect(screen.getByText('Realizar operação')).toBeInTheDocument();
        })
    })
})

O erro encontrado:

node:internal/process/promises:227 triggerUncaughtException(err, true /* fromPromise */); ^

[UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). The promise rejected with the reason "TypeError: Caught error after test environment was torn down

Cannot read property 'body' of null".] { code: 'ERR_UNHANDLED_REJECTION' } npm ERR! code 1 npm ERR! path /home/gabriel/Documentos/Alura/Programacao/React/automatizandoTestes/1976-react-testes npm ERR! command failed npm ERR! command sh -c react-scripts test

npm ERR! A complete log of this run can be found in: npm ERR! /home/gabriel/.npm/logs/2021-01-11T1916_02_264Z-debug.log

5 respostas

Fala ai Gabriel, tudo bem? Esse motivo pode estar ocorrendo por N razões, sendo assim, posso te pedir um favor? Compartilha o projeto completo, assim eu consigo simular o problema e analisá-lo com mais calma.

Pode compartilhar através do Github ou Google Drive (zipado).

Fico no aguardo.

Fala Gabriel, acabei de testar o projeto, os testes passaram sem problemas por aqui, nenhum quebrou:

Testes rodando

Espero ter ajudado.

Acabei de testar o código novamente e não foi. Refiz todos os passos da aula, desde clonar a pasta do github mas ainda não funcionou. Tem alguma ideia do porque disso?

solução!

Fala Gabriel, quando você está rodando os testes a API está no ar? Pode ser que o problema seja isso.

Ou seja, em um terminal eu rodei o npm run backend e no outro npm test.

Aqui eu tive que subir uma API se não me engano.