test: add e2e test bed with some tests

Author: xidedix

e2e/app.e2e-spec.ts

@@ -1,14 +1,59 @@
-import { CoreUIPage } from './app.po';
+import { AppDashboard } from './app.po';
 
-describe('core-ui App', function() {
-  let page: CoreUIPage;
+describe('CoreUI template', () => {
+  let page: AppDashboard;
+  const sleep = 300;
 
-  beforeEach(() => {
-    page = new CoreUIPage();
+  page = new AppDashboard();
+  const browser = page.getBrowser();
+  browser.driver.manage().window().setSize(600, 800);
+  browser.sleep(sleep);
+  page.navigateTo();
+
+  // beforeEach(() => {
+  //   page = new AppDashboard();
+  //   page.navigateTo();
+  // });
+
+  it('should display CoreUI Dashboard', async () => {
+    expect(await page.getParagraphText()).toEqual('Traffic');
+  });
+
+  it('should display footer containing creativeLabs', async () => {
+    expect(await page.getFooterText()).toContain('creativeLabs');
+  });
+
+  it('should toggle `sidebar-minimized` body.class on `sidebar-minimizer` click', () => {
+    browser.manage().window().maximize();
+    browser.sleep(1000);
+    const body = page.getBody();
+    expect(body.getAttribute('class')).not.toContain('sidebar-minimized');
+    const button = page.getByCss('.sidebar-minimizer');
+    button.click();
+    browser.sleep(sleep);
+    expect(body.getAttribute('class')).toContain('sidebar-minimized');
+    browser.sleep(sleep);
+    button.click();
+    browser.sleep(sleep);
+    expect(body.getAttribute('class')).not.toContain('sidebar-minimized');
+    browser.driver.manage().window().setSize(600, 800);
+    browser.sleep(1000);
   });
 
-  it('should display footer containing creativeLabs', () => {
-    page.navigateTo();
-    expect(page.getParagraphText()).toContain('creativeLabs');
+  it('should toggle `sidebar-show` body.class on `navbar-toggler` click', () => {
+    browser.driver.manage().window().setSize(600, 800);
+    browser.sleep(1000);
+    const body = page.getBody();
+    expect(body.getAttribute('class')).not.toContain('sidebar-show');
+    const button1 = page.getByCss('.navbar-toggler.d-lg-none').first();
+    browser.sleep(sleep);
+    button1.click();
+    browser.sleep(sleep);
+    expect(body.getAttribute('class')).toContain('sidebar-show');
+    const button2 = page.getByCss('.navbar-toggler').first();
+    browser.sleep(sleep);
+    button2.click();
+    browser.sleep(sleep);
+    expect(body.getAttribute('class')).not.toContain('sidebar-show');
   });
 });

e2e/app.po.ts

@@ -1,11 +1,25 @@
-import { browser, element, by } from 'protractor';
+import { browser, by, element } from 'protractor';
+
+export class AppDashboard {
+
+  getBrowser() {
+    return browser;
+  }
 
-export class CoreUIPage {
   navigateTo() {
     return browser.get('/');
   }
 
   getParagraphText() {
+    return element(by.xpath('/html/body/app-dashboard/div/main/div/ng-component/div/div[2]/div[1]/div[1]/div[1]/h4')).getText();
+  }
+  getBody() {
+    return element(by.xpath('/html/body'));
+  }
+  getByCss(selector) {
+    return element.all(by.css(selector));
+  }
+  getFooterText() {
     return element(by.className('app-footer')).getText();
   }
 }