Angular中如何在Karma测试文件（spec）中访问私有成员

嘿，我完全理解你想通过测试私有成员来验证代码逻辑的需求，毕竟有时候就是需要确认内部状态是否被正确修改。先看看你的代码场景：

你的组件/服务代码 #

private firstMessage: MessageInterface;
private firstName: any;

public namecalling(): void {
  this.firstMessage = undefined;
  this.firstName = undefined;
}

测试时遇到的问题 #

你尝试直接访问namesfc.firstMessage时，TypeScript会因为它是私有成员而报错——毕竟编译层面不允许直接访问私有属性。

下面给你几个可行的解决方法：

方法1：用类型断言绕过TypeScript检查

TypeScript的private修饰符只是编译时的限制，运行时私有属性其实还是存在于对象上的。你可以用as any来绕过类型检查，直接访问：

it('should reset firstMessage and firstName when namecalling is called', () => {
  namesfc.namecalling();
  // 用as any绕过私有属性的类型检查
  expect((namesfc as any).firstMessage).toBeUndefined();
  expect((namesfc as any).firstName).toBeUndefined();
});

这个方法简单直接，适合快速编写测试用例。

方法2：用Object.getOwnPropertyDescriptor获取私有属性

如果你不想用类型断言，也可以通过Object.getOwnPropertyDescriptor来读取私有属性的值，这种方式更明确：

it('should reset firstMessage and firstName when namecalling is called', () => {
  namesfc.namecalling();
  
  const firstMessage = Object.getOwnPropertyDescriptor(namesfc, 'firstMessage')?.value;
  const firstName = Object.getOwnPropertyDescriptor(namesfc, 'firstName')?.value;
  
  expect(firstMessage).toBeUndefined();
  expect(firstName).toBeUndefined();
});

额外的最佳实践建议 #

虽然上面的方法能解决当前问题，但从测试的设计角度来说，优先测试公共API的行为而非内部私有状态会更合理。如果经常需要测试私有成员，可能意味着你的代码可以优化：

• 考虑将需要验证的状态通过公共方法暴露出来（比如添加一个getState()方法返回相关属性）
• 把相关逻辑抽离到单独的服务或工具类中，这些模块可以设计成更容易测试的结构
• 如果是组件内的私有成员，也可以考虑用protected修饰符，这样测试时可以通过继承组件来访问

内容的提问来源于stack exchange，提问作者Mr.M