Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Resolução do desafio de chamar e não a função

it('Chama a função de realizar transação, quando o botão é habilitado', () => {
    const funcaoRealizarTransação = jest.fn()
    render(<Conta saldo={1000} realizarTransacao={funcaoRealizarTransação} />)

    const transacao =  screen.getByLabelText('Saque');
    const valor = screen.getByTestId('valor');
    const botaoTransacao = screen.getByText('Realizar operação');

    fireEvent.click(transacao, { target: { value: 'saque'}});
    fireEvent.change(valor, { target: { value:  10 }});

    expect(botaoTransacao).toBeTruthy()

    fireEvent.click(botaoTransacao);

    expect(funcaoRealizarTransação).toHaveBeenCalled()
  })

  it('Não chamar a função, quando os campos estiverem sem valores', () => {
    const funcaoRealizarTransação = jest.fn()
    render(<Conta saldo={1000} realizarTransacao={funcaoRealizarTransação} />)

    const botaoTransacao = screen.getByText('Realizar operação');

    expect(botaoTransacao).toBeDisabled()
    expect(funcaoRealizarTransação).not.toHaveBeenCalled()

  })
1 resposta
solução!

Oi Lorena, tudo bom?

Isso aí, muito bom ver você sempre praticando o que viu nas aulas. Parabéns! E muito obrigada por compartilhar o seu código com a gente.

Um abraço e bons estudos.

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