feat: component testing configuration (#501)

Signed-off-by: Chris Campbell <[email protected]>

cypress.json

@@ -2,8 +2,11 @@
     "baseUrl": "http://localhost:3000",
     "fixturesFolder": "tests/cypress/fixtures",
     "integrationFolder": "tests/cypress/integration",
+    "component": {
+        "componentFolder": "tests/cypress/components"
+    },
     "screenshotsFolder": "tests/cypress/screenshots",
-    "pluginsFile": false,
+    "pluginsFile": "tests/cypress/plugins/index.ts",
     "supportFile": "tests/cypress/support/index.ts",
     "video": true,
     "videosFolder": "tests/cypress/videos",
@@ -27,4 +30,4 @@
         "MNEMONIC12_ACCOUNT_ID": "0.0.59364",
         "MNEMONIC12_PHRASE": "spy,base,tired,useless,rug,riot,ticket,enroll,disorder,kiwi,client,impulse"
     }
-}
+}

package.json

@@ -8,14 +8,15 @@
   "license": "Apache-2.0",
   "private": true,
   "scripts": {
-    "cy:run": "cypress run",
-    "cy:dev": "cypress open",
+    "test:e2e:run": "cross-env NODE_ENV=test cypress run",
+    "test:e2e:dev": "cross-env NODE_ENV=test cypress open",
+    "test:unit:run": "cross-env NODE_ENV=test cypress run-ct",
+    "test:unit:dev": "cross-env NODE_ENV=test cypress open-ct",
     "dev": "vite",
     "electron:dev": "cross-env TS_NODE_COMPILER_OPTIONS='{\"module\":\"commonjs\"}' electron -r ts-node/register src/electron/main.ts",
     "prebuild": "npx pnpm install -r --store=node_modules/.pnpm-store || echo skiping pnpm install",
     "build": "cross-env NODE_ENV=production vite build",
     "fmt": "eslint --ext .ts,vue . --fix",
-    "vti": "vti diagnostics",
     "postinstall": "husky install",
     "check:types": "run-s check:types:src check:types:tests:cypress",
     "check:types:src": "vue-tsc",
@@ -51,6 +52,7 @@
     "vue-router": "^4.0.10"
   },
   "devDependencies": {
+    "@cypress/vite-dev-server": "^2.0.3",
     "@cypress/vue": "^3.0.1",
     "@intlify/vite-plugin-vue-i18n": "^2.3.1",
     "@tailwindcss/forms": "^0.3.3",
@@ -63,7 +65,7 @@
     "@vue/eslint-config-typescript": "^7.0.0",
     "autoprefixer": "^10.3.1",
     "cross-env": "^7.0.3",
-    "cypress": "^7.7.0",
+    "cypress": "^8.0.0",
     "cypress-file-upload": "^5.0.8",
     "electron": "^13.1.6",
     "eslint": "^7.30.0",
@@ -79,14 +81,11 @@
     "pnpm": "^6.10.0",
     "postcss": "^8.3.5",
     "postcss-focus-visible": "^5.0.0",
-    "rollup-plugin-polyfill-node": "^0.6.2",
     "tailwindcss": "^2.2.4",
-    "ts-node": "^10.1.0",
     "typescript": "^4.3.5",
     "vite": "^2.4.2",
     "vite-plugin-html": "^2.0.7",
-    "vite-plugin-pwa": "^0.8.1",
-    "vti": "^0.1.3",
+    "vite-plugin-pwa": "^0.8.2",
     "vue-tsc": "^0.2.0",
     "workbox-window": "^6.1.5"
   }