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

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

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

  1. callbacks: {
  2. labelColor: () => {
  3. return {
  4. backgroundColor: '#ed0453'
  5. }
  6. }
  7. }

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

  1. it('should have the expected color', () => {
  2. // trigger labelColor callback here
  3. expect(chart.options.plugins.tooltip.something.backgroundColor).tobe('#ed0453');
  4. });
  5. How can I do this?
sshcrbum

sshcrbum1#

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

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

相关问题