TypeScript testing.injectAsync函數代碼示例

describe('UserService Service', () => {
  beforeEachProviders(() => [API_PROVIDERS]);

  it('should contain persisted model methods',
    inject([RoomApi], (service: RoomApi) => {
      expect(service).toBeTruthy();
      expect(service.create).toBeTruthy();
      expect(service.updateAll).toBeTruthy();
      expect(service.updateAttributes).toBeTruthy();
      expect(service.find).toBeTruthy();
      expect(service.findById).toBeTruthy();
      expect(service.findOne).toBeTruthy();
    })
  );

  let room: RoomInterface = new Room();
      room.name           = Date.now().toString();

  it('should create a new room instance',
    injectAsync([RoomApi], (roomApi: RoomApi) => {
      return roomApi.create(room)
                    .subscribe((room: RoomInterface) => expect(room.id).toBeTruthy());
    })
  );

  it('should find room instance',
    injectAsync([RoomApi], (roomApi: RoomApi) => {
      return roomApi.findOne({ where: room })
                    .subscribe((room: RoomInterface) => expect(room.id).toBeTruthy());
    })
  );

});

 describe(selector, () => {
   it('should instantiate component without fail', injectAsync([], () => {
     return setup()
       .then(() => promiseWait());
   }));
   it('should destroy component without fail', injectAsync([], () => {
     return setup()
       .then((api: ComponentFixture<any>) => api.destroy())
       .then(() => promiseWait());
   }));
 });

 describe('hide', () => {
   it('should hide sidenav by name', injectAsync([], () => {
     return setup()
       .then(() => service.hide('test'));
   }));
   it('should reject with invalid sidenav name', injectAsync([], () => {
     return setup()
       .then(() => service.hide('fake'))
       .catch(() => Promise.resolve());
   }));
 });

 describe('md-sidenav-container', () => {
   let template = `
   <md-sidenav-container>
     <md-sidenav name="menu"></md-sidenav>
     <md-sidenav name="right" align="right"></md-sidenav>
   </md-sidenav-container>`;
   it('should be created and destroyed', injectAsync([], () => {
     return setup(template).then((api: ITestFixture) => {
       api.fixture.destroy();
     });
   }));
   it('should maintain a query list of its children', injectAsync([], () => {
     return setup(template).then((api: ITestFixture) => {
       expect(api.container.children.length).toBe(2);
       api.fixture.destroy();
     });
   }));
   it('should hide any open children when the backdrop is hidden', injectAsync([], () => {
     return setup(template).then((api: ITestFixture) => {
       let menu: MdSidenav = service.find('menu');
       return menu.show().then(() => {
           return new Promise((resolve) => {
             expect(menu.visible).toBe(true);
             let sub = menu.onHidden.subscribe(() => {
               expect(menu.visible).toBe(false);
               sub.unsubscribe();
               resolve();
             });
             menu.backdropRef.onClick();
           });
         })
         .then(() => promiseWait())
         .then(() => api.fixture.destroy());
     });
   }));
   it('should set isPushed if any child elements are side style', injectAsync([], () => {
     return setup(template).then((api: ITestFixture) => {
       expect(api.container.isPushed).toBe(false);
       let menu: MdSidenav = service.find('menu');
       menu.style = SidenavStyle.SIDE;
       return menu.show()
         .then(() => {
           expect(api.container.isPushed).toBe(true);
         })
         .then(() => promiseWait())
         .then(() => api.fixture.destroy());
     });
   }));
 });

describe('TitleFormComponent', () => {

  it('should emit submit event with specified title value',
    injectAsync([TestComponentBuilder], (tcb: TestComponentBuilder) => {

    return tcb.createAsync(TitleFormComponent)
      .then((fixture) => {
        // const uut: TitleFormComponent = fixture.componentInstance;
        // const el: HTMLElement = fixture.nativeElement;

        // spyOn(uut.onSubmit, 'emit');

        // const input = <HTMLInputElement> el.querySelector('input');
        // const btn = <HTMLButtonElement> el.querySelector('button');

        // input.value = 'foo';
        // uut['title'] = 'foo';
        // btn.click();

        // fixture.detectChanges();
        // expect(uut.onSubmit.emit).toHaveBeenCalled();
      });
  }));

});

