1
resposta

findAll não está funcionando no terceiro video da aula 3

FAIL src/pages/Home/Home.test.js Testando página Home ✕ deve renderizar com categorias (1017 ms)

● Testando página Home › deve renderizar com categorias

Unable to find an element by: [data-testid="home-categorias"]

Ignored nodes: comments, script, style
<body>
  <div />
</body>

   7 |   test('deve renderizar com categorias', async () => {
   8 |     render(<Home />);
>  9 |     const categorias = await screen.findAllByTestId('home-categorias');
     |                                     ^
  10 |
  11 |     expect(categorias).toHaveLength(2);
  12 |   })
  

até tentei trocar o findAll por queryAll e tirar o await da frente porem ele retorna null

1 resposta

E aí Matheus!

Primeiro, verifica se o elemento tá realmente lá, no HTML gerado pela tua aplicação. Às vezes, pode ser que o data-testid não esteja sendo renderizado direito. Bota um olho lá no código gerado e confirma se tá tudo nos conformes.

Outra coisa, quando tu tentou trocar o findAll por queryAll e tirar o await, lembrasse de ajustar o teste pra não dar ruim? Às vezes, a mudança no método também exige umas alterações nas expectativas.

Se nada disso resolver, manda mais detalhes aí! Tipo, o que tá sendo renderizado no HTML, como tá a estrutura do teu componente Home, essas paradas. Aí a gente consegue te ajudar melhor!