add event Keyboard test

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);
+    }
+
+}
+
+

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();
+                        nextPageButton.click();
-                        component.nextPage();
+                        nextPageButton.click();
-                        component.previousPage();
+                        previousPageButton.click();
                         fixture.detectChanges();
                         expect(component.displayPage).toBe(2);
                     }).catch((error) => {

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', () => {