如何在茉莉花中对语句“chart.chart.update()”进行单元测试？

Question

我有一个 Angular 4 应用程序，我正在使用 angular2-chartjs 在我的应用程序中绘制图表。

在组件中，我导入了以下内容：

import { ChartComponent } from 'angular2-chartjs';
import { ChartModule } from 'angular2-chartjs';

创建了图表属性：

@ViewChild(ChartComponent) chart: ChartComponent;

现在我将这个图表对象从组件传递给服务的方法：

this.chartService.updateChartWith(this.chart);

现在在图表服务中，我正在更新图表：

public updateChartWith(chart: ChartComponent) {
   /** Some code **/
    chart.chart.update();
}

图表完美运行。我想为 Jasmine 中的 updateChartWith() 方法编写单元测试。如何为 Jasmine 中的 chart.chart.update() 行代码编写单元测试？

Answer 1

除非我遗漏了什么，否则我认为这很简单。您不想对其他人的代码进行单元测试（在本例中为 chart.js），因此您可能只想确定是否在图表服务中调用了 chart.chart.update()。我会为此设置一个间谍，如下所示：

it('updateChartWith() should call chart.update()', () => {
    chartSpy = jasmine.createSpyObj({ update: null });
    chartMock = {chart: chartSpy};
    service.updateChartWith(chartMock);
    expect(chartSpy.update).toHaveBeenCalled();
});