TypeScript of.of函數代碼示例

 constructor() {
     this.rooms = of([{
         id: '1',
         title: 'Star Fox' ,
         picture: '.jpg'
     },
     {
         id: '2',
         title: 'Zelda',
         picture: '.jpg'
     },
     {
         id: '3',
         title: 'Donkey Kong',
         picture: '.jpg'
     },
     {
         id: '4',
         title: 'Sim City',
         picture: '.jpg',
     },
     {
         id: '5',
         title: 'Halo',
         picture: '.jpg',
     }]);
 }

    it('should disabled when just hava the default device', () => {
        spyOn(dotDeviceService, 'get').and.returnValue(of([]));

        fixture.detectChanges();

        const pDropDown: DebugElement = de.query(By.css('p-dropdown'));
        expect(pDropDown.componentInstance.disabled).toBeTruthy();
    });

    it('should not execute recaptcha when captcha is disabled', () => {
      component.teamName = 'some team';
      component.password = 'some password';

      const captchaResponse: HttpResponse<string> = new HttpResponse({
        body: JSON.stringify({captchaEnabled: false})
      });
      mockTeamService.isCaptchaEnabledForTeam.and.returnValue(of(captchaResponse));

      component.requestCaptchaStateAndLogIn();

      expect(mockTeamService.login).toHaveBeenCalled();
      expect(mockRecaptchaComponent.execute).not.toHaveBeenCalled();
    });

    it('should set jwt as cookie and navigate to team page when captcha is disabled', () => {
      component.teamName = 'Team Name';
      component.password = 'p4ssw0rd';
      component.confirmPassword = 'p4ssw0rd';

      const teamUrl = 'team/teamId';
      const jwt = 'im.a.jwt';
      const createTeamResponse: HttpResponse<string> = new HttpResponse({
        body: jwt,
        headers: new HttpHeaders({location: teamUrl})
      });

      const captchaResponse: HttpResponse<string> = new HttpResponse({
        body: JSON.stringify({captchaEnabled: false})
      });

      mockTeamService.isCaptchaEnabled.and.returnValue(of(captchaResponse));
      mockTeamService.create.and.returnValue(of(createTeamResponse));

      component.requestCaptchaStateAndCreateTeam();

      expect(AuthService.setToken).toHaveBeenCalledWith(jwt);
      expect(mockRouter.navigateByUrl).toHaveBeenCalledWith(teamUrl);
    });

  beforeEach(async(() => {

    TestBed.configureTestingModule({
      declarations: [MaterialMock, MaterialTextfieldMock, SettingsGeneralComponent],
      imports: [RouterTestingModule, ReactiveFormsModule, CommonModule, FormsModule],
      providers: [
        { provide: Session, useValue: sessionMock },
        { provide: Client, useValue: clientMock },
        { provide: ThirdPartyNetworksService, useValue: thirdPartyNetworksServiceMock },
        { provide: ActivatedRoute, useValue: { params: of({ 'guid': '1000' }) } },
        { provide: Router, useValue: routerMock },
      ]
    })
      .compileComponents();
  }));

  beforeEach(async(() => {

    TestBed.configureTestingModule({
      declarations: [
        TokenPipe,
        MockComponent({ selector: 'm-wire-console--overview'}),
        MockComponent({ selector: 'm-wallet--balance-usd'}),
        MockComponent({ selector: 'm-wallet--balance-rewards'}),
        MockComponent({ selector: 'm-wallet--balance-tokens'}),
        WalletOverviewComponent
      ],
      providers: [
        { provide: Client, useValue: clientMock },
        { provide: WalletService, useValue: WalletServiceMock },
        { provide: BlockchainService, useValue: blockchainService },
        { provide: Router, useValue: RouterTestingModule },
        { provide: MindsTitle, useValue: MockService(MindsTitle) },
        { provide: Session, useValue: sessionMock },
        { provide: Storage, useValue: storageMock },
        { provide: ActivatedRoute, useValue: { url: of([{ path: 'newsfeed' }]), params: of({ filter: 'trending' }) } }
      ]
    })
      .compileComponents();  // compile template and css
  }));

  beforeEach(async(() => {

    TestBed.configureTestingModule({
      declarations: [
        MockDirective({ selector: '[mdl]', inputs: ['mdl'] }),
        MockComponent({ selector: 'minds-card', inputs: ['object', 'hostClass'] }),
        MockComponent({ selector: 'minds-button', inputs: ['object', 'type'] }),
        BoostConsoleBooster
      ],
      imports: [RouterTestingModule, ReactiveFormsModule],
      providers: [
        { provide: Client, useValue: clientMock },
        { provide: Session, useValue: sessionMock },
        { provide: ActivatedRoute, useValue: { parent: { url: of([{ path: 'newsfeed' }]) } } }
      ]
    })
      .compileComponents();
  }));