试图模拟服务属性价值

Question

我想模拟我的组件使用的服务属性的值。然而我似乎无法改变价值。

我遇到的问题是让组件使用我的新值。它仍然使用我的服务中的“https://stackoverflow.com”值。

组件

    import { ConfigService } from 'src/app/services/config/config.service';

    @Component({
      selector: 'app-some',
      templateUrl: './some.component.html',
      styleUrls: ['./some.component.scss'],
    })
    export class SomeComponent implements OnInit {
    
      newURL: string;
    
      constructor() {}
    
      ngOnInit() {
       ...
      }
    
      changeURL() {
        this.newURL = ConfigService.URL;
      }
    }

服务

    @Injectable({
      providedIn: 'root',
    })
    export class ConfigService {
      public static URL = 'https://stackoverflow.com';
    }

规格

    describe('SomeComponent', () => {
      let component: SomeComponent;
      let fixture: ComponentFixture<SomeComponent>;
    
      const configServiceSpy = jasmine.createSpyObj(ConfigService, ['VERSION']);
    
      beforeEach(
        waitForAsync(() => {
          TestBed.configureTestingModule({
            imports: [HttpClientTestingModule, LoggerTestingModule, IonicModule],
            declarations: [SomeComponent],
          }).compileComponents();
        })
      );
    
      beforeEach(() => {
        fixture = TestBed.createComponent(SomeComponent);
        component = fixture.componentInstance;
        fixture.detectChanges();
      });
    
      it('should check if update is available', () => {
        component.changeURL();
        expect(component.newURL).toEqual('https://stackoverflow.com');
        // Now I'd like to mock this service property
        configServiceSpy.URL = 'https://google.com';
        component.changeURL();
        expect(component.newURL).toEqual('https://google.com');
      });
    });

Answer 1

为什么不直接更改它？

let backup = '';
beforeEach(() => backup = ConfigService.URL);
afterEach(() => ConfigService.URL = backup);

// ...

it('should check if update is available', () => {
  // ...
  ConfigService.URL = 'https://google.com';
  // ...
});