ChartJS 触发Angular 测试中的工具提示“labelColor”回调

bbmckpt7  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(186)

我在应用程序中使用chart.js工具提示。
为了在工具提示上设置一些样式,我使用了labelColor回调函数;

callbacks: {
 labelColor: () => {
  return {
     backgroundColor: '#ed0453'
  }
 }
}

现在我想测试一下我的背景颜色是否真的是我所期望的:

it('should have the expected color', () => { 
     // trigger labelColor callback here
     expect(chart.options.plugins.tooltip.something.backgroundColor).tobe('#ed0453');
 });

How can I do this?
sshcrbum

sshcrbum1#

我认为您可以访问工具提示对象,而不是工具提示配置。
在工具提示对象(chart.tooltip)中,有一个数组labelColors,其中包含所有标签颜色对象。

expect(chart.tooltip.labelColors[0].backgroundColor).tobe('#ed0453');

相关问题