fix(test): 修改单测问题

Author: visiky

__tests__/unit/plots/gauge/index-spec.ts

@@ -90,7 +90,7 @@ describe('gauge', () => {
     const annotations = gauge.chart.getComponents();
     expect(annotations.length).toBe(1);
     expect(annotations[0].extra.position).toEqual(['50%', '100%']);
-    const annotation = document.body.querySelector('.g2-html-annotation');
+    const annotation = gauge.chart.ele.querySelector('.g2-html-annotation');
     expect((annotation as HTMLElement).innerText).toBe('分数：75');
 
     // @ts-ignore

__tests__/unit/plots/liquid/statistic-spec.ts

@@ -14,13 +14,13 @@ describe('liquid statistic', () => {
 
   it('默认展示', async () => {
     await delay(50);
-    const annotations = document.body.querySelectorAll('.g2-html-annotation');
+    const annotations = liquid.chart.ele.querySelectorAll('.g2-html-annotation');
     expect(annotations.length).toBe(1);
   });
 
   it('默认展示当前数值', () => {
     liquid.update({ statistic: { content: {} } });
-    const annotation = document.body.querySelector('.g2-html-annotation');
+    const annotation = liquid.chart.ele.querySelector('.g2-html-annotation');
     expect((annotation as HTMLElement).innerText).toBe('65.00%');
   });
 
@@ -29,24 +29,24 @@ describe('liquid statistic', () => {
       meta: { percent: { formatter: (v) => `${v * 100}.000%` } },
       statistic: { content: { formatter: null } },
     });
-    const annotation = document.body.querySelector('.g2-html-annotation');
+    const annotation = liquid.chart.ele.querySelector('.g2-html-annotation');
     expect((annotation as HTMLElement).innerText).toBe('65.000%');
   });
 
   it('statistic 配置的格式化方式, 优先级高于 meta', () => {
     liquid.update({ statistic: { content: { formatter: ({ percent }) => `${percent * 100}.0%` } } });
-    const annotation = document.body.querySelector('.g2-html-annotation');
+    const annotation = liquid.chart.ele.querySelector('.g2-html-annotation');
     expect((annotation as HTMLElement).innerText).toBe('65.0%');
   });
 
   it('statistic 配置title', () => {
     liquid.update({ statistic: { content: {}, title: {} } });
-    let annotations = document.body.querySelectorAll('.g2-html-annotation');
+    let annotations = liquid.chart.ele.querySelectorAll('.g2-html-annotation');
     expect(annotations.length).toBe(2);
     expect((annotations[0] as HTMLElement).innerText).toBe('');
 
     liquid.update({ statistic: { content: {}, title: { formatter: () => '测试' } } });
-    annotations = document.body.querySelectorAll('.g2-html-annotation');
+    annotations = liquid.chart.ele.querySelectorAll('.g2-html-annotation');
     expect((annotations[0] as HTMLElement).innerText).toBe('测试');
   });
 
@@ -72,29 +72,29 @@ describe('liquid statistic', () => {
 
   it('关闭 statistic', () => {
     liquid.update({ statistic: { content: null } });
-    let annotations = document.body.querySelectorAll('.g2-html-annotation');
+    let annotations = liquid.chart.ele.querySelectorAll('.g2-html-annotation');
     expect(annotations.length).toBe(1);
     liquid.update({ statistic: { content: null, title: null } });
-    annotations = document.body.querySelectorAll('.g2-html-annotation');
+    annotations = liquid.chart.ele.querySelectorAll('.g2-html-annotation');
     expect(annotations.length).toBe(0);
   });
 
   it('change data', () => {
     liquid.update({ statistic: { title: {}, content: { formatter: ({ percent: v }) => `${v * 100}.0%` } } });
     liquid.changeData(0.35);
-    const annotations = document.body.querySelectorAll('.g2-html-annotation');
+    const annotations = liquid.chart.ele.querySelectorAll('.g2-html-annotation');
     expect(annotations.length).toBe(2);
     expect((annotations[1] as HTMLElement).innerText).toBe('35.0%');
 
     liquid.changeData(0.15);
-    expect((document.body.querySelectorAll('.g2-html-annotation')[1] as HTMLElement).innerText).toBe('15.0%');
+    expect((liquid.chart.ele.querySelectorAll('.g2-html-annotation')[1] as HTMLElement).innerText).toBe('15.0%');
 
     liquid.update({ statistic: { content: {}, title: false } });
-    expect(document.body.querySelectorAll('.g2-html-annotation').length).toBe(1);
-    expect((document.body.querySelectorAll('.g2-html-annotation')[0] as HTMLElement).innerText).toBe('15.0%');
+    expect(liquid.chart.ele.querySelectorAll('.g2-html-annotation').length).toBe(1);
+    expect((liquid.chart.ele.querySelectorAll('.g2-html-annotation')[0] as HTMLElement).innerText).toBe('15.0%');
 
     liquid.changeData(0.05);
-    expect((document.body.querySelectorAll('.g2-html-annotation')[0] as HTMLElement).innerText).toBe('5.0%');
+    expect((liquid.chart.ele.querySelectorAll('.g2-html-annotation')[0] as HTMLElement).innerText).toBe('5.0%');
   });
 
   afterAll(() => {

__tests__/unit/plots/pie/interaction-spec.ts

@@ -54,7 +54,7 @@ describe('register interaction', () => {
     action.reset();
 
     delay(500);
-    const htmlAnnotations = document.querySelectorAll('.g2-html-annotation');
+    const htmlAnnotations = pie.chart.ele.querySelectorAll('.g2-html-annotation');
     expect((htmlAnnotations[0] as HTMLElement).innerText).toBe('Total' /** 中心文本指标卡，默认title */);
   });