前端之家

  1. 首页
  2. 问答

角单元测试用例中的错误：TypeError：this.userService.currentUser.subscribe不是函数

• 问答

在运行角度单位测试用例时出现此错误：

测试结果 

SidebarComponent
   × should create
    TypeError: this.userService.currentUser.subscribe is not a function

sidebar.component.spec.ts 

describe('SidebarComponent',() => {
  let fixture: ComponentFixture<SidebarComponent>;
  let mockUserService;

  beforeEach(() => {
    mockUserService = jasmine.createSpyObj(['currentUser']);

    TestBed.configureTestingModule({
      imports: [HttpClientTestingModule],declarations: [SidebarComponent],schemas: [NO_ERRORS_SCHEMA],providers: [{ provide: UserService,useValue: mockUserService }]
    });

    fixture = TestBed.createComponent(SidebarComponent);
  });

  fit('should create',() => {
    mockUserService.currentUser.and.returnValue(of('Here goes an object'));
    fixture.detectChanges();
    expect(SidebarComponent).toBeTruthy();
  });
});

sidebar.component.ts 

ngOnInit() {
    this.userService.currentUser.subscribe(currentUser => {
        // Some code here
    });
}

package.json 

"devDependencies": {
    "@types/jasmine": "2.8.8","@types/jasminewd2": "2.0.3","@types/node": "9.6.23","jasmine-core": "2.99.1","jasmine-spec-reporter": "4.2.1","karma": "4.2.0","karma-chrome-launcher": "2.2.0","karma-cli": "2.0.0","karma-coverage-istanbul-reporter": "1.4.3","karma-jasmine": "2.0.1","karma-jasmine-html-reporter": "1.4.0","karma-junit-reporter": "1.2.0","karma-spec-reporter": "0.0.32","protractor": "6.0.0","rxjs-tslint": "0.1.7",}

user.service.ts 

@Injectable({ providedIn: 'root'})
export class UserService {
  private currentUserSubject = new BehaviorSubject({});
  public currentUser: Observable<User> = this.currentUserSubject.asObservable().pipe(distinctUntilChanged());

  setUser(user) {
      this.currentUserSubject.next({ ...newUser });
  }
}

据我所知，要解决此问题，我们需要在以下语句中使用

：
  

mockUserService.currentUser.and.returnValue（of（'这里是一个对象'））;

其中的是从“ rxjs”导入的。当我记录of（'Here go an object'）的值时，表明它是可观察的。

如何解决该问题？

chbfish 回答：角单元测试用例中的错误：TypeError：this.userService.currentUser.subscribe不是函数

如何使用spyOn模拟特定的服务方法：

const userService = TestBed.get(UserService);
const mockedResponse = {}; // Modify as per your need
spyOn(userService,'currentUser').and.callFake(() => {
  return of(mockedResponse);
});

这对我有用。

,

您可以做类似这样的嘲笑：

export const mockUserService= {
    currentUser = {
        subscribe() {
          return of({ 
              // whatever here
          });
        }
    }
};

该代码创建了虚假服务。这项伪造的服务可以添加您经过测试的组件使用的所有功能和成员。

,

在完成此测试的一些工作之后，我发现我们无法使用spyOn（userService，'currentUser'）。原因很明显，currentUser不是函数，而是我们在其中分配了可观察对象的变量。 SpyOn将为此创建一个伪函数，但我们需要的是一个可观察的。因此，我们可以使用userService.setUser方法适当地设置currentUser的值。

sidebar.component.spec.ts 

describe('SidebarComponent',() => {
  let component: SidebarComponent;
  let fixture: ComponentFixture<SidebarComponent>;
  let userService: UserService;

  beforeEach(done => {
    TestBed.configureTestingModule({
    imports: [HttpClientTestingModule,RouterTestingModule],declarations: [SidebarComponent],schemas: [NO_ERRORS_SCHEMA]
  })
  .compileComponents()
  .then(() => {
    fixture = TestBed.createComponent(SidebarComponent);
    component = fixture.componentInstance;

    userService = TestBed.get(UserService);
    userService.setUser(userInfo);

    fixture.detectChanges();
    done();
  });
 });

 it('should create',done => {
   expect(component).toBeTruthy();
   done();
 });
})
angularangular-testangular-testingjasminekarma-jasmine
本文链接：https://www.f2er.com/3161574.html

大家都在问