update cypress (v9 to v12), vite (v2 to v4) (#134)

* update cypress (v9 to v12), vite (v2 to v4)

* run prettier

* fix cypress supportFile

tests/vite-app/.gitignore

@@ -4,4 +4,4 @@ public/*.json
 cypress/fixtures/example-*.json
 !cypress/plugins/index.js
 !cypress/support/commands.js
-!cypress/support/index.js
+!cypress/support/e2e.js

tests/vite-app/cypress.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from "cypress";
+
+export default defineConfig({
+  e2e: {
+    // We've imported your old cypress plugins here.
+    // You may want to clean this up later by importing these.
+    setupNodeEvents(on, config) {
+      // eslint-disable-next-line @typescript-eslint/no-var-requires
+      return require("./cypress/plugins/index.js")(on, config);
+    },
+    baseUrl: "http://localhost:5173/",
+  },
+});

tests/vite-app/package.json

@@ -16,12 +16,12 @@
     "postinstall": "npm run reinstall"
   },
   "devDependencies": {
-    "@cypress/webpack-preprocessor": "^5.11.1",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "cypress": "^9.5.2",
-    "ts-loader": "^9.2.8",
-    "ts-node": "^10.7.0",
-    "typescript": "^4.6.2",
-    "vite": "^2.9.16"
+    "@cypress/webpack-preprocessor": "^5.17.1",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "cypress": "^12.17.3",
+    "ts-loader": "^9.4.4",
+    "ts-node": "^10.9.1",
+    "typescript": "^4.9.5",
+    "vite": "^4.4.9"
   }
 }

tests/vite-app/run-tests.sh

@@ -27,14 +27,6 @@ run_test() {
         echo "Cypress test failed :("
         TEST_FAILED=true
     fi
-    if [ -z $CI ]; then
-        # Only bother to kill the backgrounded server if we're not running in CI (but e.g. on a developer laptop)
-        echo "Sending stop signal to Vite server (PID $VITE_PID) ..."
-        kill -INT $VITE_PID
-        echo "Waiting for Vite server to actually stop ..."
-        wait
-        echo "Vite server stopped"
-    fi
     if [ ! -z $TEST_FAILED ]; then
         return 1
     fi
@@ -46,7 +38,7 @@ main() {
 
     # Run against dev server, which uses esbuild bundler
     echo "Starting Cypress tests against Vite dev server ..."
-    run_test "npm run dev" 3000 "npm run cypress:run"
+    run_test "npm run dev" 5173 "npm run cypress:run"
 
     # Run against preview server too, which uses rollup bundler
     echo "Building Vite app for preview ..."
@@ -56,3 +48,9 @@ main() {
 }
 
 main
+if [ -z $CI ]; then
+    # kill the backgrounded servers if we're not running in CI (e.g. on a developer laptop)
+    # note: might not run if the test fails - run "ps j" to find the PGID if you need to run pkill yourself
+    echo "Sending kill signal to (PGID $$) ..."
+    pkill -2 -g $$
+fi