如何编写 karma jasmine tescases 来覆盖 valueformatter 、 tooltipvaluegetter 的 Ag grid col defs 代码

Question

{
    headerName: this.translateService.instant('_updated_date_'),
    field: 'lastUpdateDate',
    headerTooltip: this.translateService.instant('_updated_date_'),
    valueFormatter: (params: any) => params?.value ? this.utilService.dateFormatter(params.value, TmLinkConstants.DATE_FORMAT) : '',
    minWidth: 120,
    tooltipValueGetter: (params: any) => params?.value ? this.utilService.dateFormatter(params.value, TmLinkConstants.DATE_FORMAT) : ''
  }

试图写一篇报道，但似乎没有任何内容。

Answer 1

首先将它们转换为各自的函数

const valueFormatter = (params: any) => params?.value ? this.utilService.dateFormatter(params.value, TmLinkConstants.DATE_FORMAT) : '';

const tooltipValueGetter = (params: any) => params?.value ? this.utilService.dateFormatter(params.value, TmLinkConstants.DATE_FORMAT) : '';
...

...
{
    headerName: this.translateService.instant('_updated_date_'),
    field: 'lastUpdateDate',
    headerTooltip: this.translateService.instant('_updated_date_'),
    valueFormatter: valueFormatter,
    minWidth: 120,
    tooltipValueGetter: tooltipValueGetter,
  }
  ...

那么覆盖就变得简单了

desc('valueFormatter', () => {
    it('should return value', () => {
        spyOn(utilService, 'dateFormatter').and.returnValue('TEST');
        expect(valueFormatter({value: 'test'})).toEqual('TEST');
    })
});

desc('tooltipValueGetter', () => {
    it('should return value', () => {
        spyOn(utilService, 'dateFormatter').and.returnValue('TEST');
        expect(tooltipValueGetter({value: 'test'})).toEqual('TEST');
    })
});