v1.0.9 with Bootstrap 4.0.0

Vue_Starter/test/e2e/nightwatch.conf.js

@@ -31,7 +31,10 @@ module.exports = {
       desiredCapabilities: {
         browserName: 'chrome',
         javascriptEnabled: true,
-        acceptSslCerts: true
+        acceptSslCerts: true,
+        chromeOptions : {
+          args : ["start-maximized", "--incognito"]
+        }
       }
     },
 

Vue_Starter/test/e2e/specs/test.js

@@ -2,18 +2,82 @@
 // http://nightwatchjs.org/guide#usage
 
 module.exports = {
-  'default e2e tests': function (browser) {
+
+  before : function(browser) {
+    console.log('Setting up...');
+  },
+
+  after : function(browser) {
+    console.log('Closing down...');
+  },
+
+  'CoreUI Vue_Starter e2e tests': function (browser) {
     // automatically uses dev Server port from /config.index.js
     // default: http://localhost:8080
     // see nightwatch.conf.js
-    const devServer = browser.globals.devServerURL
+
+    const devServer = browser.globals.devServerURL;
 
     browser
       .url(devServer)
-      .waitForElementVisible('#app', 5000)
-      .assert.elementPresent('.hello')
-      .assert.containsText('h1', 'Welcome to Your Vue.js App')
-      .assert.elementCount('img', 1)
-      .end()
+      .pause(500)
+      .expect.element('body').to.be.present;
+
+    browser.waitForElementVisible('.app > .app', 3000)
+      .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 > p')
+      .assert.containsText('.container-fluid > .animated > p', 'Hello World')
+      .assert.elementPresent('.app-body > .sidebar > .sidebar-nav')
+      .assert.elementPresent('.app-body > .sidebar > .sidebar-minimizer')
+      .assert.elementPresent('.app-footer')
+      .assert.containsText('.app-footer > span', 'creativeLabs')
+      .assert.containsText('.app-footer > span.ml-auto', 'Powered by')
+      .assert.elementCount('button', 4)
+      .resizeWindow(1024, 800)
+      .pause(500);
+
+    browser.click('body > div > header > button.navbar-toggler.aside-menu-toggler.d-md-down-none', function(response) {
+      this.assert.ok(browser === this, 'Check if the context is right.');
+      this.assert.cssClassNotPresent('body', 'aside-menu-hidden');
+    });
+
+    browser.pause(500);
+
+    browser.click('body > div > header > button.navbar-toggler.aside-menu-toggler.d-md-down-none', function(response) {
+      this.assert.cssClassPresent('body', 'aside-menu-hidden');
+    });
+
+    browser.pause(500);
+
+    browser
+      .useXpath()
+      .click('/html/body/div/header/button[2]', function(response) {
+        this.assert.cssClassPresent('/html/body', 'sidebar-hidden');
+      });
+
+    browser
+      .pause(500)
+      .click('/html/body/div/header/button[2]', function(response) {
+        this.assert.cssClassNotPresent('/html/body', 'sidebar-hidden');
+      });
+
+    browser
+      .pause(500)
+      .click('/html/body/div/div/div/button', function(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) {
+        this.assert.cssClassNotPresent('/html/body', 'sidebar-minimized');
+        this.assert.cssClassNotPresent('/html/body', 'brand-minimized');
+      });
+
+    browser
+      .pause(3000)
+      .end();
   }
-}
+};