Tests added & tooltip fix

Author: Gid733

eform-client/e2e/Page objects/SettingsPage.ts

@@ -2,21 +2,44 @@ import {SiteInformation} from './SettingsPageObjects/SiteInformation';
 import {SiteHeader} from './SettingsPageObjects/SiteHeader';
 import {LoginPage} from './SettingsPageObjects/LoginPage';
 import {SMTPInformation} from './SettingsPageObjects/SMTPInformation';
-import {by, ElementFinder, element, $} from 'protractor';
+import {by, ElementFinder, element, $, browser, protractor} from 'protractor';
 import {By} from '@angular/platform-browser';
 
 
 export class SettingsPage {
+  // 4 general sections on Settings page
   public LoginPage: LoginPage;
   public SiteHeader: SiteHeader;
   public SiteInformation: SiteInformation;
   public SMTPInformation: SMTPInformation;
+  // matchers
   public headerImageMatcher: By;
+  public mainTextHeaderMatcher: By;
+  public secondaryTextHeaderMatcher: By;
+  // elements
   public saveButton: ElementFinder;
+  public headerMainText: ElementFinder;
+  public headerSecondaryText: ElementFinder;
+
+  // helper functions
+  public saveAndRefresh(): void {
+    this.saveButton.click();
+    browser.wait(protractor.ExpectedConditions.elementToBeClickable(this.saveButton))
+    browser.refresh();
+    browser.waitForAngular();
+  }
 
   constructor() {
+    // parts of settings
+    this.SiteHeader = new SiteHeader();
+    // matchers
     this.headerImageMatcher = by.xpath('//*[@id="header_full_top"]/div/div/div[1]/img');
+    this.secondaryTextHeaderMatcher = by.css('#secondary-header-text');
+    this.mainTextHeaderMatcher = by.css('#main-header-text');
+    // elements
     this.saveButton = $('button.btn-ar.btn-danger');
-    this.SiteHeader = new SiteHeader();
+    this.headerMainText = element(this.mainTextHeaderMatcher);
+    this.headerSecondaryText = element(this.secondaryTextHeaderMatcher);
+
   }
 }

eform-client/e2e/Page objects/SettingsPageObjects/SiteHeader.ts

@@ -1,13 +1,27 @@
-import {by, element, ElementFinder} from 'protractor';
+import {$, browser, by, element, ElementFinder} from 'protractor';
 
 export class SiteHeader {
   public resetButton: ElementFinder;
-  public logoButton: ElementFinder;
+  public headerImageHideButton: ElementFinder;
+  public mainTextInput: ElementFinder;
+  public secondaryTextInput: ElementFinder;
+  public hideMainTextButton: ElementFinder;
+  public hideSecondaryTextButton: ElementFinder;
+  public secondaryTextHeader: ElementFinder;
+
+  public resetAndRefresh(): void {
+    browser.sleep(2000);
+    this.resetButton.click();
+    browser.refresh();
+    browser.waitForAngularEnabled();
+  }
 
   constructor() {
-    this.logoButton = element(by.xpath('/html/body/eform-root/eform-fulllayout/app-admi' +
-            'n-settings/div/div/form/div[1]/div/div[2]/div/table/tbody/tr[3]/td[2]/div/div[3]/span'));
-    this.resetButton = element(by.xpath('/html/body/eform-root/eform-fulllayout/app-admin-settings/div/div/form/' +
-            'div[1]/div/div[2]/div/div/div/div[2]/button'));
+    this.headerImageHideButton = $('#imageSiteHeaderHide');
+    this.resetButton = $('#siteHeaderReset');
+    this.mainTextInput = $('#headerSettingsMainText');
+    this.secondaryTextInput = $('#headerSettingsSecondaryText');
+    this.hideMainTextButton = $('#mainTextSiteHeaderHide');
+    this.hideSecondaryTextButton = $('#secondaryTextSiteHeaderHide');
   }
 }

eform-client/e2e/data.ts

