Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Get start with react-test-library.

Simone Amorim
September 22, 2020

Get start with react-test-library.

Simone Amorim

September 22, 2020
Tweet

More Decks by Simone Amorim

Other Decks in Technology

Transcript

  1. O que devo testar? O teste deve parecer o mais

    possível da interação do usuário com nosso código.
  2. O que devo testar? Não testamos se o valor de

    uma prop está correto. Testar o comportamento do usuário final e não do código. Em vez de nos concentrarmos no código e em como ele funciona, simplesmente assumimos a perspectiva do usuário.
  3. screen queryBy* 03 • igual ao getBy* • para elementos

    fora do DOM • retorna null findBy* 02 • assíncronas • aguarda uns 5min pra checar o DOM • gera um erro getBy* 01 • síncronas • confere o elemento no DOM • retorna um erro
  4. Qual devo usar? Test IDs 03 • getByTestId Queries semânticas

    02 • getByAltText • getByTitle Queries acessíveis para qualquer pessoa. 01 • getByRole • getByLabelText • getByPlaceholderText • getByText • getByDisplayValue
  5. Referências • Which query should I use? • Common mistakes

    with React Testing Library • Accessibility tree (AOM) • Testing Playground • Considerations for fireEvent • Fix the "not wrapped in act(...)" warning