[ADF-2240] fix e2e and test in demo shell (#3035)

* fix e2e and test in demo shell

* test single run demo shell conf

* fix script e2e

* fix test lint problems

* remove async from nested test

* fix pdf test

* modify url load pdf strategy test

* SimpleChange import

* pdf viewer test fix

* remove force closing

* refactor pdf viewer
-remove promise approach
-add event rendered
-add destroy worker

* increment timeout

* use proxy files

* remove require

* fix viewer component test

* remove last require

* prefer use of done for txt viewer test

demo-shell/.angular-cli.json

@@ -149,14 +149,6 @@
     {
       "project": "src/tsconfig.app.json",
       "exclude": "**/node_modules/**/*"
-    },
-    {
-      "project": "src/tsconfig.spec.json",
-      "exclude": "**/node_modules/**/*"
-    },
-    {
-      "project": "e2e/tsconfig.e2e.json",
-      "exclude": "**/node_modules/**/*"
     }
   ],
   "test": {

demo-shell/e2e/app.e2e-spec.ts

@@ -7,8 +7,8 @@ describe('myapp App', () => {
         page = new MyappPage();
     });
 
-  it('should display message saying app works', () => {
+    it('should display toolbar', () => {
         page.navigateTo();
-    expect(page.getParagraphText()).toEqual('app works!');
+        expect(page.getToolbar()).toBeDefined();
     });
 });

demo-shell/e2e/app.po.ts

@@ -5,7 +5,7 @@ export class MyappPage {
         return browser.get('/');
     }
 
-  getParagraphText() {
+    getToolbar() {
-    return element(by.css('app-root h1')).getText();
+        return element(by.tagName('adf-toolbar'));
     }
 }

demo-shell/package.json

@@ -14,7 +14,7 @@
     "build:dist": "npm run validate-config && npm run style:dev && npm run server-versions && rimraf dist && node --max_old_space_size=30000 node_modules/.bin/ng build --prod  --build-optimizer=false  --aot=false --app dist",
     "style:dev": "npm run webpack -- --config  config/webpack.style.js --progress --profile --bail",
     "copy:dev": "node ./config/dev-copy-watch.js",
-    "test": "ng test",
+    "test": " npm run clean-lib-angular && ng test --single-run",
     "lint": "ng lint",
     "e2e": "ng e2e",
     "validate-config": "ajv validate -s ../lib/core/app-config/schema.json -d ./src/app.config.json --errors=text --verbose",

demo-shell/src/app/app.component.spec.ts

@@ -1,13 +1,19 @@
 import { TestBed, async } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
 
+import { AdfModule } from './adf.module';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
     beforeEach(async(() => {
         TestBed.configureTestingModule({
+            imports: [
+                RouterTestingModule,
+                AdfModule
+            ],
             declarations: [
                 AppComponent
-      ],
+            ]
         }).compileComponents();
     }));
 
@@ -16,17 +22,4 @@ describe('AppComponent', () => {
         const app = fixture.debugElement.componentInstance;
         expect(app).toBeTruthy();
     }));
-
-  it(`should have as title 'app works!'`, async(() => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('app works!');
-  }));
-
-  it('should render title in a h1 tag', async(() => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('app works!');
-  }));
 });

demo-shell/src/polyfills.ts

@@ -60,6 +60,10 @@ import 'zone.js/dist/zone';  // Included with Angular CLI.
  * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
  */
 import 'intl';  // Run `npm install --save intl`.
+/**
+ * Need to import at least one locale-data with intl.
+ */
+import 'intl/locale-data/jsonp/en';
 
 /**
  * Support custom event in IE11

demo-shell/src/tsconfig.spec.json

@@ -2,19 +2,41 @@
   "extends": "../tsconfig.json",
   "compilerOptions": {
     "outDir": "../out-tsc/spec",
-    "module": "commonjs",
+    "module": "es2015",
-    "target": "es5",
+    "rootDir": "..",
-    "baseUrl": "",
+    "baseUrl": ".",
+    "skipLibCheck": false,
     "types": [
       "jasmine",
       "node"
-    ]
-  },
-  "files": [
-    "test.ts"
     ],
-  "include": [
+    "paths": {
-    "**/*.spec.ts",
+      "alfresco-js-api": [
-    "**/*.d.ts"
+        "../node_modules/alfresco-js-api/dist/alfresco-js-api.js"
+      ],
+      "rxjs/*": [
+        "../node_modules/rxjs/*"
+      ],
+      "@angular/*": [
+        "../node_modules/@angular/*"
+      ],
+      "@alfresco/adf-core": [
+        "../../lib/core"
+      ],
+      "@alfresco/adf-content-services": [
+        "../../lib/content-services"
+      ],
+      "@alfresco/adf-process-services": [
+        "../../lib/process-services"
+      ],
+      "@alfresco/adf-insights": [
+        "../../lib/insights"
       ]
+    }
+  },
+  "exclude": [
+  ],
+  "angularCompilerOptions": {
+    "skipTemplateCodegen": false
+  }
 }

demo-shell/tslint.json

@@ -99,7 +99,6 @@
         "variable-declaration": "nospace"
       }
     ],
