Update v12 examples to 12.4.1

[MikeMcC399]

This PR updates examples to use the latest Cypress version
12.4.0 released on Jan 24, 2023.
12.4.1 released on Jan 27, 2023.

Each of the test directories in examples, apart from examples/v9, is upgraded to use Cypress 12.4.1.

1. An issue caused by PR Restructure v9 and v10 examples #727 concerning renaming of the script scripts/npm-install-examples.sh is corrected.

2. The npm-based examples are updated using:
   npm run install-deps
   This updates package.json to include "cypress": "12.4.1" with exact version number as determined by .npmrc.

3. examples/start-and-yarn-workspaces is updated using:
   yarn upgrade-interactive --latest

4. examples/install-command is updated using:
   yarn add cypress -D

5. examples/basic-pnpm is updated using:
   pnpm update --latest

6. Edit the run command in .github/workflows/example-install-only.yml run: npm i cypress@12.x.x

[MikeMcC399]

@jaffrepaul

Please review and merge this update to the latest Cypress version 12.4.0.

Thanks!

[MikeMcC399]

This PR, which originally updated the examples to 12.4.0, now updates them to Cypress 12.4.1 instead.

[MikeMcC399]

All tests pass, so this PR is ready again for review and merge.

[MikeMcC399]

@jaffrepaul

The main reason for wanting to update to Cypress >= 12.4.0 is the support of Vite 4, which enables a new up-to-date setup of Component Testing to be created.

[MikeMcC399]

@jaffrepaul

• Although Cypress 12.5.0 was released yesterday Jan 31, 2023 I suggest to still go ahead with updating the examples to Cypress 12.4.1 first as in this PR.

• I would like to get the PRs for Node.js 18 rebased on this one once the examples are updated to Cypress 12.4.1. See BREAKING CHANGE to workflows due to Node.js upgrade 18 on Feb 13, 2023 #759. So if you could merge this PR that would be helpful to get the other ones ready in time for GitHub's migration to having Node.js 18 as default in their runners.

[jaffrepaul]

This is fine so we can move the other PRs along.

Moving forward we should be able to expand and leverage the npm-install-examples script. That's worth a separate task it seems.

[MikeMcC399]

@jaffrepaul

Moving forward we should be able to expand and leverage the npm-install-examples script. That's worth a separate task it seems.

Good idea! I will open a new issue to make the suggestion of completing the automation of upgrading to the latest Cypress version so that all types of package managers are covered i.e. add yarn and pnpm.

[MikeMcC399]

There was an error reported in run 7005024879 when merging this PR.

It appears to be a GitHub issue not caused by the repo code, so no special action necessary:

Run ./
/usr/local/bin/npm ci
npm ERR! code ECONNRESET
npm ERR! network aborted
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network 
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly.  See: 'npm help config'

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/runner/.npm/_logs/2023-02-01T[18](https://github.com/cypress-io/github-action/actions/runs/4067542540/jobs/7005024879#step:3:19)_31_28_082Z-debug-0.log
Error: The process '/usr/local/bin/npm' failed with exit code 1

[jaffrepaul]

I reran this as a test for another issue and it's passing now. Will keep an eye on it for flake 

[MikeMcC399]

Moving forward we should be able to expand and leverage the npm-install-examples script. That's worth a separate task it seems.

• Suggestion is captured in issue Automate examples update to latest Cypress version #767

[github-actions]

🎉 This PR is included in version 5.0.8 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