feat(module: modal): add modal test (NG-ZORRO#18)

feat(module: modal): add modal test
fisherspy · Oct 9, 2018 · 7c59b61 · 7c59b61
1 parent ba9917d
commit 7c59b61
Showing 1 changed file with 26 additions and 6 deletions.
diff --git a/components/modal/modal.component.spec.ts b/components/modal/modal.component.spec.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ViewChild } from '@angular/core';
 import { async, ComponentFixture, fakeAsync, tick, TestBed } from '@angular/core/testing';
 import { ModalModule, WingBlankModule, ListModule, WhiteSpaceModule, ButtonModule } from '../..';
 import { By } from '@angular/platform-browser';
@@ -53,11 +53,17 @@ describe('ModalComponent', () => {
   });
 
   it('should title work', () => {
-    expect(modalEle.nativeElement.querySelector('.am-modal-title').innerText).toBe('Title', 'title is Title');
     component.title = '123';
     fixture.detectChanges();
 
-    expect(modalEle.nativeElement.querySelector('.am-modal-title').innerText).toBe('123', 'title is 123');
+    expect(modalEle.nativeElement.querySelector('.am-modal-header').innerText.trim()).toBe('123', 'title is 123');
+  });
+
+  it('should title work', () => {
+    component.title = component.titleRef;
+    fixture.detectChanges();
+
+    expect(modalEle.nativeElement.querySelector('.am-modal-header').innerText.trim()).toBe('123', 'title is 123');
   });
 
   it('should footer work', () => {
@@ -70,12 +76,20 @@ describe('ModalComponent', () => {
 
   it('should popup work', () => {
     expect(modalEle.nativeElement.querySelector('.am-modal-wrap-popup')).toBeTruthy('popup is true');
+  });
+
+  it('should popup work', () => {
     component.popup = false;
     fixture.detectChanges();
-
     expect(modalEle.nativeElement.querySelector('.am-modal-wrap-popup')).toBeNull('popup is false');
   });
 
+  it('should close work', () => {
+    component.popup = true;
+    fixture.detectChanges();
+    modalEle.nativeElement.querySelector('.am-modal-wrap-popup').click();
+  });
+
   it('should animationType work', () => {
     expect(modalEle.nativeElement.querySelector('.am-modal-popup-slide-down')).toBeTruthy(
       'animationType is slide-down'
@@ -186,6 +200,7 @@ describe('ModalComponent', () => {
          [footer]="footer"
          [closable]="closable"
          [platform]="platform"
+         [wrapClassName]="'test-class'"
          [transparent]="transparent"
          [animationType]="animationType"
   >
@@ -206,16 +221,21 @@ describe('ModalComponent', () => {
   <div Button (onClick)="showSecure()">secure-text</div>
   <div Button (onClick)="showCustom()">custom buttons</div>
   <div Button (onClick)="showLogin()">login-password</div>
+  <ng-template #title>
+  <div>123</div>
+  </ng-template>
   `
 })
 export class TestModalBasicComponent {
   animationType = 'slide-down';
   platform = 'android';
+  visible = true;
   closable = true;
   popup = true;
   state = true;
   transparent = true;
-  title = 'Title';
+  vi
+  title: any = '456';
   footer = [
     {
       text: 'Ok',
@@ -225,7 +245,7 @@ export class TestModalBasicComponent {
       }
     }
   ];
-
+  @ViewChild('title') titleRef: ViewChild;
   constructor(private _modal: Modal) {}
 
   onClose(key) {