-    "typeof-compare": true,
     "unified-signatures": true,
     "variable-name": false,
     "whitespace": [

lib/config/karma.conf-all.js

@@ -44,7 +44,9 @@ module.exports = function (config) {
 
             {pattern: config.component + '/**/*.ts', included: false, served: true, watched: false},
 
-            {pattern: './config/app.config.json', included: false, served: true, watched: false}
+            {pattern: './config/app.config.json', included: false, served: true, watched: false},
+            {pattern: './core/viewer/assets/fake-test-file.pdf', included: false, served: true, watched: false},
+            {pattern: './core/viewer/assets/fake-test-file.txt', included: false, served: true, watched: false}
         ],
 
         webpack: (config.mode === 'coverage') ? webpackCoverage(config) : webpackTest(config),
@@ -59,7 +61,9 @@ module.exports = function (config) {
         port: 9876,
 
         proxies: {
-            '/app.config.json': '/base/config/app.config.json'
+            '/app.config.json': '/base/config/app.config.json',
+            '/fake-test-file.pdf': '/base/core/viewer/assets/fake-test-file.pdf',
+            '/fake-test-file.txt': '/base/core/viewer/assets/fake-test-file.txt'
         },
 
         // level of logging

lib/content-services/search/components/search-trigger.directive.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-/* tslint:disable:no-input-rename  */
+/* tslint:disable: no-input-rename no-use-before-declare no-input-rename  */
 
 import { ENTER, ESCAPE } from '@angular/cdk/keycodes';
 import {

lib/content-services/search/components/search.component.spec.ts

@@ -59,7 +59,7 @@ describe('SearchComponent', () => {
             fixture.destroy();
         });
 
-        it('should clear results straight away when a new search term is entered', async(() => {
+        it('should clear results straight away when a new search term is entered', (done) => {
             spyOn(searchService, 'search')
                 .and.returnValues(Observable.of(result), Observable.of(differentResult));
 
@@ -75,11 +75,12 @@ describe('SearchComponent', () => {
                     fixture.detectChanges();
                     optionShowed = element.querySelectorAll('#autocomplete-search-result-list > li').length;
                     expect(optionShowed).toBe(1);
+                    done();
+                });
             });
         });
-        }));
 
-        it('should display the returned search results', async(() => {
+        it('should display the returned search results', (done) => {
             spyOn(searchService, 'search')
                 .and.returnValue(Observable.of(result));
 
@@ -89,10 +90,11 @@ describe('SearchComponent', () => {
             fixture.whenStable().then(() => {
                 fixture.detectChanges();
                 expect(element.querySelector('#result_option_0').textContent.trim()).toBe('MyDoc');
+                done();
+            });
         });
-        }));
 
-        it('should emit error event when search call fail', async(() => {
+        it('should emit error event when search call fail', (done) => {
             spyOn(searchService, 'search')
                 .and.returnValue(Observable.fromPromise(Promise.reject({ status: 402 })));
             component.setSearchWordTo('searchTerm');
@@ -101,10 +103,11 @@ describe('SearchComponent', () => {
                 fixture.detectChanges();
                 let message: HTMLElement = <HTMLElement> element.querySelector('#component-result-message');
                 expect(message.textContent).toBe('ERROR');
+                done();
+            });
         });
-        }));
 
-        it('should be able to hide the result panel', async(() => {
+        it('should be able to hide the result panel', (done) => {
             spyOn(searchService, 'search')
                 .and.returnValues(Observable.of(result), Observable.of(differentResult));
 
@@ -120,9 +123,10 @@ describe('SearchComponent', () => {
                     fixture.detectChanges();
                     let elementList = element.querySelector('#adf-search-results-content');
                     expect(elementList.classList).toContain('adf-search-hide');
+                    done();
+                });
             });
         });
-        }));
     });
 
     describe('search node', () => {
@@ -131,7 +135,7 @@ describe('SearchComponent', () => {
             fixture.destroy();
         });
 
-        it('should perform a search based on the query node given', async(() => {
+        it('should perform a search based on the query node given', (done) => {
             spyOn(searchService, 'searchByQueryBody')
                     .and.callFake((searchObj) => fakeNodeResultSearch(searchObj));
             let fakeSearchNode: QueryBody = {
@@ -151,10 +155,11 @@ describe('SearchComponent', () => {
                 expect(optionShowed).toBe(1);
                 let folderOption: HTMLElement = <HTMLElement> element.querySelector('#result_option_0');
                 expect(folderOption.textContent.trim()).toBe('MyFolder');
+                done();
+            });
         });
-        }));
 
-        it('should perform a search with a defaultNode if no searchnode is given', async(() => {
+        it('should perform a search with a defaultNode if no searchnode is given', (done) => {
             spyOn(searchService, 'search')
                 .and.returnValue(Observable.of(result));
             component.setSearchWordTo('searchTerm');
@@ -165,10 +170,11 @@ describe('SearchComponent', () => {
                 expect(optionShowed).toBe(1);
                 let folderOption: HTMLElement = <HTMLElement> element.querySelector('#result_option_0');
                 expect(folderOption.textContent.trim()).toBe('MyDoc');
+                done();
+            });
         });
-        }));
 
-        it('should perform a search with the searchNode given', async(() => {
+        it('should perform a search with the searchNode given', (done) => {
             spyOn(searchService, 'searchByQueryBody')
                 .and.callFake((searchObj) => fakeNodeResultSearch(searchObj));
             let fakeSearchNode: QueryBody = {
@@ -188,7 +194,8 @@ describe('SearchComponent', () => {
                 expect(optionShowed).toBe(1);
                 let folderOption: HTMLElement = <HTMLElement> element.querySelector('#result_option_0');
                 expect(folderOption.textContent.trim()).toBe('TEST_DOC');
+                done();
+            });
         });
-        }));
     });
 });

lib/core/datatable/components/datatable/data-row-action.event.ts

@@ -18,6 +18,17 @@
 import { BaseEvent } from '../../../events';
 import { DataRow } from '../../data/data-row.model';
 
+export class DataRowActionModel {
+
+    row: DataRow;
+    action: any;
+
+    constructor(row: DataRow, action: any) {
+        this.row = row;
+        this.action = action;
+    }
+}
+
 export class DataRowActionEvent extends BaseEvent<DataRowActionModel> {
 
     // backwards compatibility with 1.2.0 and earlier
@@ -31,14 +42,3 @@ export class DataRowActionEvent extends BaseEvent<DataRowActionModel> {
     }
 
 }
-
-export class DataRowActionModel {
-
-    row: DataRow;
-    action: any;
-
-    constructor(row: DataRow, action: any) {
-        this.row = row;
-        this.action = action;
-    }
-}

lib/core/models/product-version.model.ts

@@ -33,29 +33,6 @@ export class BpmProductVersionModel {
     }
 }
 
-export class EcmProductVersionModel {
-    edition: string;
-    version: VersionModel;
-    license: LicenseModel;
-    status: VersionStatusModel;
-    modules: VersionModuleModel[] = [];
-
-    constructor(obj?: any) {
-        if (obj && obj.entry && obj.entry.repository) {
-            this.edition = obj.entry.repository.edition || null;
-            this.version = new VersionModel(obj.entry.repository.version);
-            this.license = new LicenseModel(obj.entry.repository.license);
-            this.status = new VersionStatusModel(obj.entry.repository.status);
-            if (obj.entry.repository.modules) {
-                obj.entry.repository.modules.forEach((module) => {
-                    this.modules.push(new VersionModuleModel(module));
-                });
-            }
-        }
-    }
-
-}
-
 export class VersionModel {
     major: string;
     minor: string;
@@ -139,3 +116,26 @@ export class VersionModuleModel {
         }
     }
 }
+
+export class EcmProductVersionModel {
+    edition: string;
+    version: VersionModel;
+    license: LicenseModel;
+    status: VersionStatusModel;
+    modules: VersionModuleModel[] = [];
+
+    constructor(obj?: any) {
+        if (obj && obj.entry && obj.entry.repository) {
+            this.edition = obj.entry.repository.edition || null;
+            this.version = new VersionModel(obj.entry.repository.version);
+            this.license = new LicenseModel(obj.entry.repository.license);
+            this.status = new VersionStatusModel(obj.entry.repository.status);
+            if (obj.entry.repository.modules) {
+                obj.entry.repository.modules.forEach((module) => {
+                    this.modules.push(new VersionModuleModel(module));
+                });
+            }
+        }
+    }
+
+}

lib/core/viewer/components/pdfViewer.component.spec.ts