@@ -1,4 +1,17 @@
 export default {
-  login: "admin",
-  password: "Qq1234567$"
+  login: 'admin',
+  password: 'Qq1234567$',
+  SiteHeaderSettings: {
+    defaultSettings: {
+      headerMainText: 'Microting eForm',
+      headerSecondaryText: 'No more paper-forms and back-office data entry'
+    },
+    customSettings: {
+      mainTextSample: 'Sample main text',
+      secondaryTextSample: 'Sample secondary text'
+    }
+
+  }
+
 };
+

eform-client/e2e/settings.site-header.e2e-spec.ts

@@ -0,0 +1,120 @@
+///<reference path="Page objects/LoginPage.ts"/>
+import {browser, by, element, ExpectedConditions, $} from 'protractor';
+import {default as data} from './data';
+import {SettingsPage} from './Page objects/SettingsPage';
+import {LoginPage} from './Page objects/LoginPage';
+import {MainPage} from './Page objects/MainPage';
+
+const loginPage: LoginPage = new LoginPage();
+const mainPage: MainPage = new MainPage();
+const settingsPage: SettingsPage = new SettingsPage();
+
+
+beforeAll((done) => {
+  browser.get('/');
+  loginPage.usernameInput.sendKeys(data.login);
+  loginPage.passwordInput.sendKeys(data.password);
+  loginPage.loginButton.click();
+  mainPage.advancedButton.click();
+  mainPage.settingsButton.click();
+  done();
+});
+
+describe('Reset button in Settings', function () {
+
+  beforeAll(function (done) {
+    settingsPage.SiteHeader.resetButton.click();
+    browser.refresh();
+    done();
+  });
+
+  it('should reset image', function (done) {
+
+    /*const isExit: Boolean = */
+    expect(browser.isElementPresent(settingsPage.headerImageMatcher))
+      .toBeTruthy();
+    /*if (isExit) {
+      browser.driver.close().then(function () {
+        process.exit(1);
+      });
+    }*/
+    done();
+  });
+  it('should reset header main text', function (done) {
+    /*const isExit: Boolean =*/
+    expect(browser.isElementPresent(settingsPage.mainTextHeaderMatcher)).toBeTruthy();
+    expect(settingsPage.headerMainText.getText())
+      .toEqual(data.SiteHeaderSettings.defaultSettings.headerMainText);
+    /*if (isExit) {
+      browser.driver.close().then(function () {
+        process.exit(1);
+      });
+    }*/
+    done();
+  });
+  it('should reset header secondary text', function (done) {
+    /*const isExit: Boolean = */
+    expect(browser.isElementPresent(settingsPage.secondaryTextHeaderMatcher)).toBeTruthy();
+    expect(settingsPage.headerSecondaryText.getText())
+      .toEqual(data.SiteHeaderSettings.defaultSettings.headerSecondaryText);
+    /*if (isExit) {
+      browser.driver.close().then(function () {
+        process.exit(1);
+      });
+    }*/
+    done();
+  });
+});
+
+describe('Settings in Site header section', () => {
+
+  afterEach((done) => {
+    settingsPage.SiteHeader.resetAndRefresh();
+    done();
+  });
+
+  it('should hide logo in header', (done) => {
+
+    expect(element(settingsPage.headerImageMatcher).isDisplayed()).toBeTruthy();
+    settingsPage.SiteHeader.headerImageHideButton.click();
+    settingsPage.saveAndRefresh();
+    expect(browser.isElementPresent(settingsPage.headerImageMatcher)).toBeFalsy();
+    done();
+  });
+
+  it('should change Main text in header', function (done) {
+    settingsPage.SiteHeader.mainTextInput.clear();
+    settingsPage.SiteHeader.mainTextInput.sendKeys(data.SiteHeaderSettings.customSettings.mainTextSample);
+    settingsPage.saveAndRefresh();
+    expect(settingsPage.headerMainText.getText())
+      .toEqual(data.SiteHeaderSettings.customSettings.mainTextSample);
+    done();
+  });
+
+  it('should change secondary text', function (done) {
+    settingsPage.SiteHeader.secondaryTextInput.clear();
+    settingsPage.SiteHeader.secondaryTextInput.sendKeys(data.SiteHeaderSettings.customSettings.secondaryTextSample);
+    settingsPage.saveAndRefresh();
+    expect(settingsPage.headerSecondaryText.getText()).toEqual(data.SiteHeaderSettings.customSettings.secondaryTextSample);
+    done();
+  });
+
+  it('should hide main text', function (done) {
+    settingsPage.SiteHeader.hideMainTextButton.click();
+    settingsPage.saveAndRefresh();
+    expect(browser.isElementPresent(settingsPage.mainTextHeaderMatcher)).toBeFalsy();
+    done();
+  });
+
+  it('should hide secodary text', function (done) {
+    settingsPage.SiteHeader.hideSecondaryTextButton.click();
+    settingsPage.saveAndRefresh();
+    expect(browser.isElementPresent(settingsPage.secondaryTextHeaderMatcher)).toBeFalsy();
+    done();
+  });
+
+  xit('should be able to change logo file', function () {
+    // Will be implemented soon
+  });
+
+});

