如何使用 jasmine 和 Angular 7 为 mat 对话框编写单元测试？

Question

我正在为打开 mat 对话框的组件中的方法编写单元测试。尝试编写以下单元测试以确保对话框是否打开。但是我遇到了一个错误。

component.ts:

它有onupload方法。

    onUpload(event: FileUpload) {
        this.Service
            .get(event.id)
            .subscribe((data: Data[]) => {
                const dialogRef = this.dialog.open(
                    DialogComponent,
                    {data,}    
                );

                dialogRef.afterClosed().subscribe({
                    next: (Id: string) => {
                        if (Id === null {
                            this.reset();
                        }

unittest.spec.ts：

    describe('open()', () => {
        it('should open the dialog', () => {
            const testCases = [
                {
                    returnValue: 'Successfully opens a dialog',
                    isSuccess: true
                },
                {
                    returnValue: 'cancel',
                    isSuccess: false
                },
            ];

            testCases.forEach(testCase => {
                it(`should open the file upload matDialog `, () => {
                    const returnedVal = {
                        afterClosed: () => of(testCase.returnValue)
                    };
                    spyOn(component, 'reset');
                    spyOn(component['matDialog'], 'open').and.returnValue(returnedVal);
                    component.onUpload(new FileUpload(
                        'fid',
                        'oid',
                    ));

                    if (testCase.isSuccess) {
                        expect(component.reset).toHaveBeenCalled();
                    } else {
                        expect(component.reset).not.toHaveBeenCalled();
                    }

                    expect(component['matDialog'].open).not.toHaveBeenCalled();
                });
            });

我收到一个错误“'mat-grid-tile' 不是已知元素： 1. 如果 'mat-grid-tile' 是 Angular 组件，则验证它是否是该模块的一部分。”。请帮忙。谢谢。

Answer 1

“错误：'it' 只能用于 'describe' 函数” 与嵌套的 it 函数有关。如果您删除封闭的it 语句，您应该摆脱错误。

describe('open()', () => {
    // it('should open the dialog', () => { // get rid of this
    const testCases = [
    ...