无法加载测试工具环境或如何点击MatRadoButton

Question

在我的一个单元测试的Angular 10应用程序中，我需要点击MatRadioButton。

在这里我找到了https://material.angular.io/guide/using-component-harnesses如何做的说明，但我加了这一行:

loader = TestbedHarnessEnvironment.loader(fixture);

我开始得到错误:

TypeError： 无法读取 undefined 的属性 'nativeElement' at Function.loader （http://localhost:9876/karma_webpack/node_modules/@angular/cdk/fesm2015/testing/testbed.js:589:1） at http://localhost:9876/karma_webpack/src/app/maps/maps.component.spec.ts:55:40 at at http://localhost:9876/karma_webpack/node_modules/tslib/tslib.es6.js:74:1 at new ZoneAwarePromise （http://localhost:9876/karma_webpack/node_modules/zone.js/dist/zone-evergreen.js:960:1） at __awaiter （http://localhost:9876/karma_webpack/node_modules/tslib/tslib.es6.js:70:1） 在用户上下文中。（http://localhost:9876/karma_webpack/src/app/maps/maps.component.spec.ts:48:26） at ZoneDelegate.invoke （http://localhost:9876/karma_webpack/node_modules/zone.js/dist/zone-evergreen.js:364:1） at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke （http://localhost:9876/karma_webpack/node_modules/zone.js/dist/zone-testing.js:292:1） at ZoneDelegate.invoke （http://localhost:9876/karma_webpack/node_modules/zone.js/dist/zone-evergreen.js:363:1）

除了指出一些将要修复的错误（https://www.gitmemory.com/issue/angular/components/21632/764975917）之外，谷歌搜索没有任何帮助。

如何解决这个问题？或者如何单击MatRadoButton？我应该使用原生元素通过DOM模拟单击吗？

Answer 1

https://www.gitmemory.com/issue/angular/components/21632/764975917答案很好：

当在async beforeEach中创建线束加载器并且ts目标是ES2018时，单元测试失败。StackBlitz演示

这个问题有三种解决方案。

1. 将 TestbedHarnessEnvironment.loader 的调用移至 it 函数（演示）。
2. 在 beforeEach 中使用 waitForAsync 而不是异步函数（演示）。
3. 将目标更改为 ES2016（演示）。

不过，要使用其中一个建议(使用waitForAsync而不是Async ),需要将Angular升级到v11。