TypeScript By.directive方法代碼示例

本文整理匯總了TypeScript中angular2/platform/common_dom.By.directive方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript By.directive方法的具體用法？TypeScript By.directive怎麽用？TypeScript By.directive使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類angular2/platform/common_dom.By的用法示例。

在下文中一共展示了By.directive方法的10個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1:

 .subscribe(() => {
   cmpDebugElement = ctx.fixture.debugElement.query(By.directive(HomePage));
   if (!cmpDebugElement) return;
   userStatsDebugElement = cmpDebugElement.query(By.directive(UserStats));
   micropostNewDebugElement = cmpDebugElement.query(By.directive(MicropostNew));
   feedDebugElement = cmpDebugElement.query(By.directive(Feed));
 });

開發者ID:windwang，項目名稱:angular2-app，代碼行數:7，代碼來源:HomePage.spec.ts

示例2: it

    it('can show feed', () => {
      const cmp:Feed = cmpDebugElement.componentInstance;
      expect(cmp.feed.length).toEqual(2);

      const el = cmpDebugElement.nativeElement;
      expect(DOM.querySelectorAll(el, 'li .content').length).toEqual(2);

      const avatarLink = DOM.querySelector(el, 'li>a');
      expect(avatarLink.getAttribute('href')).toEqual('/users/1');

      const gravatarDebugElement = cmpDebugElement.query(By.directive(Gravatar));
      expect(gravatarDebugElement).toBeTruthy();
      expect(gravatarDebugElement.componentInstance.email).toEqual('test1@test.com');
      expect(gravatarDebugElement.componentInstance.alt).toEqual('test user1');

      const userLink = DOM.querySelector(el, '.user>a');
      expect(userLink).toHaveText('test user1');
      expect(userLink.getAttribute('href')).toEqual('/users/1');

      const content = DOM.querySelector(el, '.content');
      expect(content).toHaveText('content1');

      const timestamp = DOM.querySelector(el, '.timestamp');
      expect(timestamp.innerText).toMatch(/1 day ago/);

      const deleteLinks = DOM.querySelectorAll(el, '.delete');
      expect(deleteLinks[0]).toBeTruthy();
      expect(deleteLinks[1]).toBeFalsy();
    });

開發者ID:windwang，項目名稱:angular2-app，代碼行數:29，代碼來源:Feed.spec.ts

示例3: it

  it('can be shown', () => {
    ctx.fixture.detectChanges();

    expect(cmpDebugElement).toBeTruthy();

    const cmp:UserList = cmpDebugElement.componentInstance;
    expect(cmp.users.length).toEqual(2);

    expect(DOM.querySelectorAll(cmpDebugElement.nativeElement, '.users>li').length).toEqual(2);

    const gravatarDebugElement = cmpDebugElement.query(By.directive(Gravatar));
    expect(gravatarDebugElement).toBeTruthy();
    expect(gravatarDebugElement.componentInstance.alt).toEqual('test1');
    expect(gravatarDebugElement.componentInstance.email).toEqual('test1@test.com');

    const userLink:HTMLElement = cmpDebugElement.query(By.css('.users>li>a')).nativeElement;
    expect(userLink.innerText).toEqual('test1');
    expect(userLink.getAttribute('href')).toEqual('/users/1');
  });

開發者ID:gtostock，項目名稱:angular2-app，代碼行數:19，代碼來源:UserList.spec.ts

示例4: it

  it('can be shown', () => {
    expect(cmpDebugElement).toBeTruthy();

    const cmp:UserStats = cmpDebugElement.componentInstance;
    expect(cmp.userId).toEqual('1');
    expect(cmp.user).toBeTruthy();
    expect(cmp.user.id).toEqual(1);
    expect(cmp.user.email).toEqual('test1@test.com');
    expect(cmp.user.userStats.micropostCnt).toEqual(2);

    const gravatarDebugElement = cmpDebugElement.query(By.directive(Gravatar));
    expect(gravatarDebugElement).toBeTruthy();
    expect(gravatarDebugElement.componentInstance.email).toEqual('test1@test.com');
    expect(gravatarDebugElement.componentInstance.alt).toEqual('test1');

    const el = cmpDebugElement.nativeElement;
    const header = DOM.querySelector(el, 'h2');
    expect(header.innerText).toMatch(/test1/);

    const profileLink = DOM.querySelector(el, 'a.profile-link');
    expect(profileLink).toBeTruthy();
    expect(profileLink.getAttribute('href')).toEqual('/users/1');

    const postCnt = DOM.querySelector(el, '.microposts');
    expect(postCnt).toBeTruthy();
    expect(postCnt.innerText).toMatch(/2 microposts/);

    const followingsLink = DOM.querySelector(el, 'a.followings');
    expect(followingsLink).toBeTruthy();
    expect(followingsLink.getAttribute('href')).toEqual('/users/1/followings');
    expect(followingsLink.innerText).toMatch(/3[\s\S]*?followings/);

    const followersLink = DOM.querySelector(el, 'a.followers');
    expect(followersLink).toBeTruthy();
    expect(followersLink.getAttribute('href')).toEqual('/users/1/followers');
    expect(followersLink.innerText).toMatch(/4[\s\S]*?followers/);
  });

開發者ID:gtostock，項目名稱:angular2-app，代碼行數:37，代碼來源:UserStats.spec.ts

示例5:

 ctx.init(TestCmp).finally(done).subscribe(() => {
   cmpDebugElement = ctx.fixture.debugElement.query(By.directive(TopPage));
 });

開發者ID:windwang，項目名稱:angular2-app，代碼行數:3，代碼來源:TopPage.spec.ts

示例6:

 .subscribe(() => {
   cmpDebugElement = ctx.fixture.debugElement.query(By.directive(LoginPage));
 });

開發者ID:gtostock，項目名稱:angular2-app，代碼行數:3，代碼來源:LoginPage.spec.ts

示例7:

 .subscribe(() => {
   cmpDebugElement = ctx.fixture.debugElement.query(By.directive(Gravatar));
 });

開發者ID:gtostock，項目名稱:angular2-app，代碼行數:3，代碼來源:Gravatar.spec.ts

示例8:

 .subscribe(() => {
   cmpDebugElement = ctx.fixture.debugElement.query(By.directive(UserStats));
 });

開發者ID:gtostock，項目名稱:angular2-app，代碼行數:3，代碼來源:UserStats.spec.ts

示例9:

 .subscribe(() => {
   cmpDebugElement = ctx.fixture.debugElement.query(By.directive(FollowBtn));
 });

開發者ID:windwang，項目名稱:angular2-app，代碼行數:3，代碼來源:FollowBtn.spec.ts

示例10:

 .subscribe(() => {
   cmpDebugElement = ctx.fixture.debugElement.query(By.directive(UserEditPage));
 }, console.error);

開發者ID:windwang，項目名稱:angular2-app，代碼行數:3，代碼來源:UserEditPage.spec.ts

注：本文中的angular2/platform/common_dom.By.directive方法示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。