TypeScript theme.NbUserComponent类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

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

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

在下文中一共展示了NbUserComponent类的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: describe

describe('NbUserComponent', () => {
  let fixture: ComponentFixture<NbUserComponent>;
  let userComponent: NbUserComponent;
  let userElement: HTMLElement;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [ NbUserModule ],
      providers: [ NbLayoutDirectionService ],
    });

    fixture = TestBed.createComponent(NbUserComponent);
    userComponent = fixture.componentInstance;
    userElement = fixture.nativeElement;
    fixture.detectChanges();
  });

  it('should render name if set', () => {
    const name = 'SomeName';
    userComponent.name = name;
    fixture.detectChanges();

    const nameElement = userElement.querySelector(NAME_SELECTOR);
    expect(nameElement).not.toEqual(null);
    expect(nameElement.textContent).toEqual(name);
  });

  it('should not render name if showName set to false', () => {
    const name = 'SomeName';
    userComponent.name = name;
    userComponent.showName = false;
    fixture.detectChanges();

    const nameElement = userElement.querySelector(NAME_SELECTOR);
    expect(nameElement).toEqual(null);
  });

  it('should not render name if set to empty string', () => {
    userComponent.name = '';
    fixture.detectChanges();

    const nameElement = userElement.querySelector(NAME_SELECTOR);
    expect(nameElement).toEqual(null);
  });

  it('should render title if set', () => {
    const title = 'SomeTitle';
    userComponent.title = title;
    fixture.detectChanges();

    const titleElement = userElement.querySelector(TITLE_SELECTOR);
    expect(titleElement).not.toEqual(null);
    expect(titleElement.textContent).toEqual(title);
  });

  it('should not render title if showTitle set to false', () => {
    const title = 'SomeName';
    userComponent.title = title;
    userComponent.showTitle = false;
    fixture.detectChanges();

    const titleElement = userElement.querySelector(TITLE_SELECTOR);
    expect(titleElement).toEqual(null);
  });

  it('should not render title if set to empty string', () => {
    const title = '';
    userComponent.title = title;
    fixture.detectChanges();

    const titleElement = userElement.querySelector(TITLE_SELECTOR);
    expect(titleElement).toEqual(null);
  });

  it(`should show initials if picture isn't set`, () => {
    const name = 'Name Name';
    userComponent.name = name;
    fixture.detectChanges();

    const initialsElement = userElement.querySelector(INITIALS_SELECTOR);
    expect(initialsElement.textContent.trim()).toEqual('NN');
  });

  it(`should not show initials if picture is set`, () => {
    userComponent.name = 'Name';
    userComponent.title = 'Title';
    userComponent.picture = '/';
    fixture.detectChanges();

    expect(userElement.querySelector(INITIALS_SELECTOR)).toEqual(null);
  });

  it('should set color of initials if set color property is set', () => {
    const color = 'red';
    userComponent.color = color;
    fixture.detectChanges();

    const initialsStyle = (userElement.querySelector(INITIALS_SELECTOR) as HTMLElement).style;
    expect(initialsStyle.backgroundColor).toEqual(color);
  });
//.........这里部分代码省略.........

开发者ID:kevinheader，项目名称:nebular，代码行数:101，代码来源:user.spec.ts

示例2: it

    it(`should return two letters for two first words letters if name set to more then two words`, () => {
      userComponent.name = 'Name Name Name';
      expect(userComponent.getInitials()).toEqual('NN');

      userComponent.name = 'Name Name Name Name Name Name Name Name Name';
      expect(userComponent.getInitials()).toEqual('NN');
    });

开发者ID:kevinheader，项目名称:nebular，代码行数:7，代码来源:user.spec.ts

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