Cypress v13

Updates to Cypress v13 (from v10), which has some breaking changes.

Also include misc patch changes of various dependencies.

To migrate:

• testIsolation should be set to false under e2e in cypress.config.mjs. (Unless you update your tests to support this.)
• The 'process' NPM module should be installed into the base of your repository. (pnpm install -wD process)
• videoUploadOnPasses should be removed from cypress.config.mjs. (and perhaps replaced with video)

See:

• https://docs.cypress.io/guides/references/migration-guide (read guides for v11, v12 and v13)
• 76c6574
• f0dd244

Tudor crown

Adds support for the Tudor crown of King Charles III, which should be used from 19th February 2024.

New components, better authentication and sessions

Provides some new components, better authentication (especially OpenID Connect) and better session support.

New components:

• SummaryList
• SummaryCard
• ErrorSummary
• NotificationBanner

Potentially BREAKING:

• Support for Node.js v14 has been dropped

Better component testing

Provides better support for component testing with react-testing-library.

Also:

• We now run on Node.js v18 by default.

BREAKING:

• Enzyme has been removed. You will need to migrate your tests to react-testing-library.

** Potentially BREAKING:**

• webpack-cli has been updated from v4 to v5.
• webpack-dev-middleware has been updated from v5 to v6.
• Applications now listen on IPv6 by default. See #705.

Pagination component

Adds the Pagination component and some accessibility fixes.

Potentially BREAKING changes:

• govuk-frontend updated from v3 to v4
• restify updated from v8 to v11

Functional testing, Readiness checks, and new logging options

BREAKING CHANGES:

• Node.js v12 is no-longer officially supported. Please update to Node.js v14.

New features:

• Functional testing support via Cypress.io
• Readiness checks
• Better CI/CD pipelines
• CookieBanner component has been added
• New logging options:
  1. Set the logging destination by passing a filename in logger.destination to the engine
  2. Set the logging level by passing a string of the log level in logger.level to the engine

Documented form components

This has a breaking change as buttons are now defined as <Button>Text</Button>.

Basic authentication

Basic authentication can now be enabled on new applications by using the following environment variables:

• AUTH_METHOD = basic
• AUTH_USERNAME (set to the username you want users to supply)
• AUTH_PASSWORD (set to the password you want users to supply)
• PRIVACY = true (to apply the authentication to the entire website)

Deployment pipeline generator

Within an application or prototype you can now run npm run create:deployment to generate a deployment pipeline. Heroku and Netlify are currently supported.

Page generator

Allows new pages to be generated inside an application with the command npm run create:page.