add nextjs test screenshot

Author: bahmutov

examples/nextjs/README.md

@@ -2,6 +2,8 @@
 
 > A typical project using [next.js](https://nextjs.org/)
 
+![Page spec](images/page-spec.png)
+
 ## Configuration
 
 In order to reuse next's webpack configuration and all the custom configuration defined in `next.config.js` connect special plugin in [plugin file](./cypress/plugins/index.js)
@@ -52,3 +54,7 @@ cy.contains(
 ```
 
 Find more examples in [Page.spec.jsx](./cypress/components/Page.spec.jsx).
+
+## Coverage
+
+Code coverage is not working yet, see issue [431](https://github.com/bahmutov/cypress-react-unit-test/issues/431). It was disabled in [cypress.json](cypress.json)

examples/nextjs/cypress.json

@@ -4,5 +4,8 @@
   "viewportHeight": 800,
   "experimentalComponentTesting": true,
   "experimentalFetchPolyfill": true,
-  "componentFolder": "cypress/components"
+  "componentFolder": "cypress/components",
+  "env": {
+    "coverage": false
+  }
 }

examples/nextjs/cypress/components/Page.spec.jsx

@@ -8,6 +8,8 @@ describe('NextJS page', () => {
     mount(<IndexPage />)
 
     cy.contains('Welcome to Next.js')
+    cy.get('[aria-label=search]').type('Cypress')
+    cy.contains('.search-text', 'You are searching for: Cypress')
   })
 
   it("It doesn't run the `.getInitialProps()`", () => {