Question

我正在尝试使用<p>Balance: {{bitcoin$ | async | titlecase}}</p>创建一个Angular Component，但出现以下错误：

错误：无法解析PriDateInput的所有参数：（？）。错误属性：Object（{ngSyntaxError：true}）

应作为服务TestBed注入的组件PriDateInput。我想通过将AppContextService替换为AppContextService来模拟MockAppContextService。

关注.spec文件：

class MockWindowService extends WindowService {
    get href() : string {
        return "https://elevationfw-iridium-build.azurewebsites.net/Default/Azure-DEV/#/";
    }
} 

class MockAppContextService extends AppContextService {
    constructor(){
        super(new StorageService(), new MockWindowService());
    }
    getContext() {
        let emptyContext: any = this.emptyContext;
        emptyContext.user.culture = "en-US";
        return this.emptyContext;
    }
} 

describe('AppContextService Test cases', () => {
    let mockApp = new MockAppContextService();
    let priDateInput: PriDateInput;
    debugger;
    beforeEach(()=> {
        TestBed.configureTestingModule({
            declarations: [PriDateInput],
            providers: [
            {
                provide: AppContextService,
                useClass: mockApp
            }
            ],
        });
        priDateInput = TestBed.get(PriDateInput);
    });

    it('should be possible to instantiate it', () => {
        expect(priDateInput).toBeDefined();
        expect(priDateInput).not.toBeNull();
    });

    it('should be possible to instantiate it', () => {

        expect(priDateInput).toBeDefined();
        expect(priDateInput).not.toBeNull();
    });
});

以下是我的组件的摘录：

import { Component, OnInit, OnDestroy, ViewChild, ElementRef, Input, Output, EventEmitter } from "@angular/core";
import { AppContextService } from "./../../../../../services/appcontext.service";
import * as moment from 'moment';
@Component({
    selector: "pri-date-input",
    templateUrl: './input.date.component.html'
})

export class PriDateInput implements OnInit, OnDestroy {
    .............................
    @ViewChild("input") input: ElementRef;

    @Input("domainType") domainType: String;
    @Input("required") required: Boolean;
    @Input("isLoading") isLoading: boolean;
    @Input("isDisabled") isDisabled: boolean;
    @Input("onWriteValue") onWriteValue: EventEmitter<string | null>;
    @Output("onDateChange") onDateChange: EventEmitter<string> = new EventEmitter<string>();

    constructor(
        private _appContextService: AppContextService
    ) {
        moment.locale(this._appContextService.user.culture);
    }

    ngOnInit(): void {
        .......
    }

    ngOnDestroy(): void {
        this.unsubscriveInputEvents();
    }
    ......
}

如果您认为需要更多信息，请询问：）

Answer 1

您创建一个类实例

let mockApp = new MockAppContextService();

但是将其用作类模拟

{
  provide: AppContextService,
  useClass: mockApp
}

尝试

{
  provide: AppContextService,
  useValue: mockApp
}

此外，您会错过一些代码...

TestBed.configureTestingModule(/* config */)
  .compileComponents();

fixture = TesBed.createComponent(PriDateInput);
component = fixture.componentInstance;
fixture.detectChanges();

测试平台：错误：无法解析PriDateInput的所有参数：（？）

1 个答案: