Setup e2e tests with Nightwatch and test Error404

launchbadge · Aug 23, 2019 · 2d50b8a · 2d50b8a
1 parent ee74d78
commit 2d50b8a
Show file tree

Hide file tree

Showing 6 changed files with 332 additions and 208 deletions.
diff --git a/.gitignore b/.gitignore
@@ -23,3 +23,7 @@ yarn-error.log*
 
 # Firebase
 .firebase/
+
+# Nightwatch
+tests/e2e/reports
+selenium*.log
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
@@ -20,7 +20,7 @@ test:
 
     script:
         - yarn lint
-        - yarn test
+        - yarn test:unit
         - yarn build
 
     only:

diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
         "lint:css": "stylelint --fix 'src/**/*.vue' 'src/**/*.css'",
         "test": "npm-run-all test:unit",
         "test:unit": "vue-cli-service test:unit",
+        "test:e2e": "vue-cli-service test:e2e",
         "firebase:deploy": "firebase deploy",
         "deploy": "npm-run-all test build firebase:deploy"
     },
@@ -38,7 +39,7 @@
         "@types/ua-parser-js": "^0.7.33",
         "@types/zxcvbn": "^4.4.0",
         "@vue/cli-plugin-babel": "^4.0.0-beta.3",
-        "@vue/cli-plugin-e2e-nightwatch": "^4.0.0-rc.0",
+        "@vue/cli-plugin-e2e-nightwatch": "^3.11.0",
         "@vue/cli-plugin-eslint": "^4.0.0-beta.3",
         "@vue/cli-plugin-typescript": "^4.0.0-beta.3",
         "@vue/cli-plugin-unit-jest": "^4.0.0-beta.3",

diff --git a/tests/e2e/custom-assertions/.gitkeep b/tests/e2e/custom-assertions/.gitkeep
diff --git a/tests/e2e/specs/Error404.js b/tests/e2e/specs/Error404.js
@@ -1,11 +1,8 @@
 module.exports = {
-    "renders 404 when navigating to an unknown route"(browser) {
+    "renders 404 when navigating to an unknown route": browser => {
         browser
-            .url(
-                `${process.env.VUE_DEV_SERVER_URL}/not-a-real-path-in-this-app`
-            )
+            .url(`${process.env.VUE_DEV_SERVER_URL}not-a-real-path-in-the-app`)
             .waitForElementVisible(".error-404", 5000)
-            .assert.elementPresent(".hello")
             .assert.containsText(".error-code", "404")
             .end();
     }