Use TS for Cypress config

As browserify-preprocessor is no longer needed and plugin files are no longer supported by Cypress, we can consolidate the plugins into 'cypress.config.ts'

.eslintrc

@@ -71,7 +71,8 @@
           "cypress/support/index.ts",
           "scripts/postcss-node-sass.js",
           "scripts/post-process-generated-graphql.ts",
-          "cypress/utils/graphql-test-utils.ts"
+          "cypress/utils/graphql-test-utils.ts",
+          "cypress.config.ts"
         ]
       }
     ],

cypress.config.js → cypress.config.ts

@@ -1,8 +1,7 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-const { defineConfig } = require("cypress");
-const plugins = require("./cypress/plugins");
+import { defineConfig } from "cypress";
+import task from "@cypress/code-coverage/task";
 
-module.exports = defineConfig({
+export default defineConfig({
   projectId: "4trcdv",
   defaultCommandTimeout: 10000,
   pageLoadTimeout: 10000,
@@ -17,7 +16,9 @@ module.exports = defineConfig({
     baseUrl: "http://localhost:57021",
     testIsolation: false,
     setupNodeEvents(on, config) {
-      return plugins(on, config);
+      task(on, config);
+
+      return config;
     }
   }
 });

package.json

@@ -53,7 +53,6 @@
     "@babel/preset-typescript": "^7.26.0",
     "@chromatic-com/storybook": "^3",
     "@csstools/postcss-sass": "^5.1.1",
-    "@cypress/browserify-preprocessor": "^3.0.2",
     "@cypress/code-coverage": "^3.13.4",
     "@graphql-codegen/add": "^3.1.1",
     "@graphql-codegen/cli": "^2.6.2",