Quando aplico este teste:
import { render, screen } from "@testing-library/react";
import Extrato from "./index";
test("Deve renderizar uma lista de transações", () => {
const transacoes = [
{
transacao: "Depósito",
valor: 100,
},
];
render(<Extrato transacoes={transacoes} />);
const lista = screen.getByRole("listitem");
expect(lista).toBeInTheDocument();
});
Ele continua dando failed. A mensagem do terminal é a seguinte:
● Deve renderizar uma lista de transações
TypeError: Cannot read properties of undefined (reading 'mes')
4 | return (
5 | <li>
> 6 | <p className={estilos.mes}>{transacao.mes}</p>
| ^
7 | <div className={estilos.transacao}>
8 | <p data-testid="tipoTransacao">{transacao.transacao}</p>
9 | <span>{transacao.data}</span>
Test Suites: 1 failed, 3 passed, 4 total
Tests: 1 failed, 8 passed, 9 total
Snapshots: 1 passed, 1 total
Time: 7.687 s
Onde está o erro?