升级ng-mocks后TestBed创建组件行为异常的问题求助

针对ng-mocks升级后实际组件被自动Mock的问题，你可以通过以下方式快速修复，无需重构现有测试：

• 显式保留目标组件的原始实现
  在TestBed.configureTestingModule调用之前，添加ngMocks.keep方法强制保留ComponentToBeTested的实际代码，避免被自动Mock覆盖：

  import { ngMocks } from 'ng-mocks';
  
  // 在TestBed配置前执行
  ngMocks.keep(ComponentToBeTested);
  
  TestBed.configureTestingModule({
    declarations: [
      WrapperType,
      ComponentToBeTested,
      MockComponent(UnrelatedComponentX),
      MockDirective(UnrelatedDirectiveY),
    ],
  });
  

• 批量保留多个组件
  如果有多个需要保留的实际组件，可以传入数组批量处理：

  ngMocks.keep([ComponentToBeTested, AnotherRealComponent]);
  

原因说明 #

ng-mocks 14.x版本调整了自动Mock的策略：当使用MockComponent/MockDirective等API时，默认会自动Mock所有未显式标记为"保留"的组件，即便你在TestBed中声明了实际组件，也可能被全局Mock逻辑覆盖。ngMocks.keep会强制跳过对指定组件的Mock处理，确保其原始模板和逻辑正常渲染。

这个方案不会影响你已有的Mock配置，仅针对需要保留的实际组件生效，完全无需重构现有测试结构。

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