Full-Stack Web Development with Vue.js and Node

Testing an MEVN Application Chapter 9

//

// browser.assert.elementCount(selector, count)

//

// 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

this.pass = function (val) {

return val === this.expected

}

this.value = function (res) {

return res.value

}

this.command = function (cb) {

var self = this

return this.api.execute(function (selector) {

return document.querySelectorAll(selector).length

}, [selector], function (res) {

cb.call(self, res)

})

}

}

If you checked the e2e option when creating this application, you should also have

the test/e2e/specs/test.js file. If not, go ahead and create this file and add the

following contents into it:

// For authoring Nightwatch tests, see

// http://nightwatchjs.org/guide#usage

module.exports = {

'default e2e tests': function test(browser) {

// automatically uses dev Server port from /config.index.js

// default: http://localhost:8080

// see nightwatch.conf.js

const devServer = browser.globals.devServerURL;

console.log(devServer);

browser

.url(devServer)

.waitForElementVisible('#app', 5000)

.assert.elementPresent('.hello')

.assert.containsText('h1', 'Welcome to Your Vue.js App')

.assert.elementCount('img', 1)