Working & passing Nightwatch test

Author: jonashackt

README.md

@@ -477,13 +477,13 @@ https://docs.npmjs.com/getting-started/updating-local-packages
 
 ## Testing 
 
-#### Install vue-test-utils
+### Install vue-test-utils
 
 https://github.com/vuejs/vue-test-utils
 
 `npm install --save-dev @vue/test-utils`
 
-#### Jest
+### Jest
 
 https://facebook.github.io/jest/
 
@@ -494,7 +494,7 @@ https://github.com/vuejs/vue-test-utils-jest-example
 
 Vue.js Jest Docs: https://vue-test-utils.vuejs.org/guides/#testing-single-file-components-with-jest
 
-###### Jest Configuration  
+##### Jest Configuration  
 
 * [package.json](frontend/package.json):
 
@@ -508,19 +508,22 @@ Vue.js Jest Docs: https://vue-test-utils.vuejs.org/guides/#testing-single-file-c
 
 * [frontend/test/unit/jest.conf.js](frontend/test/unit/jest.conf.js)
 
-###### Run Unit tests
+##### Run Unit tests
 
 `npm run unit`
 
 Run all tests (incl. E2E): `npm test`
 
 
-#### E2E tests with Nightwatch
+### E2E tests with Nightwatch
 
 http://nightwatchjs.org/
 
 Nightwatch controls Selenium standalone Server in own childprocess
 
+##### Run E2E Tests
+
+`npm run e2e`
 
 
 # Links

frontend/test/e2e/custom-assertions/elementCount.js

@@ -1,11 +1,12 @@
 // A custom Nightwatch assertion.
-// the name of the method is the filename.
-// can be used in tests like this:
+// The assertion name is the filename.
+// Example usage:
 //
 //   browser.assert.elementCount(selector, count)
 //
-// for how to write custom assertions see
+// For more information on custom assertions see:
 // http://nightwatchjs.org/guide#writing-custom-assertions
+
 exports.assertion = function (selector, count) {
   this.message = 'Testing if element <' + selector + '> has count: ' + count
   this.expected = count

frontend/test/e2e/runner.js

@@ -1,25 +1,40 @@
 // 1. start the dev server using production config
 process.env.NODE_ENV = 'testing'
-var server = require('../../build/dev-server.js')
 
-server.ready.then(() => {
+const webpack = require('webpack')
+const DevServer = require('webpack-dev-server')
+
+const webpackConfig = require('../../build/webpack.prod.conf')
+const devConfigPromise = require('../../build/webpack.dev.conf')
+
+let server
+
+devConfigPromise.then(devConfig => {
+  const devServerOptions = devConfig.devServer
+  const compiler = webpack(webpackConfig)
+  server = new DevServer(compiler, devServerOptions)
+  const port = devServerOptions.port
+  const host = devServerOptions.host
+  return server.listen(port, host)
+})
+.then(() => {
   // 2. run the nightwatch test suite against it
   // to run in additional browsers:
-  //    1. add an entry in test/e2e/nightwatch.conf.json under "test_settings"
+  //    1. add an entry in test/e2e/nightwatch.conf.js under "test_settings"
   //    2. add it to the --env flag below
   // or override the environment flag, for example: `npm run e2e -- --env chrome,firefox`
   // For more information on Nightwatch's config file, see
   // http://nightwatchjs.org/guide#settings-file
-  var opts = process.argv.slice(2)
+  let opts = process.argv.slice(2)
   if (opts.indexOf('--config') === -1) {
     opts = opts.concat(['--config', 'test/e2e/nightwatch.conf.js'])
   }
   if (opts.indexOf('--env') === -1) {
     opts = opts.concat(['--env', 'chrome'])
   }
 
-  var spawn = require('cross-spawn')
-  var runner = spawn('./node_modules/.bin/nightwatch', opts, { stdio: 'inherit' })
+  const spawn = require('cross-spawn')
+  const runner = spawn('./node_modules/.bin/nightwatch', opts, { stdio: 'inherit' })
 
   runner.on('exit', function (code) {
     server.close()

frontend/test/e2e/specs/test.js frontend/test/e2e/specs/HelloAcceptance.test.js

@@ -12,7 +12,7 @@ module.exports = {
       .url(devServer)
       .waitForElementVisible('#app', 5000)
       .assert.elementPresent('.hello')
-      .assert.containsText('h1', 'Welcome to Your Vue.js App')
+      .assert.containsText('h1', 'Welcome to your Vue.js powered Spring Boot App')
       .assert.elementCount('img', 1)
       .end()
   }