Question

当使用Karma和Jasmine在Angular2 +中运行测试并下标到可观察对象时，该订阅（据我所知）是异步运行的，因此应将测试包装为async或fakeAsync。 / p>

但是测试通过了，所以我们不使用async而不是fakeAsync，所以我的问题是：subscribe中的代码是否曾经是异步的？为什么测试通过？发生了什么事？

hello.component.ts

import { Component, Input, OnInit } from '@angular/core';
import {of} from 'rxjs';

@Component({
  selector: 'hello',
  template: `<h1>Hello {{name}}!</h1>`,
  styles: [`h1 { font-family: Lato; }`]
})
export class HelloComponent implements OnInit  {
  name: string;

  ngOnInit() {
    // Subscribing to sayName() to get a name
    this.sayName().subscribe(name => this.name = name);
  }

  sayName() {
    return of('Foo');
  }
}

hello.component.spec.ts

import { CommonModule } from '@angular/common';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';

import {HelloComponent} from './hello.component';

describe('HelloComponent', () => {
  let fixture: ComponentFixture<HelloComponent>;
  let component: HelloComponent;


  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        CommonModule
      ],
      declarations: [HelloComponent],
      providers: [
      ]
    })
    .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(HelloComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });

  it('should have foo name', () => {
    // Running out of async/fakeAsync
    // and asserting we got the name
    expect(component.name).toEqual('Foo');
  });
});

您也可以在此示例中签入Stackblitz。

Answer 1

subscribe()是一个同步呼叫。在您的情况下，在此调用期间，将创建一个预订，发出值并调用观察者。再次：所有这些都在执行subscribe时发生！

使用以下命令创建Observable时interval()值将异步发出。之前的所有操作仍会同步发生。

使用subscribeOn()运算符时，甚至订阅也将异步创建。

与承诺相反，默认情况下，反应流不是异步的。并且如前所述，整个过程的不同部分可以独立地异步进行。

如果您想更深入地研究该主题，我会毫不客气地推荐我的文章Concurrency and Asynchronous Behavior with RxJS。很短；）

为什么测试断言不进入异步区域就进入订阅阶段？

1 个答案: