Angular 2 - 具有 ChangeDetectorRef 依赖项的测试组件

Question

我正在尝试使用 ChangeDetectorRef 测试组件

constructor(private cdRef: ChangeDetectorRef) {}

这是规范文件

import {RTLateralMenuComponent} from "./RTLateralMenu.component";

describe('RTLateralMenuComponent', () => {
  let app: RTLateralMenuComponent;

  beforeEach(()=>{
    app = new RTLateralMenuComponent();
  });
});

new RTLateralMenuComponent 显然需要一个参数，但我不知道它是如何工作的。

Answer 1

你可以嘲笑它

const cdRefMock = {
  detectChanges: () => null
};

app = new RTLateralMenuComponent(cdRefMock);

您必须实现组件中使用的每个方法：detectChanges 是最常见的方法，我想我会立即提供。

(PS : 我假设您不使用测试台，因为您正在创建组件的实例)

Angular 2 - 具有 ChangeDetectorRef 依赖项的测试组件

Angular 2 - Test component with ChangeDetectorRef dependency

angular

angular-test