Add legacy-handling of headless Chrome

(see cypress-io/cypress-documentation#5479)

cypress.config.ts

@@ -15,6 +15,19 @@ export default defineConfig({
     fixturesFolder: false,
     supportFile: 'test/cypress/support/e2e.ts',
     setupNodeEvents (on: any) {
+      on('before:browser:launch', (browser: any = {}, launchOptions: any) => { // TODO Remove after upgrade to Cypress >=12.5.0, see https://github.com/cypress-io/cypress-documentation/issues/5479
+        if (browser.name === 'chrome' && browser.isHeadless) {
+          launchOptions.args = launchOptions.args.map((arg: any) => {
+            if (arg === '--headless') {
+              return '--headless=new'
+            }
+
+            return arg
+          })
+        }
+        return launchOptions
+      })
+
       on('task', {
         GenerateCoupon (discount: number) {
           return security.generateCoupon(discount)