test: Replace react-scripts example by nextjs example (#867)

* remove react-scripts

* exchange nextjs for react-scripts in update script

* exchange nextjs for react-scripts in example-wait-on

* test: add example nextjs

* update examples/nextjs to cypress 12.10.0

.github/workflows/example-wait-on.yml

@@ -307,17 +307,17 @@ jobs:
           # wait for all services to respond
           wait-on: 'http://localhost:3050, http://localhost:3060, http://localhost:3070'
 
-  wait-on-react-scripts:
+  wait-on-nextjs:
     runs-on: ubuntu-22.04
     steps:
       - name: Checkout
         uses: actions/checkout@v3
       - name: Cypress tests
         uses: ./
         with:
-          working-directory: examples/react-scripts
-          start: npm start
-          wait-on: 'http://127.0.0.1:3000'
+          working-directory: examples/nextjs
+          start: npm run dev
+          wait-on: 'http://localhost:3000'
 
   wait-using-custom-command:
     runs-on: ubuntu-22.04
@@ -327,10 +327,10 @@ jobs:
       - name: Cypress tests
         uses: ./
         with:
-          working-directory: examples/react-scripts
-          start: npm start
+          working-directory: examples/nextjs
+          start: npm run dev
           # let's use wait-on NPM package to check the URL
-          wait-on: 'npx wait-on --timeout 60000 http://127.0.0.1:3000'
+          wait-on: 'npx wait-on --timeout 60000 http://localhost:3000'
 
   ping-cli:
     runs-on: ubuntu-22.04

examples/nextjs/.gitignore

@@ -0,0 +1,30 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local

examples/nextjs/README.md

@@ -0,0 +1,3 @@
+# example: nextjs
+
+This example is built based on the instructions from [Learn Next.js](https://nextjs.org/learn).

examples/nextjs/cypress.config.js

@@ -0,0 +1,12 @@
+const { defineConfig } = require("cypress");
+
+module.exports = defineConfig({
+  fixturesFolder: false,
+  e2e: {
+    setupNodeEvents(on, config) {
+      // implement node event listeners here
+    },
+    supportFile: false,
+    baseUrl: 'http://localhost:3000',
+  },
+});

examples/nextjs/cypress/e2e/spec.cy.js

@@ -0,0 +1,6 @@
+describe('example: nextjs', () => {
+  it('loads correctly', () => {
+    cy.visit('/')
+    cy.contains('Welcome to Next.js!')
+  })
+})