Angular组件测试报错：Location注入提示No provider for Location！

这个报错的原因很明确：你的测试模块（DynamicTestModule）没有为Location服务提供对应的提供者，导致依赖注入失败。下面是两种可行的解决办法，你可以根据测试需求选择：

方案一：导入CommonModule（适合需要真实Location行为的场景） #

Location服务的提供者包含在CommonModule中，只需在测试模块的imports数组里添加它即可：

import { CommonModule } from '@angular/common';
import { TestBed } from '@angular/core/testing';
import { CreateGroupComponent } from './create-group.component';

describe('CreateGroupComponent', () => {
  beforeEach(async () => {
    await TestBed.configureTestingModule({
      imports: [CommonModule], // 新增这一行
      declarations: [CreateGroupComponent]
    }).compileComponents();
  });

  // 你的测试用例...
});

方案二：使用MockLocationStrategy（推荐用于单元测试，隔离真实路由） #

如果只是想验证组件中Location的调用逻辑，不需要真实的路由跳转，推荐使用Angular提供的MockLocationStrategy来模拟：

首先导入所需的测试类：

import { Location, MockLocationStrategy } from '@angular/common/testing';
import { LocationStrategy } from '@angular/common';
import { TestBed } from '@angular/core/testing';
import { CreateGroupComponent } from './create-group.component';

然后在测试模块的providers中配置依赖：

describe('CreateGroupComponent', () => {
  let locationStrategy: MockLocationStrategy;

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [CreateGroupComponent],
      providers: [
        Location,
        { provide: LocationStrategy, useClass: MockLocationStrategy } // 配置mock策略
      ]
    }).compileComponents();

    // 注入mock策略，方便后续断言
    locationStrategy = TestBed.inject(MockLocationStrategy);
  });

  // 示例测试用例：验证返回操作
  it('should trigger location back when goBack is called', () => {
    const fixture = TestBed.createComponent(CreateGroupComponent);
    const component = fixture.componentInstance;
    
    component.goBack(); // 假设组件中有调用location.back()的方法
    expect(locationStrategy.back).toHaveBeenCalled();
  });
});

这样既解决了注入报错的问题，又能在测试中轻松验证Location服务的调用行为。

内容的提问来源于stack exchange，提问作者Daplerio