@@ -15,6 +15,7 @@
  * limitations under the License.
  */
 
+import { Component, SimpleChange, ViewChild } from '@angular/core';
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import {
     AlfrescoApiService,
@@ -28,36 +29,48 @@ import { RenderingQueueServices } from '../services/rendering-queue.services';
 import { PdfViewerComponent } from './pdfViewer.component';
 import { PdfThumbListComponent } from './pdfViewer-thumbnails.component';
 import { PdfThumbComponent } from './pdfViewer-thumb.component';
+import { RIGHT_ARROW, LEFT_ARROW } from '@angular/cdk/keycodes';
 
-declare var require: any;
+@Component({
+    template: `
+        <adf-pdf-viewer [allowThumbnails]="true"
+                        [showToolbar]="true"
+                        [urlFile]="urlFile">
+        </adf-pdf-viewer>
+    `
+})
+class UrlTestComponent {
 
-describe('Test PdfViewer component', () => {
+    @ViewChild(PdfViewerComponent)
+    pdfViewerComponent: PdfViewerComponent;
 
-    let component: PdfViewerComponent;
+    urlFile: any;
-    let fixture: ComponentFixture<PdfViewerComponent>;
-    let element: HTMLElement;
 
-    beforeEach(async(() => {
+    constructor() {
-        TestBed.configureTestingModule({
+        this.urlFile = './fake-test-file.pdf';
-            imports: [
+    }
-                ToolbarModule,
+}
-                MaterialModule
-            ],
-            declarations: [
-                PdfViewerComponent,
-                PdfThumbListComponent,
-                PdfThumbComponent
-            ],
-            providers: [
-                SettingsService,
-                AuthenticationService,
-                AlfrescoApiService,
-                RenderingQueueServices
-            ]
-        }).compileComponents();
-    }));
 
-    function createFakeBlob(): Blob {
+@Component({
+    template: `
+        <adf-pdf-viewer [allowThumbnails]="true"
+                        [showToolbar]="true"
+                        [blobFile]="blobFile">
+        </adf-pdf-viewer>
+    `
+})
+class BlobTestComponent {
+
+    @ViewChild(PdfViewerComponent)
+    pdfViewerComponent: PdfViewerComponent;
+
+    blobFile: any;
+
+    constructor() {
+        this.blobFile = this.createFakeBlob();
+    }
+
+    createFakeBlob(): Blob {
         let pdfData = atob(
             'JVBERi0xLjcKCjEgMCBvYmogICUgZW50cnkgcG9pbnQKPDwKICAvVHlwZSAvQ2F0YWxvZwog' +
             'IC9QYWdlcyAyIDAgUgo+PgplbmRvYmoKCjIgMCBvYmoKPDwKICAvVHlwZSAvUGFnZXMKICAv' +
@@ -75,418 +88,408 @@ describe('Test PdfViewer component', () => {
         return new Blob([pdfData], { type: 'application/pdf' });
     }
 
-    beforeEach(() => {
+}
+
+describe('Test PdfViewer component', () => {
+
+    let component: PdfViewerComponent;
+    let fixture: ComponentFixture<PdfViewerComponent>;
+    let element: HTMLElement;
+    let change: any;
+
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            imports: [
+                ToolbarModule,
+                MaterialModule
+            ],
+            declarations: [
+                PdfViewerComponent,
+                PdfThumbListComponent,
+                PdfThumbComponent,
+                UrlTestComponent,
+                BlobTestComponent
+            ],
+            providers: [
+                SettingsService,
+                AuthenticationService,
+                AlfrescoApiService,
+                RenderingQueueServices
+            ]
+        }).compileComponents();
+    }));
+
+    beforeEach((done) => {
         fixture = TestBed.createComponent(PdfViewerComponent);
 
         element = fixture.nativeElement;
         component = fixture.componentInstance;
 
         component.showToolbar = true;
+        component.inputPage('1');
+        component.currentScale = 1;
+
+        fixture.detectChanges();
+
+        fixture.whenStable().then(() => {
+            done();
+        });
+    });
+
+    it('should Loader be present', () => {
+        expect(element.querySelector('.loader-container')).not.toBeNull();
+    });
+
+    describe('Required values', () => {
+        it('should thrown an error If urlfile is not present', () => {
+            change = new SimpleChange(null, null, true);
+
+            expect(() => {
+                component.ngOnChanges({ 'urlFile': change });
+            }).toThrow(new Error('Attribute urlFile or blobFile is required'));
+        });
+
+        it('should If blobFile is not present thrown an error ', () => {
+            change = new SimpleChange(null, null, true);
+
+            expect(() => {
+                component.ngOnChanges({ 'blobFile': change });
+            }).toThrow(new Error('Attribute urlFile or blobFile is required'));
+        });
 
     });
 
     describe('View with url file', () => {
-        beforeEach(() => {
+
-            component.urlFile = require('../assets/fake-test-file.pdf');
+        let fixtureUrlTestComponent: ComponentFixture<UrlTestComponent>;
-            fixture.detectChanges();
+        let elementUrlTestComponent: HTMLElement;
+
+        beforeEach((done) => {
+            fixtureUrlTestComponent = TestBed.createComponent(UrlTestComponent);
+            elementUrlTestComponent = fixtureUrlTestComponent.nativeElement;
+
+            fixtureUrlTestComponent.detectChanges();
+
+            fixtureUrlTestComponent.whenStable().then(() => {
+                done();
+            });
         });
 
-        it('should thrown an error If urlfile is not present', () => {
+        it('should Canvas be present', (done) => {
-            component.urlFile = undefined;
+            fixtureUrlTestComponent.detectChanges();
-
+            fixtureUrlTestComponent.whenStable().then(() => {
-            fixture.detectChanges();
+                expect(elementUrlTestComponent.querySelector('.pdfViewer')).not.toBeNull();
-
+                expect(elementUrlTestComponent.querySelector('.viewer-pdf-viewer')).not.toBeNull();
-            expect(() => {
+                done();
-                component.ngOnChanges(null);
-            }).toThrow(new Error('Attribute urlFile or blobFile is required'));
             });
+        }, 5000);
 
-        it('should Canvas be present', () => {
+        it('should Next an Previous Buttons be present', (done) => {
-            expect(element.querySelector('.pdfViewer')).not.toBeNull();
+            fixtureUrlTestComponent.detectChanges();
-            expect(element.querySelector('.viewer-pdf-viewer')).not.toBeNull();
+            fixtureUrlTestComponent.whenStable().then(() => {
+                expect(elementUrlTestComponent.querySelector('#viewer-previous-page-button')).not.toBeNull();
+                expect(elementUrlTestComponent.querySelector('#viewer-next-page-button')).not.toBeNull();
+                done();
             });
+        }, 5000);
 
-        it('should Loader be present', () => {
+        it('should Input Page elements be present', (done) => {
-            expect(element.querySelector('.loader-container')).not.toBeNull();
+
+            fixtureUrlTestComponent.detectChanges();
+            fixtureUrlTestComponent.whenStable().then(() => {
+                expect(elementUrlTestComponent.querySelector('.viewer-pagenumber-input')).toBeDefined();
+                expect(elementUrlTestComponent.querySelector('.viewer-total-pages')).toBeDefined();
+
+                expect(elementUrlTestComponent.querySelector('#viewer-previous-page-button')).not.toBeNull();
+                expect(elementUrlTestComponent.querySelector('#viewer-next-page-button')).not.toBeNull();
+                done();
             });
+        }, 5000);
 
-        it('should Next an Previous Buttons be present', () => {
+        it('should Toolbar be hide if showToolbar is false', (done) => {
-            expect(element.querySelector('#viewer-previous-page-button')).not.toBeNull();
-            expect(element.querySelector('#viewer-next-page-button')).not.toBeNull();
-        });
-
-        it('should Input Page elements be present', () => {
-            expect(element.querySelector('.viewer-pagenumber-input')).toBeDefined();
-            expect(element.querySelector('.viewer-total-pages')).toBeDefined();
-
-            expect(element.querySelector('#viewer-previous-page-button')).not.toBeNull();
-            expect(element.querySelector('#viewer-next-page-button')).not.toBeNull();
-        });
-
-        it('should Toolbar be hide if showToolbar is false', () => {
             component.showToolbar = false;
 
-            fixture.detectChanges();
+            fixtureUrlTestComponent.detectChanges();
-
+            fixtureUrlTestComponent.whenStable().then(() => {
-            expect(element.querySelector('.viewer-toolbar-command')).toBeNull();
+                expect(elementUrlTestComponent.querySelector('.viewer-toolbar-command')).toBeNull();
-            expect(element.querySelector('.viewer-toolbar-pagination')).toBeNull();
+                expect(elementUrlTestComponent.querySelector('.viewer-toolbar-pagination')).toBeNull();
+                done();
             });
+        }, 5000);
     });
 
     describe('View with blob file', () => {
 
-        beforeEach(() => {
+        let fixtureBlobTestComponent: ComponentFixture<BlobTestComponent>;
-            component.urlFile = undefined;
+        let componentBlobTestComponent: BlobTestComponent;
-            component.blobFile = createFakeBlob();
+        let elementBlobTestComponent: HTMLElement;
 
-            fixture.detectChanges();
+        beforeEach((done) => {
+            fixtureBlobTestComponent = TestBed.createComponent(BlobTestComponent);
+            componentBlobTestComponent = fixtureBlobTestComponent.componentInstance;
+            elementBlobTestComponent = fixtureBlobTestComponent.nativeElement;
+
+            fixtureBlobTestComponent.detectChanges();
+
+            componentBlobTestComponent.pdfViewerComponent.rendered.subscribe(() => {
+                done();
+            });
         });
 
-        it('should If blobFile is not present thrown an error ', () => {
+        it('should Canvas be present', (done) => {
-            component.blobFile = undefined;
+            fixtureBlobTestComponent.detectChanges();
-            expect(() => {
-                component.ngOnChanges(null);
-            }).toThrow(new Error('Attribute urlFile or blobFile is required'));
-        });
 
-        it('should Canvas be present', () => {
+            fixtureBlobTestComponent.whenStable().then(() => {
-            expect(element.querySelector('.pdfViewer')).not.toBeNull();
+                expect(elementBlobTestComponent.querySelector('.pdfViewer')).not.toBeNull();
-            expect(element.querySelector('.viewer-pdf-viewer')).not.toBeNull();
+                expect(elementBlobTestComponent.querySelector('.viewer-pdf-viewer')).not.toBeNull();
-        });
+                done();
+            };
+        }, 5000);
 
-        it('should Loader be present', () => {
+        it('should Next an Previous Buttons be present', (done) => {
-            expect(element.querySelector('.loader-container')).not.toBeNull();
+            fixtureBlobTestComponent.detectChanges();
-        });
 
-        it('should Next an Previous Buttons be present', () => {
+            fixtureBlobTestComponent.whenStable().then(() => {
-            expect(element.querySelector('#viewer-previous-page-button')).not.toBeNull();
+                expect(elementBlobTestComponent.querySelector('#viewer-previous-page-button')).not.toBeNull();
-            expect(element.querySelector('#viewer-next-page-button')).not.toBeNull();
+                expect(elementBlobTestComponent.querySelector('#viewer-next-page-button')).not.toBeNull();
-        });
+                done();
+            };
+        }, 5000);
 
-        it('should Input Page elements be present', () => {
+        it('should Input Page elements be present', (done) => {
-            expect(element.querySelector('.viewer-pagenumber-input')).toBeDefined();
+            fixtureBlobTestComponent.detectChanges();
-            expect(element.querySelector('.viewer-total-pages')).toBeDefined();
 
-            expect(element.querySelector('#viewer-previous-page-button')).not.toBeNull();
+            fixtureBlobTestComponent.whenStable().then(() => {
-            expect(element.querySelector('#viewer-next-page-button')).not.toBeNull();
+                expect(elementBlobTestComponent.querySelector('.viewer-pagenumber-input')).toBeDefined();
-        });
+                expect(elementBlobTestComponent.querySelector('.viewer-total-pages')).toBeDefined();
 
-        it('should Toolbar be hide if showToolbar is false', () => {
+                expect(elementBlobTestComponent.querySelector('#viewer-previous-page-button')).not.toBeNull();
-            component.showToolbar = false;
+                expect(elementBlobTestComponent.querySelector('#viewer-next-page-button')).not.toBeNull();
+                done();
+            };
+        }, 5000);
 
-            fixture.detectChanges();
+        it('should Toolbar be hide if showToolbar is false', (done) => {
+            componentBlobTestComponent.pdfViewerComponent.showToolbar = false;
 
-            expect(element.querySelector('.viewer-toolbar-command')).toBeNull();
+            fixtureBlobTestComponent.detectChanges();
-            expect(element.querySelector('.viewer-toolbar-pagination')).toBeNull();
+
-        });
+            fixtureBlobTestComponent.whenStable().then(() => {
+                expect(elementBlobTestComponent.querySelector('.viewer-toolbar-command')).toBeNull();
+                expect(elementBlobTestComponent.querySelector('.viewer-toolbar-pagination')).toBeNull();
+                done();
+            };
+        }, 5000);
     });
 
     describe('User interaction', () => {
 
-        beforeEach(async(() => {
+        let fixtureUrlTestComponent: ComponentFixture<UrlTestComponent>;
-            component.urlFile = require('../assets/fake-test-file.pdf');
+        let componentUrlTestComponent: UrlTestComponent;
-            fixture.detectChanges();
+        let elementUrlTestComponent: HTMLElement;
-            fixture.whenStable().then(() => {
+
-                component.inputPage('1');
+        beforeEach((done) => {
+            fixtureUrlTestComponent = TestBed.createComponent(UrlTestComponent);
+            componentUrlTestComponent = fixtureUrlTestComponent.componentInstance;
+            elementUrlTestComponent = fixtureUrlTestComponent.nativeElement;
+
+            fixtureUrlTestComponent.detectChanges();
+
+            componentUrlTestComponent.pdfViewerComponent.rendered.subscribe(() => {
+                done();
+            });
         });
-        }));
 
         it('should Total number of pages be loaded', (done) => {
-            component.ngOnChanges(null).then(() => {
+            fixtureUrlTestComponent.detectChanges();
-                fixture.detectChanges();
-                fixture.whenStable().then(() => {
-                    expect(component.totalPages).toEqual(6);
-                    done();
-                });
-            });
-        });
 
-        it('should right arrow move to the next page', (done) => {
+            fixtureUrlTestComponent.whenStable().then(() => {
-            component.ngOnChanges(null).then(() => {
+                expect(componentUrlTestComponent.pdfViewerComponent.totalPages).toBe(6);
-                fixture.detectChanges();
-                fixture.whenStable().then(() => {
-                    expect(component.displayPage).toBe(1);
-                    EventMock.keyDown(39);
-                    fixture.detectChanges();
-                    expect(component.displayPage).toBe(2);
                 done();
             });
-            });
+        }, 5000);
-        });
 
         it('should nextPage move to the next page', (done) => {
-            let nextPageButton: any = element.querySelector('#viewer-next-page-button');
+            let nextPageButton: any = elementUrlTestComponent.querySelector('#viewer-next-page-button');
-
-            component.ngOnChanges(null).then(() => {
-                fixture.detectChanges();
-                fixture.whenStable().then(() => {
-
-                    expect(component.displayPage).toBe(1);
             nextPageButton.click();
-                    fixture.detectChanges();
+
-                    expect(component.displayPage).toBe(2);
+            fixtureUrlTestComponent.detectChanges();
+
+            fixtureUrlTestComponent.whenStable().then(() => {
+                expect(componentUrlTestComponent.pdfViewerComponent.displayPage).toBe(2);
+                done();
+            });
+        }, 5000);
+
+        it('should event RIGHT_ARROW keyboard change pages', (done) => {
+            EventMock.keyDown(RIGHT_ARROW);
+
+            fixtureUrlTestComponent.detectChanges();
+
+            fixtureUrlTestComponent.whenStable().then(() => {
+                expect(componentUrlTestComponent.pdfViewerComponent.displayPage).toBe(2);
+                done();
+            });
+        }, 5000);
+
+        it('should event LEFT_ARROW keyboard change pages', (done) => {
+            component.inputPage('2');
+
+            fixtureUrlTestComponent.detectChanges();
+
+            fixtureUrlTestComponent.whenStable().then(() => {
+                EventMock.keyDown(LEFT_ARROW);
+
+                fixtureUrlTestComponent.detectChanges();
+
+                fixtureUrlTestComponent.whenStable().then(() => {
+                    expect(componentUrlTestComponent.pdfViewerComponent.displayPage).toBe(1);
                     done();
                 });
             });
-        });
+        }, 5000);
-
-        it('should event keyboard change pages', (done) => {
-            component.ngOnChanges(null).then(() => {
-                fixture.detectChanges();
-                fixture.whenStable().then(() => {
-
-                    expect(component.displayPage).toBe(1);
-                    EventMock.keyDown(39);
-                    EventMock.keyDown(39);
-                    EventMock.keyDown(37);
-                    fixture.detectChanges();
-                    expect(component.displayPage).toBe(2);
-                    done();
-                });
-            });
-        });
 
         it('should previous page move to the previous page', (done) => {
-            let previousPageButton: any = element.querySelector('#viewer-previous-page-button');
+            let previousPageButton: any = elementUrlTestComponent.querySelector('#viewer-previous-page-button');
-            let nextPageButton: any = element.querySelector('#viewer-next-page-button');
+            let nextPageButton: any = elementUrlTestComponent.querySelector('#viewer-next-page-button');
 
-            component.ngOnChanges(null).then(() => {
-                fixture.detectChanges();
-                fixture.whenStable().then(() => {
-
-                    expect(component.displayPage).toBe(1);
             nextPageButton.click();
             nextPageButton.click();
             previousPageButton.click();
-                    fixture.detectChanges();
+            fixtureUrlTestComponent.detectChanges();
-                    expect(component.displayPage).toBe(2);
+
+            fixtureUrlTestComponent.whenStable().then(() => {
+                expect(componentUrlTestComponent.pdfViewerComponent.displayPage).toBe(2);
                 done();
             });
-            });
+        }, 5000);
-        });
 
         it('should previous page not move to the previous page if is page 1', (done) => {
-            component.ngOnChanges(null).then(() => {
-                fixture.detectChanges();
-                fixture.whenStable().then(() => {
-
-                    expect(component.displayPage).toBe(1);
             component.previousPage();
-                    fixture.detectChanges();
+            fixtureUrlTestComponent.detectChanges();
-                    expect(component.displayPage).toBe(1);
+
+            fixtureUrlTestComponent.whenStable().then(() => {
+                expect(componentUrlTestComponent.pdfViewerComponent.displayPage).toBe(1);
                 done();
             });
-            });
+        }, 5000);
-        });
 
         it('should Input page move to the inserted page', (done) => {
-            component.ngOnChanges(null).then(() => {
+            componentUrlTestComponent.pdfViewerComponent.inputPage('2');
-                fixture.detectChanges();
+            fixtureUrlTestComponent.detectChanges();
-                fixture.whenStable().then(() => {
 
-                    expect(component.displayPage).toBe(1);
+            fixtureUrlTestComponent.whenStable().then(() => {
-                    component.inputPage('2');
+                expect(componentUrlTestComponent.pdfViewerComponent.displayPage).toBe(2);
-                    fixture.detectChanges();
-                    expect(component.displayPage).toBe(2);
                 done();
             });
-            });
+        }, 5000);
-        });
-    });
 
         describe('Zoom', () => {
 
-        beforeEach(async(() => {
+            it('should zoom in increment the scale value', () => {
-            component.urlFile = require('../assets/fake-test-file.pdf');
+                let zoomInButton: any = elementUrlTestComponent.querySelector('#viewer-zoom-in-button');
-            fixture.detectChanges();
-            fixture.whenStable().then(() => {
-                component.inputPage('1');
-                component.currentScale = 1;
-            });
-        }));
 
-        it('should zoom in increment the scale value', (done) => {
+                let zoomBefore = componentUrlTestComponent.pdfViewerComponent.currentScale;
-            let zoomInButton: any = element.querySelector('#viewer-zoom-in-button');
-
-            component.ngOnChanges(null).then(() => {
-                let zoomBefore = component.currentScale;
                 zoomInButton.click();
-                expect(component.currentScaleMode).toBe('auto');
+                expect(componentUrlTestComponent.pdfViewerComponent.currentScaleMode).toBe('auto');
-                let currentZoom = component.currentScale;
+                let currentZoom = componentUrlTestComponent.pdfViewerComponent.currentScale;
                 expect(zoomBefore < currentZoom).toBe(true);
-                done();
+            }, 5000);
-            });
-        });
 
-        it('should zoom out decrement the scale value', (done) => {
+            it('should zoom out decrement the scale value', () => {
-            let zoomOutButton: any = element.querySelector('#viewer-zoom-out-button');
+                let zoomOutButton: any = elementUrlTestComponent.querySelector('#viewer-zoom-out-button');
 
-            component.ngOnChanges(null).then(() => {
+                let zoomBefore = componentUrlTestComponent.pdfViewerComponent.currentScale;
-                let zoomBefore = component.currentScale;
                 zoomOutButton.click();
-                expect(component.currentScaleMode).toBe('auto');
+                expect(componentUrlTestComponent.pdfViewerComponent.currentScaleMode).toBe('auto');
-                let currentZoom = component.currentScale;
+                let currentZoom = componentUrlTestComponent.pdfViewerComponent.currentScale;
                 expect(zoomBefore > currentZoom).toBe(true);
-                done();
+            }, 5000);
-            });
-        });
 
-        it('should fit-in button toggle page-fit and auto scale mode', (done) => {
+            it('should it-in button toggle page-fit and auto scale mode', () => {
-            let fitPage: any = element.querySelector('#viewer-scale-page-button');
+                let itPage: any = elementUrlTestComponent.querySelector('#viewer-scale-page-button');
 
-            component.ngOnChanges(null).then(() => {
+                expect(componentUrlTestComponent.pdfViewerComponent.currentScaleMode).toBe('auto');
-                expect(component.currentScaleMode).toBe('auto');
+                itPage.click();
-                fitPage.click();
+                expect(componentUrlTestComponent.pdfViewerComponent.currentScaleMode).toBe('page-fit');
-                expect(component.currentScaleMode).toBe('page-fit');
+                itPage.click();
-                fitPage.click();
+                expect(componentUrlTestComponent.pdfViewerComponent.currentScaleMode).toBe('auto');
-                expect(component.currentScaleMode).toBe('auto');
+            }, 5000);
-                done();
-            });
-        });
         });
 
         describe('Resize interaction', () => {
 
-        beforeEach(async(() => {
+            it('should resize event trigger setScaleUpdatePages', () => {
-            component.urlFile = require('../assets/fake-test-file.pdf');
+                spyOn(componentUrlTestComponent.pdfViewerComponent, 'onResize');
-            fixture.detectChanges();
-            fixture.whenStable().then(() => {
-                component.inputPage('1');
-                component.currentScale = 1;
-            });
-        }));
-
-        it('should resize event trigger setScaleUpdatePages', (done) => {
-            component.ngOnChanges(null).then(() => {
-                fixture.detectChanges();
-                fixture.whenStable().then(() => {
-
-                    spyOn(component, 'onResize');
                 EventMock.resizeMobileView();
-                    expect(component.onResize).toHaveBeenCalled();
+                expect(componentUrlTestComponent.pdfViewerComponent.onResize).toHaveBeenCalled();
-                    done();
+            }, 5000);
-                });
-            });
-        });
-    });
-
-    describe('scroll interaction', () => {
-
-        beforeEach(async(() => {
-            component.urlFile = require('../assets/fake-test-file.pdf');
-            fixture.detectChanges();
-            fixture.whenStable().then(() => {
-                component.inputPage('1');
-                component.currentScale = 1;
-            });
-        }));
-
-        it('should scroll page return the current page', (done) => {
-            component.ngOnChanges(null).then(() => {
-                fixture.detectChanges();
-                fixture.whenStable().then(() => {
-
-                    expect(component.displayPage).toBe(1);
-
-                    component.inputPage('2');
-                    fixture.detectChanges();
-                    expect(component.displayPage).toBe(2);
-
-                    component.pdfViewer.currentPageNumber = 6;
-                    fixture.detectChanges();
-                    expect(component.displayPage).toBe(6);
-                    expect(component.page).toBe(6);
-                    done();
-                });
-            });
-        });
         });
 
         describe('Thumbnails', () => {
-        beforeEach(async () => {
-            component.urlFile = require('../assets/fake-test-file.pdf');
-            component.showThumbnails = false;
-            fixture.detectChanges();
-            fixture.whenStable().then(() => {
-                component.inputPage('1');
-            });
-        });
 
-        it('should have own context', (done) => {
+            it('should have own context', () => {
-            component.ngOnChanges(null).then(() => {
+                expect(componentUrlTestComponent.pdfViewerComponent.pdfThumbnailsContext.viewer).not.toBeNull();
-                fixture.detectChanges();
+            }, 5000);
-                fixture.whenStable().then(() => {
-                    expect(component.pdfThumbnailsContext.viewer).not.toBeNull();
-                    done();
-                });
-            });
-        });
 
             it('should open thumbnails panel', (done) => {
-            expect(element.querySelector('.adf-pdf-viewer__thumbnails')).toBeNull();
+                expect(elementUrlTestComponent.querySelector('.adf-pdf-viewer__thumbnails')).toBeNull();
 
-            component.ngOnChanges(null).then(() => {
+                componentUrlTestComponent.pdfViewerComponent.toggleThumbnails();
-                fixture.detectChanges();
+                fixtureUrlTestComponent.detectChanges();
-                fixture.whenStable().then(() => {
-                    component.toggleThumbnails();
-                    fixture.detectChanges();
 
-                    expect(element.querySelector('.adf-pdf-viewer__thumbnails')).not.toBeNull();
+                fixtureUrlTestComponent.whenStable().then(() => {
+                    expect(elementUrlTestComponent.querySelector('.adf-pdf-viewer__thumbnails')).not.toBeNull();
                     done();
                 });
-            });
+            }, 5000);
-        });
         });
 
         describe('Viewer events', () => {
-        beforeEach(() => {
-            component.urlFile = require('../assets/fake-test-file.pdf');
-            fixture.detectChanges();
-        });
-
-        it('should emit pagechange event', (done) => {
-            component.ngOnChanges(null).then(() => {
-                fixture.detectChanges();
-                return fixture.whenStable().then(() => {
-                    expect(component.displayPage).toBe(1);
 
+            it('should react on the emit of pagechange event', (done) => {
+                fixtureUrlTestComponent.detectChanges();
+                fixtureUrlTestComponent.whenStable().then(() => {
                     const args = {
                         pageNumber: 6,
                         source: {
-                            container: component.documentContainer
+                            container: componentUrlTestComponent.pdfViewerComponent.documentContainer
                         }
                     };
 
-                    component.pdfViewer.eventBus.dispatch('pagechange', args);
+                    componentUrlTestComponent.pdfViewerComponent.pdfViewer.eventBus.dispatch('pagechange', args);
-                    fixture.detectChanges();
+                    fixtureUrlTestComponent.detectChanges();
 
-                    expect(component.displayPage).toBe(6);
+                    fixtureUrlTestComponent.whenStable().then(() => {
-                    expect(component.page).toBe(6);
+                        expect(componentUrlTestComponent.pdfViewerComponent.displayPage).toBe(6);
+                        expect(componentUrlTestComponent.pdfViewerComponent.page).toBe(6);
                         done();
                     });
                 });
-        });
+            }, 5000);
 
-        it('should emit pagesloaded event', (done) => {
+            it('should react on the emit of pagesloaded event', (done) => {
-            component.ngOnChanges(null).then(() => {
+                fixtureUrlTestComponent.detectChanges();
-                fixture.detectChanges();
+                fixtureUrlTestComponent.whenStable().then(() => {
-                return fixture.whenStable().then(() => {
+                    expect(componentUrlTestComponent.pdfViewerComponent.isPanelDisabled = false;
-                    expect(component.isPanelDisabled).toBe(true);
 
                     const args = {
                         pagesCount: 10,
                         source: {
-                            container: component.documentContainer
+                            container: componentUrlTestComponent.pdfViewerComponent.documentContainer
                         }
                     };
 
-                    component.pdfViewer.eventBus.dispatch('pagesloaded', args);
+                    componentUrlTestComponent.pdfViewerComponent.pdfViewer.eventBus.dispatch('pagesloaded', args);
-                    fixture.detectChanges();
+                    fixtureUrlTestComponent.detectChanges();
 
-                    expect(component.isPanelDisabled).toBe(false);
+                    fixtureUrlTestComponent.whenStable().then(() => {
+                        expect(componentUrlTestComponent.pdfViewerComponent.isPanelDisabled).toBe(false);
                         done();
                     });
                 });
+            }, 5000);
         });
+
     });
 });

lib/core/viewer/components/pdfViewer.component.ts

@@ -15,7 +15,17 @@
  * limitations under the License.
  */
 
-import { Component, TemplateRef, HostListener, Input, OnChanges, OnDestroy, ViewEncapsulation } from '@angular/core';
+import {
+    Component,
+    TemplateRef,
+    HostListener,
+    Output,
+    Input,
+    OnChanges,
+    OnDestroy,
+    ViewEncapsulation,
+    EventEmitter
+} from '@angular/core';
 import { LogService } from '../../services/log.service';
 import { RenderingQueueServices } from '../services/rendering-queue.services';
 
@@ -52,6 +62,13 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
     @Input()
     thumbnailsTemplate: TemplateRef<any> = null;
 
+    @Output()
+    rendered = new EventEmitter<any>();
+
+    @Output()
+    error = new EventEmitter<any>();
+
+    loadingTask: any;
     currentPdfDocument: any;
     page: number;
     displayPage: number;
@@ -80,37 +97,39 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
         // needed to preserve "this" context
         this.onPageChange = this.onPageChange.bind(this);
         this.onPagesLoaded = this.onPagesLoaded.bind(this);
+        this.onPagerendered = this.onPagerendered.bind(this);
     }
 
     ngOnChanges(changes) {
+        let blobFile = changes['blobFile'];
+
+        if (blobFile && blobFile.currentValue) {
+            let reader = new FileReader();
+            reader.onload = () => {
+                this.executePdf(reader.result);
+            };
+            reader.readAsArrayBuffer(blobFile.currentValue);
+        }
+
+        let urlFile = changes['urlFile'];
+        if (urlFile && urlFile.currentValue) {
+            this.executePdf(urlFile.currentValue);
+        }
+
         if (!this.urlFile && !this.blobFile) {
             throw new Error('Attribute urlFile or blobFile is required');
         }
-
-        if (this.urlFile) {
-            return new Promise((resolve, reject) => {
-                this.executePdf(this.urlFile, resolve, reject);
-            });
-        } else {
-            return new Promise((resolve, reject) => {
-                let reader = new FileReader();
-                reader.onload = () => {
-                    this.executePdf(reader.result, resolve, reject);
-                };
-                reader.readAsArrayBuffer(this.blobFile);
-            });
-        }
     }
 
-    executePdf(src, resolve, reject) {
+    executePdf(src) {
-        let loadingTask = this.getPDFJS().getDocument(src);
+        this.loadingTask = this.getPDFJS().getDocument(src);
 
-        loadingTask.onProgress = (progressData) => {
+        this.loadingTask.onProgress = (progressData) => {
             let level = progressData.loaded / progressData.total;
             this.loadingPercent = Math.round(level * 100);
         };
 
-        loadingTask.then((pdfDocument) => {
+        this.loadingTask.then((pdfDocument) => {
             this.currentPdfDocument = pdfDocument;
             this.totalPages = pdfDocument.numPages;
             this.page = 1;
@@ -119,13 +138,12 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
 
             this.currentPdfDocument.getPage(1).then(() => {
                 this.scalePage('auto');
-                resolve();
             }, (error) => {
-                reject(error);
+                this.error.emit();
             });
 
         }, (error) => {
-            reject(error);
+            this.error.emit();
         });
     }
 
@@ -145,6 +163,7 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
         this.documentContainer = document.getElementById('viewer-pdf-viewer');
         this.documentContainer.addEventListener('pagechange', this.onPageChange, true);
         this.documentContainer.addEventListener('pagesloaded', this.onPagesLoaded, true);
+        this.documentContainer.addEventListener('textlayerrendered', this.onPagerendered, true);
 
         this.pdfViewer = new PDFJS.PDFViewer({
             container: this.documentContainer,
@@ -163,6 +182,11 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
         if (this.documentContainer) {
             this.documentContainer.removeEventListener('pagechange', this.onPageChange, true);
             this.documentContainer.removeEventListener('pagesloaded', this.onPagesLoaded, true);
+            this.documentContainer.removeEventListener('textlayerrendered', this.onPagerendered, true);
+        }
+
+        if (this.loadingTask) {
+            this.loadingTask.destroy();
         }
     }
 
@@ -373,6 +397,13 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
         this.displayPage = event.pageNumber;
     }
 
+    /**
+     * Page Rendered Event
+     */
+    onPagerendered() {
+        this.rendered.emit();
+    }
+
     /**
      * Pages Loaded Event
      *

lib/core/viewer/components/txtViewer.component.spec.ts

@@ -24,8 +24,6 @@ import {
 } from '../../services';
 import { TxtViewerComponent } from './txtViewer.component';
 
-declare var require: any;
-
 describe('Text View component', () => {
 
     let component: TxtViewerComponent;
@@ -54,7 +52,7 @@ describe('Text View component', () => {
 
         it('Should text container be present with urlfile', (done) => {
             fixture.detectChanges();
-            let urlFile = require('../assets/fake-test-file.txt');
+            let urlFile = './fake-test-file.txt';
             let change = new SimpleChange(null, urlFile, true);
 
             component.ngOnChanges({ 'urlFile': change }).then(() => {

lib/core/viewer/components/viewer.component.spec.ts

@@ -127,8 +127,6 @@ class ViewerWithCustomOpenWithComponent {}
 })
 class ViewerWithCustomMoreActionsComponent {}
 
-declare var require: any;
-
 describe('ViewerComponent', () => {
 
     let component: ViewerComponent;
@@ -593,7 +591,7 @@ describe('ViewerComponent', () => {
             }));
 
             it('should extension file txt be loaded', async(() => {
-                component.urlFile = require('../assets/fake-test-file.txt');
+                component.urlFile = 'fake-test-file.txt';
                 component.ngOnChanges(null);
                 fixture.detectChanges();
 
@@ -678,18 +676,18 @@ describe('ViewerComponent', () => {
                 });
             }));
 
-            it('should display the txt viewer  if the file identified by mimetype is a txt when the filename has wrong extension', async(() => {
+            it('should display the txt viewer if the file identified by mimetype is a txt when the filename has wrong extension', (done) => {
                 component.urlFile = 'content.bin';
                 component.mimeType = 'text/plain';
-                component.urlFile = require('../assets/fake-test-file.txt');
                 fixture.detectChanges();
                 component.ngOnChanges(null);
 
                 fixture.whenStable().then(() => {
                     fixture.detectChanges();
                     expect(element.querySelector('adf-txt-viewer')).not.toBeNull();
+                    done();
+                });
             });
-            }));
 
             it('should display the media player if the file identified by mimetype is a media when the filename has no extension', async(() => {
                 component.urlFile = 'content';

lib/process-services/task-list/models/filter.model.ts

@@ -57,6 +57,30 @@ export class FilterParamsModel {
     }
 }
 
+export class FilterParamRepresentationModel {
+    processDefinitionId: string;
+    processDefinitionKey: string;
+    name: string;
+    state: string;
+    sort: string;
+    assignment: string;
+    dueAfter: Date;
+    dueBefore: Date;
+
+    constructor(obj?: any) {
+        if (obj) {
+            this.processDefinitionId = obj.processDefinitionId || null;
+            this.processDefinitionKey = obj.processDefinitionKey || null;
+            this.name = obj.name || null;
+            this.state = obj.state || null;
+            this.sort = obj.sort || null;
+            this.assignment = obj.assignment || null;
+            this.dueAfter = obj.dueAfter || null;
+            this.dueBefore = obj.dueBefore || null;
+        }
+    }
+}
+
 export class FilterRepresentationModel implements UserTaskFilterRepresentation {
     id: number;
     appId: number;
@@ -83,30 +107,6 @@ export class FilterRepresentationModel implements UserTaskFilterRepresentation {
     }
 }
 
-export class FilterParamRepresentationModel {
-    processDefinitionId: string;
-    processDefinitionKey: string;
-    name: string;
-    state: string;
-    sort: string;
-    assignment: string;
-    dueAfter: Date;
-    dueBefore: Date;
-
-    constructor(obj?: any) {
-        if (obj) {
-            this.processDefinitionId = obj.processDefinitionId || null;
-            this.processDefinitionKey = obj.processDefinitionKey || null;
-            this.name = obj.name || null;
-            this.state = obj.state || null;
-            this.sort = obj.sort || null;
-            this.assignment = obj.assignment || null;
-            this.dueAfter = obj.dueAfter || null;
-            this.dueBefore = obj.dueBefore || null;
-        }
-    }
-}
-
 export class TaskQueryRequestRepresentationModel implements TaskQueryRequestRepresentation {
     appDefinitionId: string;
     processInstanceId: string;

scripts/README.md

@@ -52,6 +52,7 @@ All the commands before can be used in combination
 | -u or --update  | run the update of the node_modules packages on the demo shell  |
 | -c or --clean   | clean the demo shell folder before starting it  |
 | -t or --test    | run the tests on the demo-shell  |
+| --e2e   | execute e2e test   |
 | -r or --registry    |  Start the demo using an alternative npm registry  |
 | -v or --version    | Use the version defined in the pacakge.json . Download from npm and Install a different version of the lib (this option is not compatible with -dev)  |
 | -si or --skipinstall    | skip the install of the node_modules  |

scripts/start.sh

@@ -12,6 +12,7 @@ eval EXEC_GIT_NPM_INSTALL_JSAPI=false
 eval EXEC_VERSION_JSAPI=false
 eval EXEC_START=true
 eval EXEC_TEST=false
+eval EXEC_E2E=false
 eval JSAPI_VERSION=""
 eval NG2_COMPONENTS_VERSION=""
 eval GIT_ISH=""
@@ -28,6 +29,7 @@ show_help() {
     echo "-dev or -develop start the demo shell using the relative lib folder to link the components"
     echo "-dist create the disbuild the demo shell in dist mode"
     echo "-t or -test execute test"
+    echo "--e2e execute e2e test"
     echo "-u or -update start the demo shell and update the dependencies"
     echo "-c or -clean  clean the demo shell and reinstall the dependencies"
     echo "-r or -registry to download the packages from an alternative npm registry example -registry 'http://npm.local.me:8080/' "
@@ -57,7 +59,11 @@ disable_start() {
 }
 
 enable_test() {
-    EXEC_TEST=false
+    EXEC_TEST=true
+}
+
+enable_e2e() {
+    EXEC_E2E=true
 }
 
 enable_js_api_git_link() {
@@ -113,6 +119,7 @@ while [[ $1  == -* ]]; do
       -u|--update) update; shift;;
       -c|--clean) clean; shift;;
       -t|--test) enable_test; shift;;
+      --e2e) enable_e2e; shift;;
       -r|--registry)  change_registry $2; shift 2;;
       -v|--version)  version_component $2; shift 2;;
       -si|--skipinstall) install; shift;;
@@ -186,8 +193,13 @@ if $EXEC_VERSION_JSAPI == true; then
 fi
 
 if $EXEC_TEST == true; then
-  echo "====== Demo shell Test====="
+  echo "====== Demo shell Test ====="
-  npm run test
+  npm install && npm run test
+fi
+
+if $EXEC_E2E == true; then
+  echo "====== Demo shell e2e ====="
+  npm run e2e
 fi
 
 if $EXEC_START == true; then

tslint.json

@@ -126,7 +126,6 @@
     "no-string-literal": false,
     "no-string-throw": true,
     "prefer-const": false,
-    "typeof-compare": true,
     "unified-signatures": true,
     "whitespace": [
       true,