eform-client/e2e/spec.e2e-spec.ts

@@ -29,4 +29,5 @@ exports.config = {
   onPrepare: function () {
     jasmine.getEnv().addReporter(new SpecReporter());
   }
+
 };

eform-client/protractor.conf.js

@@ -9,9 +9,9 @@
       </div>
       <div class="header-product-title-description">
         <h4 class="text-right h4-wrapper" *ngIf="headerSettingsModel.mainTextVisible">
-          <strong>{{headerSettingsModel.mainText}}</strong>
+          <strong id="main-header-text">{{headerSettingsModel.mainText}}</strong>
         </h4>
-        <h5 class="text-right h5-wrapper" *ngIf="headerSettingsModel.secondaryTextVisible">
+        <h5 id="secondary-header-text" class="text-right h5-wrapper" *ngIf="headerSettingsModel.secondaryTextVisible">
           {{headerSettingsModel.secondaryText}}
         </h5>
       </div>

eform-client/src/app/components/header/header.component.html

@@ -25,7 +25,7 @@ import {
   ElementSignatureComponent,
   TrumbowygComponent
 } from './components/case-elements';
-import {CollapseModule} from 'ngx-bootstrap';
+import {CollapseModule, TooltipModule} from 'ngx-bootstrap';
 import {Ng2Bs3ModalModule} from 'ng2-bs3-modal/ng2-bs3-modal';
 
 @NgModule({
@@ -35,7 +35,8 @@ import {Ng2Bs3ModalModule} from 'ng2-bs3-modal/ng2-bs3-modal';
     FormsModule,
     CasesRoutingModule,
     CollapseModule.forRoot(),
-    Ng2Bs3ModalModule
+    Ng2Bs3ModalModule,
+    TooltipModule.forRoot(),
   ],
   declarations: [CasesComponent,
     TrumbowygComponent,

eform-client/src/app/modules/cases/cases.module.ts

@@ -26,7 +26,7 @@ <h1 class="page-title header-page-title">
                       Login page
                     </div>
                     <div class="col-md-2 col-xs-2 text-right">
-                      <button class="btn btn-ar btn-default" tooltip="Reset" (click)="resetLoginPageSettings()">
+                      <button class="btn btn-ar btn-default" id="loginPageReset" tooltip="Reset" (click)="resetLoginPageSettings()">
                         <i class="fa fa-repeat" aria-hidden="true"></i> </button>
 
                     </div>
@@ -43,6 +43,7 @@ <h1 class="page-title header-page-title">
                         <input class="form-control" [(ngModel)]="adminSettingsModel.loginPageSettingsModel.mainText"
                                type="text" #mainTextLoginPage="ngModel" name="mainTextLoginPage" id="mainTextLoginPage"/>
                         <span class="input-group-addon btn glyphicon"
+                              id="mainTextLoginPageHide"
                               [class.success]="adminSettingsModel.loginPageSettingsModel.mainTextVisible"
                               [class.glyphicon-eye-open] = "adminSettingsModel.loginPageSettingsModel.mainTextVisible"
                               [class.danger]="!adminSettingsModel.loginPageSettingsModel.mainTextVisible"
@@ -61,6 +62,7 @@ <h1 class="page-title header-page-title">
                         <input class="form-control" [(ngModel)]="adminSettingsModel.loginPageSettingsModel.secondaryText" type="text" #secondaryTextLoginPage="ngModel"
                                name="secondaryTextLoginPage" id="secondaryTextLoginPage"/>
                         <span class="input-group-addon btn glyphicon"
+                              id="secondaryTextLoginPageHide"
                               [class.success]="adminSettingsModel.loginPageSettingsModel.secondaryTextVisible"
                               [class.glyphicon-eye-open] = "adminSettingsModel.loginPageSettingsModel.secondaryTextVisible"
                               [class.danger]="!adminSettingsModel.loginPageSettingsModel.secondaryTextVisible"
@@ -87,6 +89,7 @@ <h1 class="page-title header-page-title">
                           <input type="file" ng2FileSelect [uploader]="loginPageImageUploader" class="image-input-wrapper"/>
                           <!--<input name="myFile" type="file" class="image-input-wrapper" /> -->
                           <span class="btn glyphicon pull-right" style="border-radius: 0px"
+                                id="imageLoginPageHide"
                                 [class.btn-success]="adminSettingsModel.loginPageSettingsModel.imageLinkVisible"
                                 [class.glyphicon-eye-open] = "adminSettingsModel.loginPageSettingsModel.imageLinkVisible"
                                 [class.btn-danger]="!adminSettingsModel.loginPageSettingsModel.imageLinkVisible"
@@ -116,7 +119,7 @@ <h1 class="page-title header-page-title">
                       Site header
                     </div>
                     <div class="col-md-2 col-xs-2 text-right">
-                      <button class="btn btn-ar btn-default" tooltip="Reset" (click)="resetHeaderSettings()">
+                      <button class="btn btn-ar btn-default" id="siteHeaderReset" tooltip="Reset" (click)="resetHeaderSettings()">
                         <i class="fa fa-repeat" aria-hidden="true"></i>
                       </button>
                     </div>
@@ -133,6 +136,7 @@ <h1 class="page-title header-page-title">
                         <input class="form-control" [(ngModel)]="adminSettingsModel.headerSettingsModel.mainText" type="text" #headerSettingsMainText="ngModel"
                                name="headerSettingsMainText" id="headerSettingsMainText"/>
                         <span class="input-group-addon btn glyphicon"
+                              id="mainTextSiteHeaderHide"
                               [class.success]="adminSettingsModel.headerSettingsModel.mainTextVisible"
                               [class.glyphicon-eye-open] = "adminSettingsModel.headerSettingsModel.mainTextVisible"
                               [class.danger]="!adminSettingsModel.headerSettingsModel.mainTextVisible"
@@ -150,6 +154,7 @@ <h1 class="page-title header-page-title">
                         <input class="form-control" [(ngModel)]="adminSettingsModel.headerSettingsModel.secondaryText" type="text" #headerSettingsSecondaryText="ngModel"
                                name="headerSettingsSecondaryText" id="headerSettingsSecondaryText"/>
                         <span class="input-group-addon btn glyphicon"
+                              id="secondaryTextSiteHeaderHide"
                               [class.success]="adminSettingsModel.headerSettingsModel.secondaryTextVisible"
                               [class.glyphicon-eye-open] = "adminSettingsModel.headerSettingsModel.secondaryTextVisible"
                               [class.danger]="!adminSettingsModel.headerSettingsModel.secondaryTextVisible"
@@ -176,6 +181,7 @@ <h1 class="page-title header-page-title">
                         <div class="col-md-5">
                           <input type="file" ng2FileSelect [uploader]="headerImageUploader" class="image-input-wrapper"/>
                           <span class="btn glyphicon pull-right" style="border-radius: 0px"
+                                id="imageSiteHeaderHide"
                                 [class.btn-success]="adminSettingsModel.headerSettingsModel.imageLinkVisible"
                                 [class.glyphicon-eye-open] = "adminSettingsModel.headerSettingsModel.imageLinkVisible"
                                 [class.btn-danger]="!adminSettingsModel.headerSettingsModel.imageLinkVisible"