Angular2测试:更改服务的注入值

6 angular2-testing angular

我正在测试一个简单的服务。该服务使用另一个服务的2个值。

基本上,我想测试这两个值:isLogged = falseisLogged = true

是否可以仅更改注入服务的价值,还是我需要做其他事情?(我不知道,所以如果您能带领我前进,我将不胜感激)。

这是我的测试代码:

编辑我找到了解决我的问题的方法。您需要将提供程序注入到注入参数,然后可以根据需要更改其属性。

  import { TestBed, async, inject } from '@angular/core/testing';
  import { AuthGuardService } from './authguard.service';
  import { Router } from '@angular/router';

  import { AuthService } from './auth.service';

  describe('AuthguardService', () => {

    let calledUrl = '/logged/main/last';

    let authServiceStub = {
      isLogged: false,
      redirectUrl: calledUrl
    };

    class RouterStub {
      navigate(url: string) { return url; }
    };

    beforeEach(() => {
      TestBed.configureTestingModule({
        providers: [
          AuthGuardService,
          { provide: AuthService, useValue: authServiceStub },
          { provide: Router, useClass: RouterStub },
        ]
      });
    });

    it('should ...', inject([AuthGuardService, Router], (service: AuthGuardService, router: Router) => {
      let spy = spyOn(router, 'navigate');

      service.checkLoginState(calledUrl);
      expect(spy).toHaveBeenCalledWith(['/login']);
    }));
  });
Run Code Online (Sandbox Code Playgroud)

Wil*_*ill 1

您所说的解决方案是一种方法。如果您想要完成的只是更改测试中的值,则更简洁的方法是直接更改 authServiceStub 中的值:

// inside tests:
authServiceStub.isLogged = false;
...
authServiceStub.isLogged = true;
Run Code Online (Sandbox Code Playgroud)

^ 简单但不是很封装。

或者参数化它:

let isLogged: false;
let authServiceStub = {
      isLogged: isLogged,
      redirectUrl: calledUrl
    };
...
// inside tests:
isLogged = false;
...
isLogged = true;
Run Code Online (Sandbox Code Playgroud)

^ 简洁但仍未封装。

或者添加一个设置器:

let authServiceStub = {
      isLogged: false,
      setLogged: function(logged) { this.isLogged = logged; },
      redirectUrl: calledUrl
    };
...
// inside tests:
setLogged(false);
...
setLogged(true);
Run Code Online (Sandbox Code Playgroud)

^ 更加封装一点。可以与您的注射方法结合使用。

或者,如果 isLogged 被重新实现为函数,您可以使用间谍On:

// inside tests:
spyOn(authServiceStub, "isLogged").and.returnValue(false);
...
spyOn(authServiceStub, "isLogged").and.returnValue(true);
Run Code Online (Sandbox Code Playgroud)

^ 更多黑盒,可能更灵活/面向未来,特别是与您的注入解决方案结合使用时(因为您可以大幅更改存根或模拟,但仍然获得您想要的行为)。这是更多的前期工作,因此可能不值得。但是以这种黑盒方式思考 AuthService 可能会给您一个将 isLogged 重构为函数(或不重构)的理由。