Angular 测试：模拟一个常量的值

Question

我有一个简单的应用程序：

• AppComponent 从服务中获取要显示的活动列表
• ActivitiesService 从导入的常量中获取列表
• 在我的测试文件activity.service.spec.ts中我想模拟那个常量

为方便起见，我设置了一个 StackBlitz（包括测试）以 'given/when/then' 形式（ 链接）和另一个具有经典的 'beforeEach/it()' 形式（ 链接）。 他们应该做同样的事情，但有些人比另一种更喜欢一种风格......如果两者中的任何一个都在运行，我会很高兴。

在测试中，我添加了{ provide: ACTIVITIES, useValue: fakeActivities } ，因为我相信解决方案必须放在某个地方......但是我该如何应用它呢？ 好像不能注入...

Answer 1

您可以在getActivities()方法上使用spyOn ，如下所示：

import { TestBed } from "@angular/core/testing";
import { ACTIVITIES } from "../data/activities-mock";
import { Activity } from "../models/activity";
import { ActivitiesService } from "./activities.service";
import Spy = jasmine.Spy;
fdescribe("ActivitiesService", () => {
  let serviceUnderTest: ActivitiesService;
  let actualResult: Activity[];

  beforeEach(() => {
    TestBed.configureTestingModule({
      providers: [
        ActivitiesService
      ]
    });
    serviceUnderTest = TestBed.inject(ActivitiesService);
  });

  it("should get Activities", () => {
    spyOn(serviceUnderTest, 'getActivities').and.returnValue(fakeActivities);
    actualResult = serviceUnderTest.getActivities();
    expect(actualResult).toEqual(fakeActivities);
  });
});

const fakeActivities: Activity[] = [
  {
    id: 1,
    name: "stretching"
  },
  {
    id: 2,
    name: "climbing"
  }
];