Migrate to Cypress 10

Ran `cypress open` and walked through migration guide. It generated cypress.config.ts
which I renamed to cypress.config.js and reverted to `require()` instead of `import`
because of stupid TypeScript typings warnings related to the plugins, which seem
perfectly fine.

e2e tests all run and pass as before.

Unfortunately, coverage is broken because we also need
`@cypress/[email protected]` which supports Cypress 10, but
it has an issue with this error:
cypress-io/code-coverage#573

Author: stefcameron

cypress.config.js

@@ -0,0 +1,16 @@
+const { defineConfig } = require('cypress');
+const setupPlugins = require('./cypress/plugins/index.js');
+
+module.exports = defineConfig({
+  viewportHeight: 600,
+  viewportWidth: 800,
+  video: false,
+  e2e: {
+    // We've imported your old cypress plugins here.
+    // You may want to clean this up later by importing these.
+    setupNodeEvents(on, config) {
+      return setupPlugins(on, config); // DEBUG require('./cypress/plugins/index.js')(on, config)
+    },
+    specPattern: 'test/e2e/**/*.e2e.js',
+  },
+});

cypress.json

@@ -32,8 +32,8 @@
     "test:types": "tsc index.d.ts",
     "test:unit": "jest",
     "test:e2e": "ELECTRON_ENABLE_LOGGING=1 cypress run",
-    "test:e2e:dev": "cypress open",
-    "test:coverage": "cypress run --env coverage=true",
+    "test:e2e:dev": "cypress open --browser --e2e",
+    "test:coverage": "yarn test:e2e --env coverage=true",
     "prepare": "yarn build",
     "prepublishOnly": "yarn test && yarn build",
     "release": "yarn build && changeset publish"
@@ -58,7 +58,7 @@
     "@babel/plugin-proposal-optional-chaining": "^7.16.0",
     "@babel/preset-env": "^7.18.2",
     "@changesets/cli": "^2.23.0",
-    "@cypress/code-coverage": "^3.9.12",
+    "@cypress/code-coverage": "^3.10.0",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-node-resolve": "^13.3.0",