refactor: test fixtures

eslint.config.mjs

@@ -11,8 +11,8 @@ export default typegen(antfu({
 }, [
   {
     ignores: [
-      'test/**/*.vue',
-      'test/**/*.jsx',
+      'fixtures/**/*',
+      'test/output/**/*',
       'public/**/*',
       'components/ui/**/*',
     ],

test/setup-block/TestComponent.vue → fixtures/vue/setup-block.vue

@@ -53,7 +53,7 @@ function funC(varB) { // 这是注释
 const [ varD, varE ] = funC(varB)
 
 onMounted(() => {
-	funC()
+	funC?.()
 })
 
 const props1 = withDefaults(defineProps<{test: number}>(), {

package.json

@@ -73,6 +73,7 @@
     "eslint-plugin-security": "^3.0.1",
     "eslint-plugin-vue-hook-optimizer": "workspace:*",
     "eslint-typegen": "^0.2.4",
+    "fast-glob": "^3.3.2",
     "lodash-es": "^4.17.21",
     "nodemon": "^3.1.0",
     "ts-node": "^10.9.2",

test/fixtures.test.ts

@@ -0,0 +1,79 @@
+import { readFileSync } from 'node:fs';
+import { basename } from 'node:path';
+import fg from 'fast-glob';
+import { analyzeOptions, analyzeSetupScript, analyzeTemplate, analyzeTsx, parse } from '@/index';
+
+describe('fixtures', async () => {
+  const frameworks = ['vue', 'react'] as const;
+  for (const framework of frameworks) {
+    const tests = await fg(`./fixtures/${framework}/**/*`);
+    for (const test of tests) {
+      const testName = `${framework}/${basename(test)}`;
+      it(testName, async () => {
+        const source = readFileSync(test, 'utf-8');
+        if (framework === 'vue') {
+          const sfc = parse(source);
+          if (test.includes('tsx')) {
+            const { graph, nodesUsedInTemplate } = analyzeTsx(
+              sfc.descriptor.script?.content || '',
+              'vue',
+              (sfc.descriptor.script?.loc.start.line || 1) - 1,
+            );
+
+            await expect(graph)
+              .toMatchFileSnapshot(`./output/${testName}.graph.txt`);
+
+            const nodes = sfc.descriptor.template?.content
+              ? analyzeTemplate(sfc.descriptor.template!.content)
+              : new Set<string>();
+
+            await expect(new Set([...nodesUsedInTemplate, ...nodes]))
+              .toMatchFileSnapshot(`./output/${testName}.nodes.txt`);
+          }
+          else if (sfc.descriptor.scriptSetup?.content) {
+            const graph = analyzeSetupScript(
+              sfc.descriptor.scriptSetup?.content || '',
+              (sfc.descriptor.scriptSetup?.loc.start.line || 1) - 1,
+            );
+            await expect(graph)
+              .toMatchFileSnapshot(`./output/${testName}.graph.txt`);
+
+            const nodes = sfc.descriptor.template?.content
+              ? analyzeTemplate(sfc.descriptor.template!.content)
+              : new Set<string>();
+            await expect(nodes)
+              .toMatchFileSnapshot(`./output/${testName}.nodes.txt`);
+          }
+          else {
+            const { graph, nodesUsedInTemplate } = analyzeOptions(
+              sfc.descriptor.script?.content || '',
+              (sfc.descriptor.script?.loc.start.line || 1) - 1,
+              true,
+            );
+            await expect(graph)
+              .toMatchFileSnapshot(`./output/${testName}.graph.txt`);
+
+            const nodes = sfc.descriptor.template?.content
+              ? analyzeTemplate(sfc.descriptor.template!.content)
+              : new Set<string>();
+
+            await expect(new Set([...nodesUsedInTemplate, ...nodes]))
+              .toMatchFileSnapshot(`./output/${testName}.nodes.txt`);
+          }
+        }
+        if (framework === 'react') {
+          const { graph, nodesUsedInTemplate } = analyzeTsx(
+            source,
+            'react',
+            0,
+          );
+          await expect(graph)
+            .toMatchFileSnapshot(`./output/${testName}.graph.txt`);
+
+          await expect(nodesUsedInTemplate)
+            .toMatchFileSnapshot(`./output/${testName}.nodes.txt`);
+        }
+      });
+    }
+  }
+});