test: 增加图例highligh模式单测

Author: tangying1027

packages/f2/src/chart/index.tsx

@@ -369,9 +369,9 @@ class Chart<
 
   getHighlightStyle(record) {
     const { highlights } = this.state;
+    let isHighLight = false;
     if (isEmpty(highlights)) return;
 
-    let isHighLight = false;
     each(highlights, (condition, field) => {
       if (condition(record[field], record)) {
         isHighLight = true;

packages/f2/test/components/legend/__image_snapshots__/interval-test-tsx-interval-legend-highlight-模式点击-1-snap.png

@@ -43,4 +43,40 @@ describe('Interval', () => {
     await delay(800);
     expect(context).toMatchImageSnapshot();
   });
+
+  it('legend highlight 模式点击', async () => {
+    const context = createContext();
+    const { type, props } = (
+      <Canvas context={context} pixelRatio={1}>
+        <Chart data={data}>
+          <Legend clickMode="highlight" />
+          <Axis field="genre" />
+          <Axis field="sold" />
+          <Interval x="genre" y="sold" color="genre" />
+        </Chart>
+      </Canvas>
+    );
+
+    const canvas = new Canvas(props);
+    await canvas.render();
+
+    await delay(800);
+    expect(context).toMatchImageSnapshot();
+
+    await gestureSimulator(context.canvas, 'click', { x: 165, y: 26 });
+    await delay(500);
+    expect(context).toMatchImageSnapshot();
+
+    await gestureSimulator(context.canvas, 'click', { x: 109, y: 24 });
+    await delay(500);
+    expect(context).toMatchImageSnapshot();
+
+    await gestureSimulator(context.canvas, 'click', { x: 165, y: 26 });
+    await delay(800);
+    expect(context).toMatchImageSnapshot();
+
+    await gestureSimulator(context.canvas, 'click', { x: 165, y: 26 });
+    await delay(800);
+    expect(context).toMatchImageSnapshot();
+  });
 });