describe('LoginService', () => {

    let testResponse =
        {
            success: true,
            message: "logged in"
        };



    beforeEachProviders(() => {
        return [
            HTTP_PROVIDERS,
            provide(XHRBackend, { useClass: MockBackend }),
            LoginService
        ];
    });


    it('should login', inject([XHRBackend, LoginService], (mockBackend, service) => {
        mockBackend.connections.subscribe(
            (connection: MockConnection) => {
                connection.mockRespond(new Response(
                    new ResponseOptions({
                        body: testResponse
                    }
                    )));
            });
        let req = {};
        req.username = "test";
        req.password = "test";
        service.login(req).subscribe((res: ServiceResponse) => {
            expect(res.success).toBe(true);
            expect(res.message).toBe("logged in");
        });

    }));



    it('should should login async', injectAsync([XHRBackend, LoginService], (mockBackend, service) => {
        return new Promise((pass, fail) => {
            mockBackend.connections.subscribe(
                (connection: MockConnection) => {
                    connection.mockRespond(new Response(
                        new ResponseOptions({
                            body: testResponse
                        }
                        )));
                });

            service.login().subscribe((res: ServiceResponse) => {
                expect(res.success).toBe(true);
                expect(res.message).toBe("logged in");
                pass();
            });
        });
    }));

});

describe('MyApp', () => {

  beforeEachProviders(() => [
    provide(NavParams, {useClass: MockNavParams}),
    provide(ViewController, {useClass: MockClass}),
    provide(Platform, {useClass: MockClass}),
    Book
  ]);

  beforeEach(injectAsync([TestComponentBuilder], (tcb: TestComponentBuilder) => {
    return tcb
      .createAsync(EditBookModal)
      .then((componentFixture: ComponentFixture<Type>) => {
        editBookModalFixture = componentFixture;
        editBookModal = componentFixture.componentInstance;
        editBookModalFixture.detectChanges();
      })
      .catch((err) => {
        console.error('ERROR - An error has occurred inside a promise! ' + err);
        // throw the error out to the console - http://stackoverflow.com/a/30741722
        setTimeout(function(): void { throw err; });
      });
  }));

  it('initialises', () => {
    expect(editBookModal).not.toBeNull();
    expect(editBookModalFixture).not.toBeNull();
  });
});

describe('Page2', () => {

  beforeEachProviders(() => [
    Form,
    provide(NavController, {useClass: MockClass}),
    provide(NavParams, {useClass: MockClass}),
    provide(Config, {useClass: MockClass}),
    provide(IonicApp, {useClass: MockClass}),
    provide(Platform, {useClass: MockClass}),
  ]);

  beforeEach(injectAsync([TestComponentBuilder], (tcb: TestComponentBuilder) => {
    return tcb
      .createAsync(Page2)
      .then((componentFixture: ComponentFixture<Page2>) => {
        page2Fixture = componentFixture;
        page2 = componentFixture.componentInstance;
        page2Fixture.detectChanges();
      })
      .catch(Utils.promiseCatchHandler);
  }));

  it('initialises', () => {
    expect(page2).not.toBeNull();
    expect(page2Fixture).not.toBeNull();
  });
});

describe('Directive: MaterializeCollection', () => {
    let fixture:ComponentFixture<any>;

    beforeEachProviders(() => [TestComponentBuilder]);

    beforeEach(injectAsync([TestComponentBuilder], tcb => {
        return tcb
            .createAsync(Container)
            .then((f:ComponentFixture<any>) => {
                f.detectChanges();
                fixture = f;
            });
    }));

    it('Initialization should be ok', () => {
        expect(fixture).toBeDefined();
    });

    it('Click event should add active class', () => {
        let directive:MaterializeCollection = fixture.componentInstance.children.first;
        expect(directive).toBeDefined();
        $(directive.el.nativeElement).click();
        expect($(directive.el.nativeElement).find('li.active').length).toBe(0);
    });
});

describe('Component: Modal Content', () => {
  let builder: TestComponentBuilder;

  beforeEachProviders(() => [RioModalContent]);
  beforeEach(inject([TestComponentBuilder],
    function (tcb: TestComponentBuilder) {
      builder = tcb;
    }));

  it('should inject the component', inject([RioModalContent],
    (component: RioModalContent) => {
      expect(component).toBeTruthy();
    }));

  it('should create the component', injectAsync([], () => {
    return builder.createAsync(RioModalContentTestController)
      .then((fixture: ComponentFixture<any>) => {
        fixture.autoDetectChanges();
        let query = fixture.debugElement
          .query(By.directive(RioModalContent));
        expect(query).toBeTruthy();
        expect(query.componentInstance).toBeTruthy();
      });
  }));
});