未捕获（承诺）：TypeError：无法读取未定义的属性“替换”

Question

未捕获（承诺）：TypeError：无法读取fixture.detectChanges（）方法上未定义的属性“替换”。

我正在使用 Jest 和 angular 版本 8 运行测试用例注意：我的其他测试用例工作正常，因此没有配置错误

测试规范

let requestListModel= new InvoicesRequestsListModel();
const initialState: InvoicesState = {
requestModel: new InvoicesRequestModel(),
requestListModel: new InvoicesRequestsListModel()
};


const tab: InvoiceResponse[] = [{
totalRecords: 1,
recordsReturned: 1,
invoices:  [{
supplier: "Test Supplier",
invoiceId:"3fa85f64-5717-4562-b3fc-2c963f66af11",
}];

requestListModel.updateTableData(tab)

let invoiceStoreStub: Partial<InvoicesStore> = {
store: {
    requestModel: new InvoicesRequestModel(),
    requestListModel: requestListModel,
},
store$:  new BehaviorSubject<InvoicesState>(initialState).asObservable(),
setInvoiceState: jest.fn(),
setRequestListModel: jest.fn(),
setRequestModel: jest.fn(),
};

describe('TradeInvoicesComponent', () => {
let fixture: ComponentFixture<TradeInvoicesComponent>;
let component: TradeInvoicesComponent;
let stubInvoiceService: InvoicesStore;
let selectMenu: SelectMenuTestHelper;

beforeEach(async(() => {
    const configure: ConfigureFn = testBed => {
        testBed.configureTestingModule({
            declarations: [TradeInvoicesComponent],
            imports: [HttpClientTestingModule, SharedModule, MatTableModule, BrowserAnimationsModule],
            schemas: [NO_ERRORS_SCHEMA],
            providers: [MatSnackBar, { provide: InvoicesStore, useValue: invoiceStoreStub }]
        });
    };

    configureTests(configure).then(testBed => {
        fixture = testBed.createComponent(TradeInvoicesComponent);
        component = fixture.componentInstance;
        stubInvoiceService = testBed.get(InvoicesStore);
        fixture.detectChanges();
        component.dataModel.updateTableData(tab);
    });

}));

组件

@Component({
selector: 'app-trade-invoices',
templateUrl: './trade-invoices.component.html',
styleUrls: ['./trade-invoices.component.scss']
})
export class TradeInvoicesComponent implements OnInit, AfterViewInit {
@ViewChild(MatPaginator, {static: false}) paginator: MatPaginator;
@ViewChild(MatSort, {static: false}) sort: MatSort;
@ViewChild('input', {static: false}) input: ElementRef;
@ViewChild(MatTable, {static: true}) table: MatTable<[]>;

@Output() paginate: EventEmitter<InvoicesRequestsListModel> = new EventEmitter();
@Output() request: EventEmitter<any> = new EventEmitter();
@Input() setSpinner: boolean;
public dataModel: InvoicesRequestsListModel = new InvoicesRequestsListModel();
    displayedColumns: string[] = ['status', 'invoiceId', 'supplier', 'modifieddate'];
public uiPageNumber = 0;

private invoice: Invoice;


constructor(public store: InvoicesStore,
                        private paymentConsumerService: PaymentConsumerService, private 
 _snackBar: MatSnackBar) {

}

ngOnInit() {
    this.dataModel.updateDataModel('pageNumber', this.apiPageNumber);
    this.paginate.emit(this.dataModel);
}

  ngAfterViewInit() {
    this.store.store$.subscribe((invoice: InvoicesState) => {
        this.table.renderRows();
    });
    this.sort.sortChange.subscribe(() => {
        const sortOrder = `${this.sort.active} ${this.sort.direction}`;
        this.changeSort(sortOrder);
    });
}

任何人都可以请提出更改和错误。

长日志

错误：未捕获（承诺中）：TypeError：无法读取未定义的属性“替换”类型错误：无法读取 Object.eval [as updateRenderer] 处未定义的属性“替换”（ng:///DynamicTestModule/TradeInvoicesComponent.ngfactory.js： 104:47) 在 Object.debugUpdateRenderer [as updateRenderer] (/packages/core/src/view/services.ts:410:19) 在 checkAndUpdateView (/packages/core/src/view/view.ts:368:12)在 callViewAction (/packages/core/src/view/view.ts:615:11) 在 execEmbeddedViewsAction (/packages/core/src/view/view.ts:580:9) 在 checkAndUpdateView (/packages/core/src/ view/view.ts:360:3) 在 callViewAction (/packages/core/src/view/view.ts:615:11) 在 execComponentViewsAction (/packages/core/src/view/view.ts:559:7)在 checkAndUpdateView (/packages/core/src/view/view.ts:370:3) 在 callViewAction (/packages/core/src/view/view.ts:615:11) 在 execEmbeddedViewsAction (/packages/core/src/查看/view.ts:580:9) 在 checkAndUpdateView (/packages/core/s rc/view/view.ts:360:3) 在 callViewAction (/packages/core/src/view/view.ts:615:11) 在 execComponentViewsAction (/packages/core/src/view/view.ts:559: 7) 在 checkAndUpdateView (/packages/core/src/view/view.ts:370:3) 在 callViewAction (/packages/core/src/view/view.ts:615:11) 在 execComponentViewsAction (/packages/core/ src/view/view.ts:559:7) 在 checkAndUpdateView (/packages/core/src/view/view.ts:370:3) 在 callWithDebugContext (/packages/core/src/view/services.ts:630: 23) 在 Object.debugCheckAndUpdateView [as checkAndUpdateView] (/packages/core/src/view/services.ts:347:10) 在 ViewRef_.detectChanges (/packages/core/src/view/refs.ts:261:16)在 ComponentFixture._tick (//packages/core/testing/src/component_fixture.ts:107:28) 在 packages/core/testing/src/component_fixture.ts:120:36 在 ZoneDelegate.Object..ZoneDelegate.invoke (/ PROJECT/node_modules/zone.js/dist/zone.js:391:26) 在 AsyncTestZoneSpec.Object..AsyncTestZ oneSpec.onInvoke (/PROJECT/node_modules/zone.js/dist/async-test.js:106:39) 在 ProxyZoneSpec.Object..ProxyZoneSpec.onInvoke (/PROJECT/node_modules/zone.js/dist/proxy.js: 126:39) 在 ZoneDelegate.Object..ZoneDelegate.invoke (/PROJECT/node_modules/zone.js/dist/zone.js:390:52) 在 Z497031794414A552435F90151_AC3B54BZ/src/onInvoke/ :273:25) 在 ZoneDelegate.Object..ZoneDelegate.invoke (/PROJECT/node_modules/zone.js/dist/zone.js:390:52) 在 Zone.Object.. .js/dist/zone.js:150:43) 在 NgZone.run (/packages/core/src/zone/ng_zone.ts:171:50) 在 ComponentFixture.detectChanges (/packages/core/testing/src/component_fixture .ts:120:19) 在 /PROJECT/s/chocolate-demo/src/app/trade/trade-invoices/test.spec.ts:82:12 在 ZoneDelegate.Object..ZoneDelegate.invoke (/PROJECT/node_modules /zone.js/dist/zone.js:391:26）在 AsyncTestZoneSpec.Object..AsyncTestZoneSpec.onInvoke (/PROJECT/node_modules/zone.js/dist/async-test.js:106:39) at ProxyZoneSpec.Object..ProxyZoneSpec.onInvoke (/PROJECT/node_modules/zone.js/dist /proxy.js:126:39) 在 ZoneDelegate.Object..ZoneDelegate.invoke (/PROJECT/node_modules/zone.js/dist/zone.js:390:52) 在 Zone.Z497031794414A552435F90151AC/JECTZ.Zone.Zone. /node_modules/zone.js/dist/zone.js:150:43) 在 /PROJECT/node_modules/zone.js/dist/zone.js:910:34 在 ZoneDelegate.Object..ZoneDelegate.invokeTask (/PROJECT/node_modules /zone.js/dist/zone.js:423:31）在 AsyncTestZoneSpec.Object..AsyncTestZoneSpec.onInvokeTask （/PROJECT/node_modules/zone.js/dist/async-test.js:90:25）在 ProxyZoneSpec.Z4925435457940151AC ..ProxyZoneSpec.onInvokeTask (/PROJECT/node_modules/zone.js/dist/proxy.js:157:39) 在 ZoneDelegate.Z497031794414A552435F90151A C3B54BZ..ZoneDelegate.invokeTask (/PROJECT/node_modules/zone.js/dist/zone.js:422:60) 在 Zone.Object..Zone.runTask (/PROJECT/node_modules/zone.js/dist/zone.js :195:47) 在drainMicroTaskQueue (/PROJECT/node_modules/zone.js/dist/zone.js:601:35) 在processTicksAndRejections (internal/process/task_queues.js:97:5) 在resolvePromise (/PROJECT/node_modules/ zone.js/dist/zone.js:852:31) 在 /PROJECT/node_modules/zone.js/dist/zone.js:917:17 在 ZoneDelegate.Object..ZoneDelegate.invokeTask (/PROJECT/node_modules/zone. js/dist/zone.js:423:31) at AsyncTestZoneSpec.Object..AsyncTestZoneSpec.onInvokeTask (/PROJECT/node_modules/zone.js/dist/async-test.js:90:25) at ProxyZoneSpec.Object..ProxyZoneSpec .onInvokeTask (/PROJECT/node_modules/zone.js/dist/proxy.js:157:39) 在 ZoneDelegate.Object..ZoneDelegate.invokeTask (/PROJECT/node_modules/zone.js/dist/zone.js:422:60 ) 在宗 e.Object..Zone.runTask (/PROJECT/node_modules/zone.js/dist/zone.js:195:47) 在 drainMicroTaskQueue (/PROJECT/node_modules/zone.js/dist/zone.js:601:35)在 processTicksAndRejections (internal/process/task_queues.js:97:5)

Answer 1

看起来此错误发生在组件TradeInvoicesComponent的 HTML 中。 可能在某些属性上使用了replace function 并且此属性未定义。 尝试在trade-invoices.component.html中找到.replace