fix: update demo and tests

packages/g6/__tests__/demos/plugin-edge-filter-lens.ts

@@ -6,23 +6,22 @@ export const pluginEdgeFilterLens: TestCase = async (context) => {
     ...context,
     data,
     node: {
-      style: { size: 22 },
+      style: { size: 16 },
       palette: {
-        field: (datum) => Math.floor((datum.style?.y as number) / 50),
+        field: (datum) => Math.floor(Number(datum.style?.y) / 60),
       },
     },
     edge: {
       style: {
         label: false,
-        labelText: (d) => d.value?.toString(),
+        labelText: (d) => d.data!.value?.toString(),
         stroke: '#ccc',
       },
     },
     plugins: [
       {
         key: 'edge-filter-lens',
         type: 'edge-filter-lens',
-        // trigger: 'drag',
       },
     ],
     autoFit: 'view',

packages/g6/__tests__/unit/plugins/edge-filter-lens.spec.ts

@@ -1,15 +1,12 @@
 import { pluginEdgeFilterLens } from '@@/demos';
-import type { Canvas } from '@antv/g';
 import { CommonEvent, Graph } from '@antv/g6';
 import { createDemoGraph, dispatchCanvasEvent } from '../../utils';
 
 describe('edge-filter-lens', () => {
   let graph: Graph;
-  let canvas: Canvas;
 
   beforeAll(async () => {
     graph = await createDemoGraph(pluginEdgeFilterLens, { animation: false });
-    canvas = graph.getCanvas().getLayer();
   });
 
   afterAll(() => {
@@ -63,4 +60,18 @@ describe('edge-filter-lens', () => {
 
     await expect(graph).toMatchSnapshot(__filename, 'scale-smaller');
   });
+
+  it('show edge when only its source/target node in lens', async () => {
+    graph.updatePlugin({ key: 'edge-filter-lens', trigger: 'click', nodeType: 'source' });
+    dispatchCanvasEvent(graph, CommonEvent.CLICK, { canvas: { x: 200, y: 200 } });
+    await expect(graph).toMatchSnapshot(__filename, 'node-type-source');
+
+    graph.updatePlugin({ key: 'edge-filter-lens', trigger: 'click', nodeType: 'target' });
+    dispatchCanvasEvent(graph, CommonEvent.CLICK, { canvas: { x: 200, y: 200 } });
+    await expect(graph).toMatchSnapshot(__filename, 'node-type-target');
+
+    graph.updatePlugin({ key: 'edge-filter-lens', trigger: 'click', nodeType: 'either' });
+    dispatchCanvasEvent(graph, CommonEvent.CLICK, { canvas: { x: 200, y: 200 } });
+    await expect(graph).toMatchSnapshot(__filename, 'node-type-either');
+  });
 });

packages/site/examples/plugin/edge-filter-lens/demo/basic.js

@@ -1,6 +1,6 @@
 import { Graph } from '@antv/g6';
 
-fetch('https://gw.alipayobjects.com/os/antvdemo/assets/data/relations.json')
+fetch('https://assets.antv.antgroup.com/g6/relations.json')
   .then((res) => res.json())
   .then((data) => {
     const graph = new Graph({

packages/site/examples/plugin/edge-filter-lens/demo/meta.json

@@ -10,7 +10,7 @@
         "zh": "边过滤镜",
         "en": "Edge Filter Lens"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*9o1lRbfc3YMAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*62FuSY-LFEIAAAAAAAAAAAAADmJ7AQ/original"
     }
   ]
 }