test: extend cypress examples linting to javascript styles

[MikeMcC399]

Situation

• ESLint is already used to lint JavaScript files (see eslint.config.mjs for configuration).

• JavaScript source files that are part of the core action are already formatted using Prettier.

• JavaScript source files in the examples directory are not yet linted for formatting.

• ESLint offers a consolidated plugin @stylistic/eslint-plugin for Stylistic Formatting.

Change

• Add linting using @stylistic/eslint-plugin using its recommended rules for the examples directory. Additionally use the following rules for alignment with .prettierrc.json. In the case of the comma-dangle rule, this is aligned instead with the settings in @cypress/eslint-plugin-dev since scaffolded Cypress config files are generated with dangling commas.

  '@stylistic/indent': ['error', 2],
  '@stylistic/comma-dangle': ['error', 'always-multiline'],
  '@stylistic/quotes': ['error', 'single'],
  '@stylistic/semi': ['error', 'never'],

• Use npx eslint --fix on examples to move to consistent JavaScript formatting.

• Add JavaScript related files in the examples directory to .prettierignore to avoid a management conflict between ESLint and Prettier. ESLint is responsible for formatting examples, not Prettier.

Verify

npm ci
npm run lint

and confirm that no linting errors are reported.

npx prettier --check examples/**/*.js

and confirm that:

• no *.js JavaScript files in the examples directory are being touched by Prettier
• no changes are being proposed by Prettier

[cypress-app-bot]

• Create a Draft Pull Request if your PR is not ready for review. Mark the PR as Ready for Review when you're ready for a Cypress team member to review the PR.

[jennifer-shehane]

Looks good 👍🏻

[github-actions]

🎉 This PR is included in version 6.7.15 🎉

The release is available on:

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

Your semantic-release bot 📦🚀