• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript common_dom.By类代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了TypeScript中angular2/platform/common_dom.By的典型用法代码示例。如果您正苦于以下问题:TypeScript By类的具体用法?TypeScript By怎么用?TypeScript By使用的例子?那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。



在下文中一共展示了By类的8个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的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: expect

 .then((testComponent) => {
   testComponent.detectChanges();
   let anchorElement =
       testComponent.debugElement.query(By.css('a.detail-view')).nativeElement;
   expect(DOM.getAttribute(anchorElement, 'href')).toEqual('detail');
   async.done();
 });
开发者ID:ChinnasamyM,项目名称:angular,代码行数:7,代码来源:router_link_spec.ts


示例3: 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('[email protected]');
      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


示例4: expect

 tcb.createAsync(TestComponent).then((testComponent) => {
   testComponent.detectChanges();
   testComponent.debugElement.query(By.css('a.detail-view-self'))
       .triggerEventHandler('click', null);
   expect(router.spy('navigateByInstruction')).toHaveBeenCalledWith(dummyInstruction);
   async.done();
 });
开发者ID:LordBinary,项目名称:angular,代码行数:7,代码来源:router_link_spec.ts


示例5: getChildrenBySelector

  /**
   * Gets a child DebugElement by css selector.
   *
   * The child of DebugElement are other elements that are "known" to
   * Angular.
   */
  static getChildrenBySelector(parent: DebugElement, selector: string): DebugElement[] {
    let results = [];

    parent.queryAll(By.css(selector)).forEach((el) => results.push(el));
    parent.children.forEach((de) => {
      TestHelper.getChildrenBySelector(de, selector).forEach((el) => results.push(el));
    });

    return results;
  }
开发者ID:Gitjerryzhong,项目名称:angular2,代码行数:16,代码来源:helper.ts


示例6: 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('[email protected]');

    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


示例7: it

    it('can follow', () => {
      const cmp:FollowBtn = cmpDebugElement.componentInstance;
      cmp.isFollowedByMe = false;
      ctx.fixture.detectChanges();

      const followBtn = cmpDebugElement.query(By.css('.follow-btn')).nativeElement;
      expect(followBtn).toHaveText('Follow');

      followBtn.click();
      expect(cmp.isFollowedByMe).toBeTruthy();
      expect(relationshipService.follow).toHaveBeenCalledWith('1');
    });
开发者ID:windwang,项目名称:angular2-app,代码行数:12,代码来源:FollowBtn.spec.ts


示例8: spyOn

 return tcb.createAsync(TestComponent).then((fixture) => {
     fixture.detectChanges();
     spyOn(fixture.componentInstance, "fileUploaded");
     let el = fixture.debugElement.query(By.css('div#child'));
     el.triggerEventHandler('drop', {
         preventDefault(){
         },
         dataTransfer: {
             files: [1, 2, 3],
             items: [1, 2, 3]
         }
     });
     window.setTimeout(()=> {
         expect(fixture.componentInstance.fileUploaded).toHaveBeenCalledWith([1, 2, 3]);
     }, 300);
 });
开发者ID:anikets43,项目名称:fileDroppa,代码行数:16,代码来源:fileDroppa.spec.ts



注:本文中的angular2/platform/common_dom.By类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript browser.TEST_BROWSER_APPLICATION_PROVIDERS类代码示例发布时间:2022-05-25
下一篇:
TypeScript common.LocationStrategy类代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap