karma-jasmine 相关问题

无法在单元测试中设置未定义的属性“componentInstance”

我尝试了不同的方法（通过构造函数注入组件，以不同的方式创建模拟和间谍，将这个间谍注入元素，...），但最后我总是收到......

如何在打字稿中对模型接口进行单元测试？

导出界面用户{ 名称：字符串； } 我如何对上述接口进行单元测试，以便 Karma 可以在代码覆盖率报告中显示它？ 我已经尝试创建对象并断言一些适当的......

无法弄清楚 component.service 与服务不一样

我尝试了几种方法，但找不到问题所在。这是我最远的地方： it('应该加载当前活动', fakeAsync( inject([CampaignService], (service: CampaignService) =>...

添加测试用例以测试两次安装组件的 React 18 严格模式行为

在 React 18 严格模式下，Component 先挂载，卸载再重新挂载。我想在我的 React 应用程序中添加一个测试用例来测试这种行为。 我在我的应用程序中使用业力，茉莉花框架。

如何模拟“CdkVirtualScrollViewport”以在 Angular 中无限滚动？

@ViewChild('滚动') 滚动条！：CdkVirtualScrollViewport； 构造函数（私有 ngZone：NgZone）{ } ngAfterViewInit(): void { this.unsub = this.scroller.elementScrolled().pipe( 妈...

Karma.js 在点击运行命令后需要 30 多秒来创建测试

点击命令 - node_modules.bin\karma start js ests\karma.conf.js 测试需要超过 30 秒才能开始。 我已经检查了自动化日志中的任何线索，但显然没有日志

用于角度单元测试的模拟 uuid

我有一个案例，我需要模拟一个 uuid 来运行并通过测试用例， 从“uuid”导入 * 作为 uuid 导出类测试{ 创建数据（）{ for (let item of raw_data) { ...

Angular - 用 Jasmine 模拟新的 Audio()

我有一个在特定条件下播放声音的角度服务。我想模拟窗口的 Audio 类来监视播放功能以检查它是否实际被调用。 这是我的课： 我...

错误：创建 WebGL 上下文时出错 - Jasmine-spie

我正在为实例化类 new THREE.WebGLRenderer' 并抛出错误的方法之一编写单元测试：创建 WebGL 上下文时出错` 公共初始化（元素：HTMLElement）{ 这.rend...

如何在 Karma/Jasmine 中测试柯里化函数

我有一个咖喱函数，例如 openDialog(info: string): (username: string) => Promise { 返回（用户名：字符串）=> { const dialogRef = this.dialog.open(

带有令牌拦截器的茉莉花测试

我正在为我的 http 拦截器创建一个单元测试。 它的作用取决于包含带有令牌的标头的内容。 拦截器： private requestWithToken(req: HttpRequest, n...

使用 Jasmine 测试 Angular 4（以前的 Angular 2）应用程序 - Udemy 课程

有人请分享本课程的最新 Angular 版本代码，因为它是用 Angular 4 编写的。 我当前的 Angular 版本 14 不兼容，无法完成本课程，所以我需要 compa...

得到这个不是angular jasmine测试中的函数错误

我是角度测试的新手，只是想让我的第一个测试通过。我正在寻找解决此错误的方法。我不确定下一步该怎么做。一些帮助将是惊人的！ 这是我的 component.ts ...

<Angular 7> 测试 Angular 组件中存在的函数，而该函数又会进行服务调用

我正在为 Angular 应用程序中的 LoginComponent.ts 编写测试用例。 在我的组件内部有一个 loginUser() 方法，它从 FormGroup 中读取用户名和密码，如果...

如何使用 jasmine 单元测试用例覆盖带有回调函数的函数

我正在使用 Angular、Jasmine 和 Karma。 想要涵盖以下场景的单元测试用例 公共对象：ClassA = new ClassA(); this.obj.forEachFeatureAtPixel(param, async (abc: any) =>...

迁移到 Angular 15 后，上下文从 test.ts 中删除

在我们的项目中，为了减少运行测试的数量，并且在开发过程中仅针对特定文件运行特定测试，我们使用了我们自己的脚本和这种技术： 然而在

angular2- fixture.nativeElement.query 中的 ag-grid 单元测试不是函数

我使用 Karma/Jasmine 为 angular 的 ag-grid 编写了一个测试用例。在我的测试用例中，只是检查 ag-grid 标头并收到类似“fixture.nativeElement.query is not a function”的错误，但我......

Angular 15 无法将 checked 属性设置为 mat-checkbox 它测试规范

出于某种原因，我无法在测试中为我的 mat-checkbox 设置 checked 道具。不知道这里可能是什么问题 网页格式 出于某种原因，我无法在测试中为我的 mat-checkbox 设置 checked 道具。不知道这里可能是什么问题 html <form class="example-form"> <mat-checkbox [checked]="localValue" [disabled]="disabled" (click)="sendCheck()"></mat-checkbox> </form> ts localValue!: boolean ngOnInit(): void { this.localValue = this.value ? this.value === 'true' : false } sendCheck() { this.localValue = !this.localValue this.cellValueChanged.emit(this.localValue) } spec.ts function createComponent<T>(componentType: Type<T>, extraDeclarations: any[] = []) { TestBed.configureTestingModule({ imports: [MatCheckboxModule, FormsModule, ReactiveFormsModule], declarations: [componentType, ...extraDeclarations], }).compileComponents(); return TestBed.createComponent<T>(componentType); } let loader: HarnessLoader let checkBoxHarness: MatCheckboxHarness let checkboxDebugElement: DebugElement let checkboxNativeElement: HTMLElement let checkboxInstance: MatCheckbox let inputElement: HTMLInputElement TestBed.resetTestEnvironment() TestBed.initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting()) let component: BooleanComponent let fixture: ComponentFixture<BooleanComponent> beforeEach(async () => { fixture = createComponent(BooleanComponent, [CellComponent]) component = fixture.debugElement.componentInstance loader = TestbedHarnessEnvironment.loader(fixture) checkBoxHarness = await loader.getHarness(MatCheckboxHarness) checkboxDebugElement = fixture.debugElement.query(By.directive(MatCheckbox))! checkboxNativeElement = checkboxDebugElement.nativeElement checkboxInstance = checkboxDebugElement.componentInstance inputElement = <HTMLInputElement>checkboxNativeElement.querySelector('input') }) it('check', fakeAsync(() => { component.field = { guid: '', field_type_code: '', operationCode: { multiple: true }, } expect(checkboxInstance.checked).toBe(false) expect(inputElement.checked).toBe(false) component.localValue = true fixture.detectChanges() console.log(component.localValue) console.log(checkboxInstance.checked) console.log(inputElement.checked) expect(checkboxInstance.checked).toBe(true) inputElement.click() fixture.detectChanges() flush() console.log(checkboxInstance.checked) expect(checkboxInstance.checked).toBe(false) })) 我尝试过基本上设置属性，该属性必须检查为真，但它没有改变任何东西。还尝试将 FormControl 和 ngModel 与 standalone 一起使用，但情况更糟。

升级到 Angular 15 中断单元测试

我正在运行 Angular 15.2.5 并让 tsConfig.json 将 ES2022 用于目标、模块和库。我注意到 ng 测试失败并出现此错误。即使 karma.conf.js 文件，我也会得到同样的错误...

运行角度单元测试时出现 ESM 导入错误

我正在运行 Angular 15 并让 tsConfig.json 使用 ES2022。我注意到 ng 测试失败并出现此错误。 错误 [config]：配置文件错误！错误 [ERR_REQUIRE_ESM]：ES Mod 的 require()...