add note about testing library

Author: bahmutov

README.md

@@ -7,6 +7,7 @@
 - What is this? This package allows you to use [Cypress](https://www.cypress.io/) test runner to unit test your React components with zero effort.
 
 - How is this different from [Enzyme](https://github.com/airbnb/enzyme) or [RTL](https://testing-library.com/docs/react-testing-library/intro)? It is similar in functionality BUT runs the component in the real browser with full power of Cypress E2E test runner: [live GUI, full API, screen recording, CI support, cross-platform](https://www.cypress.io/features/). Ohh, and the code coverage is built-in!
+- If you like using `@testing-library/react`, you can use `@testing-library/cypress` for the same `findBy`, `queryBy` commands, see one of the examples in the list below
 
 ## Known problems
 
@@ -97,7 +98,7 @@ Spec | Description
 [react-router-v6](cypress/component/advanced/react-router-v6) | Example testing a [React Router v6](https://github.com/ReactTraining/react-router/blob/dev/docs/guides/getting-started.md)
 [renderless](cypress/component/advanced/renderless) | Testing a component that does not need to render itself into the DOM
 [set-timeout-example](cypress/component/advanced/set-timeout-example) | Control the clock with `cy.tick` and test loading components that use `setTimeout`
-[testing-lib-example](cypress/component/advanced/testing-lib-example) | A spec adopted from [RTL intro](https://testing-library.com/docs/react-testing-library/example-intro)
+[testing-lib-example](cypress/component/advanced/testing-lib-example) | A spec adopted from [@testing-library/react](https://testing-library.com/docs/react-testing-library/example-intro) that uses [@testing-library/cypress](https://testing-library.com/docs/cypress-testing-library/intro)
 [timers](cypress/component/advanced/timers) | Testing components that set timers, adopted from [ReactJS Testing recipes](https://reactjs.org/docs/testing-recipes.html#timers)
 [tutorial](cypress/component/advanced/tutorial) | A few tests adopted from [ReactJS Tutorial](https://reactjs.org/tutorial/tutorial.html)
 <!-- prettier-ignore-end -->

cypress/component/advanced/testing-lib-example/testing-lib-spec.js

@@ -9,7 +9,9 @@ it('loads and displays greeting (testing-lib)', () => {
   const url = '/greeting'
   mount(<Fetch url={url} />)
 
-  cy.queryByText('Load Greeting').click()
+  cy.queryByText('Load Greeting')
+    .wait(1000)
+    .click()
   cy.queryByRole('heading').should('have.text', 'Hello there')
   cy.queryByRole('button').should('be.disabled')
   cy.get('@greet')

cypress/support/index.js

@@ -17,5 +17,7 @@
 // using "npm run transpile"
 import 'cypress-react-unit-test/hooks'
 // import '@percy/cypress'
+
+// https://testing-library.com/docs/cypress-testing-library/intro
 import '@testing-library/cypress/add-commands'
 // import 'cypress-plugin-snapshots/commands'

package.json

@@ -56,7 +56,7 @@
     "@material-ui/icons": "4.5.1",
     "@material-ui/lab": "4.0.0-alpha.39",
     "@percy/cypress": "1.0.9",
-    "@testing-library/cypress": "5.0.2",
+    "@testing-library/cypress": "6.0.0",
     "@types/node": "9.6.49",
     "@types/react": "16.9.16",
     "@types/react-dom": "16.9.4",