test: update e2e tests
This commit is contained in:
@@ -1,19 +0,0 @@
|
||||
// A custom Nightwatch assertion.
|
||||
// The assertion name is the filename.
|
||||
// Example usage:
|
||||
//
|
||||
// browser.assert.elementCount(selector, count)
|
||||
//
|
||||
// For more information on custom assertions see:
|
||||
// http://nightwatchjs.org/guide#writing-custom-assertions
|
||||
|
||||
exports.assertion = function elementCount (selector, count) {
|
||||
this.message = `Testing if element <${selector}> has count: ${count}`
|
||||
this.expected = count
|
||||
this.pass = val => val === count
|
||||
this.value = res => res.value
|
||||
function evaluator (_selector) {
|
||||
return document.querySelectorAll(_selector).length
|
||||
}
|
||||
this.command = cb => this.api.execute(evaluator, [selector], cb)
|
||||
}
|
||||
+19
-77
@@ -22,83 +22,25 @@ module.exports = {
|
||||
|
||||
browser.url(devServer).pause(500).expect.element('body').to.be.present
|
||||
|
||||
// browser.waitForElementVisible('.app', 10000)
|
||||
// .assert.elementPresent('.app-header')
|
||||
// .assert.elementPresent('.app-header > .navbar-brand')
|
||||
// .assert.elementPresent('.app-body')
|
||||
// .assert.elementPresent('.app-body > .main > .breadcrumb')
|
||||
// .assert.elementPresent('.app-body > .main > .container-fluid > .animated')
|
||||
// .assert.elementPresent('.app-body > .sidebar > .sidebar-nav')
|
||||
// .assert.elementPresent('.app-body > .sidebar > .sidebar-minimizer')
|
||||
// .assert.elementPresent('.app-footer')
|
||||
// .assert.containsText('.app-footer > div > span', 'creativeLabs')
|
||||
// .assert.containsText('.app-footer > div.ml-auto > span', 'Powered by')
|
||||
// .assert.elementCount('button', 10)
|
||||
// .resizeWindow(1024, 800)
|
||||
// .pause(500)
|
||||
|
||||
// browser.click('body > div > header > button.d-none.d-lg-block.navbar-toggler', function (response) {
|
||||
// console.log('response', typeof response)
|
||||
// this.assert.ok(browser === this, 'Check if the context is right.')
|
||||
// this.assert.cssClassPresent('body', 'aside-menu-show')
|
||||
// })
|
||||
//
|
||||
// browser.pause(500)
|
||||
|
||||
// browser.click('body > div > header > button.d-none.d-lg-block.navbar-toggler', function (response) {
|
||||
// console.log('response', typeof response)
|
||||
// this.assert.cssClassNotPresent('body', 'aside-menu-show')
|
||||
// })
|
||||
//
|
||||
// browser.pause(500)
|
||||
//
|
||||
// browser
|
||||
// .useXpath()
|
||||
// .click('/html/body/div/header/button[2]', function (response) {
|
||||
// console.log('response', typeof response)
|
||||
// this.assert.cssClassNotPresent('/html/body', 'sidebar-lg-show')
|
||||
// })
|
||||
//
|
||||
// browser
|
||||
// .pause(500)
|
||||
// .click('/html/body/div/header/button[2]', function (response) {
|
||||
// console.log('response', typeof response)
|
||||
// this.assert.cssClassPresent('/html/body', 'sidebar-lg-show')
|
||||
// })
|
||||
//
|
||||
// browser
|
||||
// .pause(500)
|
||||
// .click('/html/body/div/div/div/button', function (response) {
|
||||
// console.log('response', typeof response)
|
||||
// this.assert.cssClassPresent('/html/body', 'sidebar-minimized')
|
||||
// this.assert.cssClassPresent('/html/body', 'brand-minimized')
|
||||
// })
|
||||
// .pause(500)
|
||||
// .click('/html/body/div/div/div/button', function (response) {
|
||||
// console.log('response', typeof response)
|
||||
// this.assert.cssClassNotPresent('/html/body', 'sidebar-minimized')
|
||||
// this.assert.cssClassNotPresent('/html/body', 'brand-minimized')
|
||||
// })
|
||||
//
|
||||
// browser
|
||||
// .resizeWindow(800, 600)
|
||||
// .pause(500)
|
||||
//
|
||||
// browser
|
||||
// .pause(500)
|
||||
// .click('/html/body/div/header/button[1]', function (response) {
|
||||
// console.log('response', typeof response)
|
||||
// this.assert.cssClassPresent('/html/body', 'sidebar-show')
|
||||
// })
|
||||
//
|
||||
// browser
|
||||
// .pause(500)
|
||||
// .click('/html/body/div/div/div/nav/section/ul/li[1]/div/a', function (response) {
|
||||
// console.log('response', typeof response)
|
||||
// this.assert.cssClassNotPresent('/html/body', 'sidebar-show')
|
||||
// })
|
||||
//
|
||||
// browser.pause(5000)
|
||||
browser.waitForElementVisible('.c-app', 2000)
|
||||
.assert.elementPresent('.c-header')
|
||||
.assert.elementPresent('.c-sidebar')
|
||||
.assert.elementPresent('.c-footer')
|
||||
.assert.elementPresent('.c-sidebar')
|
||||
.assert.elementPresent('.c-body')
|
||||
|
||||
browser.resizeWindow(700, 800)
|
||||
browser.expect.element('.c-sidebar').to.have.css('margin-left').which.equals('-250px')
|
||||
browser.resizeWindow(1900, 800)
|
||||
browser.expect.element('.c-sidebar').to.have.css('margin-left').which.equals('0px')
|
||||
browser.pause(1500)
|
||||
browser.click('.c-sidebar-minimizer')
|
||||
browser.pause(1000)
|
||||
browser.expect.element('.c-sidebar').to.have.css('width').which.equals('50px')
|
||||
browser.click('button.c-header-toggler.c-d-md-down-none')
|
||||
browser.pause(1000)
|
||||
browser.expect.element('.c-sidebar').to.have.css('margin-left').which.equals('-250px')
|
||||
browser.pause(1000)
|
||||
|
||||
browser.end()
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user