test-chart-js.chart-builder-called-chart-constructed.ts

test-chart-js.chart-builder-called-chart-constructed.ts

it('should draw the chart on ngAfterViewInit with canvas and config', () => {
  // arrange
  const r = mockRouter();
  const builderSpy = jasmine.createSpy('chart builder')
  builderSpy.and.returnValue('the chart');
  const c = new ChartComponent(r, builderSpy);
  const canvas = document.createElement('canvas');
  c.canvas = new ElementRef(canvas);
  // act
  c.ngAfterViewInit();
  // assert
  expect(ch).toHaveBeenCalledOnceWith(canvas, jasmine.objectContaining({
    type: 'line',
    data: {
        datasets: [{ [1,2,3,4,5], label: '1' }],
        labels: ['1', '2', '3', '4', '5'],
      }
    }})
  );
  expect(c.chart).toBeDefined();
});