Angular函数式Resolver测试报错：无法解析参数，求解决方案

问题原因 #

函数式Resolver不能直接添加到TestBed.configureTestingModule的providers数组中。Angular的依赖注入系统会将其当作类Resolver处理，尝试解析构造函数参数，但函数式Resolver是通过inject()获取依赖的，因此会抛出NG0204: Can't resolve all parameters for MyResolver: (?)错误。

组件测试解决方案（聚焦组件逻辑） #

组件测试的核心是验证组件本身的行为，无需实际触发Resolver。我们可以直接模拟路由传递给组件的数据，绕过Resolver的执行：

1. 移除测试模块中的MyResolver注册
2. Mock ActivatedRoute，提供组件需要的路由参数和解析后的数据
3. Mock ApiService（如果组件直接依赖该服务，或Resolver的执行会间接影响组件）

修改后的测试代码：

describe('MyComponent', () => {
  let component: MyComponent;
  let fixture: ComponentFixture<MyComponent>;
  // 定义模拟数据
  const mockArg1: Arg1 = { /* 填充符合Arg1类型的模拟数据 */ };
  const mockUsers: User[] = [{ /* 填充User类型的模拟数据 */ }];

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [MyComponent],
      imports: [
        BrowserAnimationsModule,
        MatCardModule,
        MatListModule,
        MatIconModule,
        RouterTestingModule,
      ],
      providers: [
        // Mock ActivatedRoute，提供组件需要的路由参数和数据
        {
          provide: ActivatedRoute,
          useValue: {
            snapshot: {
              params: { id: 'test-id' },
              data: {
                arg1: mockArg1,
                user: mockUsers
              }
            }
          }
        },
        // Mock ApiService（如果组件或Resolver需要，可选）
        {
          provide: ApiService,
          useValue: {
            getObj: jasmine.createSpy('getObj').and.returnValue(of(mockArg1)),
            getObjList: jasmine.createSpy('getObjList').and.returnValue(of(mockUsers))
          }
        }
      ],
    }).compileComponents();

    fixture = TestBed.createComponent(MyComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });
});

单独测试函数式Resolver（可选） #

如果需要单独验证Resolver的逻辑，使用TestBed.runInInjectionContext来执行函数式Resolver：

describe('MyResolver', () => {
  let apiService: jasmine.SpyObj<ApiService>;
  const mockArg1: Arg1 = { /* 模拟数据 */ };
  const mockUsers: User[] = [{ /* 模拟数据 */ }];

  beforeEach(() => {
    apiService = jasmine.createSpyObj('ApiService', ['getObj', 'getObjList']);
    TestBed.configureTestingModule({
      providers: [
        { provide: ApiService, useValue: apiService }
      ]
    });
  });

  it('should resolve correct data', (done) => {
    // 设置Spy返回模拟数据
    apiService.getObj.and.returnValue(of(mockArg1));
    apiService.getObjList.and.returnValue(of(mockUsers));

    // 模拟路由快照
    const route = new ActivatedRouteSnapshot();
    route.params = { id: 'test-id' };

    // 在注入上下文中执行Resolver
    TestBed.runInInjectionContext(() => {
      MyResolver(route).subscribe(result => {
        expect(result.arg1).toEqual(mockArg1);
        expect(result.user).toEqual(mockUsers);
        expect(apiService.getObj).toHaveBeenCalledWith('table1', 'test-id');
        expect(apiService.getObjList).toHaveBeenCalledWith('user');
        done();
      });
    });
  });
});

关于类Resolver的cannot read property 'name' of undefined错误 #

该错误通常是因为组件初始化时访问了未定义的属性（比如从路由数据中获取的对象未被正确模拟）。使用上述Mock ActivatedRoute的方式，提前提供完整的模拟数据即可解决。

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