test: concurrently run dev and cypress headless

Co-authored-by: Alice Lawrie <atlawrie@users.noreply.github.com>
Co-authored-by: Sherwin Heydarbeygi <sherwin@imgix.com>

cypress.json

@@ -2,5 +2,6 @@
   "pluginsFile": "tests/e2e/plugins/index.js",
   "screenshotOnRunFailure": false,
   "video": false,
-  "ignoreTestFiles": ["advanced-api.spec.js"]
+  "ignoreTestFiles": ["advanced-api.spec.js"],
+  "baseUrl": "http://localhost:3000/"
 }

package.json

@@ -30,7 +30,7 @@
     "serve": "vite preview",
     "test": "run-s test:unit test:e2e",
     "test:unit": "vite test:unit",
-    "test:e2e": "vite test:e2e --browser chrome",
+    "test:e2e": "concurrently --n \"vite,cypress\" --p \"[{name}]\" -c \"green,yellow\" \"yarn dev\" \"npx cypress run --browser chrome\" -k",
     "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
     "lint:ci": "eslint --no-fix --max-warnings 0",
     "prepare": "run-s build",
@@ -65,6 +65,7 @@
     "vite": "^2.5.4",
     "babel-jest": "27.5.1",
     "babel-loader": "8.3.0",
+    "concurrently": "^7.6.0",
     "conventional-changelog-conventionalcommits": "4.6.3",
     "core-js": "3.28.0",
     "cypress": "7.7.0",