use testcafe via configfile

.gitlab-ci.yml

@@ -67,7 +67,7 @@ test:e2e:
   needs: ["install", "build"]
   stage: test
   script:
-    - npm run test:e2e
+    - npm run testcafe
   artifacts:
     paths:
       - e2e-screenshots

package.json

@@ -27,11 +27,8 @@
     "start": "next dev",
     "start-prod": "next start --port ${SERVER_PORT:=80}",
     "serve": "next start --port 3000",
-    "test": "npm run test:e2e:verbose",
+    "test": "npm run testcafe",
-    "test:e2e": "testcafe --list-browsers && npm-run-all -p -r serve testcafe",
+    "testcafe": "testcafe --config-file testcafe.json",
-    "test:e2e:verbose": "npm-run-all -p -r serve testcafe:verbose",
-    "testcafe": "testcafe --skip-js-errors -S -s 'e2e-screenshots' --app-init-delay 2000 chrome:headless tests/testcafe",
-    "testcafe:verbose": "testcafe --skip-js-errors -S -s 'e2e-screenshots' --app-init-delay 2000 chrome tests/testcafe",
     "build-analyze": "ANALYZE=true npm run build",
     "prepare": "husky install"
   },

testcafe.json

@@ -0,0 +1,11 @@
+{
+  "src": "tests/testcafe",
+  "browsers": "all",
+  "concurrency": 1,
+  "screenshots": {
+    "path": "e2e-screenshots"
+  },
+  "skipJsErrors": false,
+  "appCommand": "npm run serve",
+  "appInitDelay": 2000
+}