testing-lib-example

Using @testing-library/cypress

You can install and bring Testing library/Cypress to be used in these React component tests. The following example was copied from react-testing-library/example-intro.

• fetcher.js is the component we are testing
• testing-lib-spec.js is component test implemented using Testing library/Cypress

it('loads and displays greeting (testing-lib)', () => {
  cy.server()
  cy.route('/greeting', { greeting: 'Hello there' }).as('greet')

  const url = '/greeting'
  mount(<Fetch url={url} />)

  cy.findByText('Load Greeting')
    .wait(1000)
    .click()
  cy.findByRole('heading').should('have.text', 'Hello there')
  cy.findByRole('button').should('be.disabled')
  cy.get('@greet')
    .its('url')
    .should('match', /\/greeting$/)
})

• spec.js is an equivalent example test using "plain" Cypress commands.