From d8856b541db0bb84a524882c63c0ffaac66b7169 Mon Sep 17 00:00:00 2001 From: Eugenio Romano Date: Tue, 21 Jun 2016 10:39:18 +0100 Subject: [PATCH] add event Keyboard test --- .../src/assets/event.mock.ts | 30 ++++++++ .../src/pdfViewer.component.spec.ts | 70 +++++++++++++++++-- .../src/viewer.component.spec.ts | 18 +++++ 3 files changed, 113 insertions(+), 5 deletions(-) create mode 100644 ng2-components/ng2-alfresco-viewer/src/assets/event.mock.ts diff --git a/ng2-components/ng2-alfresco-viewer/src/assets/event.mock.ts b/ng2-components/ng2-alfresco-viewer/src/assets/event.mock.ts new file mode 100644 index 0000000000..5829be8fa5 --- /dev/null +++ b/ng2-components/ng2-alfresco-viewer/src/assets/event.mock.ts @@ -0,0 +1,30 @@ +/*! + * @license + * Copyright 2016 Alfresco Software, Ltd. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + +export class EventMock { + + static keyDown(key: any) { + let event: any = document.createEvent('Event'); + event.keyCode = key; + event.initEvent('keydown'); + document.dispatchEvent(event); + } + +} + + diff --git a/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.spec.ts b/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.spec.ts index 9f006acd9f..bc9784a803 100644 --- a/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.spec.ts +++ b/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.spec.ts @@ -24,6 +24,7 @@ import { import { PdfViewerComponent } from './pdfViewer.component'; import { PDFJSmock } from './assets/PDFJS.mock'; import { PDFViewermock } from './assets/PDFViewer.mock'; +import { EventMock } from './assets/event.mock'; describe('PdfViewer', () => { setBaseTestProviders(TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS, @@ -103,7 +104,8 @@ describe('PdfViewer', () => { }); })); - it('nextPage should move to the next page', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { + + it('right arrow should move to the next page', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { return tcb .createAsync(PdfViewerComponent) .then((fixture) => { @@ -118,7 +120,61 @@ describe('PdfViewer', () => { component.ngOnChanges().then(() => { fixture.detectChanges(); expect(component.displayPage).toBe(1); - component.nextPage(); + EventMock.keyDown(39); + fixture.detectChanges(); + expect(component.displayPage).toBe(2); + }).catch((error) => { + expect(error).toBeUndefined(); + }); + }); + })); + + it('nextPage should move to the next page', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { + return tcb + .createAsync(PdfViewerComponent) + .then((fixture) => { + let component = fixture.componentInstance; + let element = fixture.nativeElement; + + spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock()); + spyOn(component, 'initPDFViewer').and.callFake(() => { + component.pdfViewer = new PDFViewermock(); + }); + + component.urlFile = 'fake-url-file'; + + let nextPageButton = element.querySelector('#viewer-next-page-button'); + + component.ngOnChanges().then(() => { + fixture.detectChanges(); + expect(component.displayPage).toBe(1); + nextPageButton.click(); + fixture.detectChanges(); + expect(component.displayPage).toBe(2); + }).catch((error) => { + expect(error).toBeUndefined(); + }); + }); + })); + + it('left arrow should move to the previous page', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { + return tcb + .createAsync(PdfViewerComponent) + .then((fixture) => { + let component = fixture.componentInstance; + spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock()); + spyOn(component, 'initPDFViewer').and.callFake(() => { + component.pdfViewer = new PDFViewermock(); + }); + + component.urlFile = 'fake-url-file'; + + component.ngOnChanges().then(() => { + fixture.detectChanges(); + expect(component.displayPage).toBe(1); + EventMock.keyDown(39); + EventMock.keyDown(39); + EventMock.keyDown(37); fixture.detectChanges(); expect(component.displayPage).toBe(2); }).catch((error) => { @@ -132,19 +188,23 @@ describe('PdfViewer', () => { .createAsync(PdfViewerComponent) .then((fixture) => { let component = fixture.componentInstance; + let element = fixture.nativeElement; + spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock()); spyOn(component, 'initPDFViewer').and.callFake(() => { component.pdfViewer = new PDFViewermock(); }); component.urlFile = 'fake-url-file'; + let previousPageButton = element.querySelector('#viewer-previous-page-button'); + let nextPageButton = element.querySelector('#viewer-next-page-button'); component.ngOnChanges().then(() => { fixture.detectChanges(); expect(component.displayPage).toBe(1); - component.nextPage(); - component.nextPage(); - component.previousPage(); + nextPageButton.click(); + nextPageButton.click(); + previousPageButton.click(); fixture.detectChanges(); expect(component.displayPage).toBe(2); }).catch((error) => { diff --git a/ng2-components/ng2-alfresco-viewer/src/viewer.component.spec.ts b/ng2-components/ng2-alfresco-viewer/src/viewer.component.spec.ts index 45418484d3..e7a32e270a 100644 --- a/ng2-components/ng2-alfresco-viewer/src/viewer.component.spec.ts +++ b/ng2-components/ng2-alfresco-viewer/src/viewer.component.spec.ts @@ -18,6 +18,7 @@ import {describe, expect, it, inject } from '@angular/core/testing'; import { TestComponentBuilder } from '@angular/compiler/testing'; import { ViewerComponent } from './viewer.component'; +import { EventMock } from './assets/event.mock'; describe('ViewerComponent', () => { @@ -97,6 +98,23 @@ import { ViewerComponent } from './viewer.component'; expect(element.querySelector('#viewer-main-container')).toBeNull(); }); })); + + it('Esc button should hide the viewer', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { + return tcb + .createAsync(ViewerComponent) + .then((fixture) => { + let element = fixture.nativeElement; + let component = fixture.componentInstance; + component.urlFile = 'fake-url-file'; + + + + fixture.detectChanges(); + EventMock.keyDown(27); + fixture.detectChanges(); + expect(element.querySelector('#viewer-main-container')).toBeNull(); + }); + })); }); describe('Attribute', () => {