vtj/packages/parser/tests/scripts.test.ts

import { expect, test, describe } from 'vitest';
import { parseScripts } from '../src/vue/scripts';
import { project } from './sources/project';

const optionsScriptSource = `
import { defineComponent, ref, reactive, computed } from 'vue';
import { ElButton } from 'element-plus';

export default defineComponent({
  name: 'TestComponent',
  props: {
    title: { type: String, required: true, default: 'Hello' }
  },
  setup() {
    const state = reactive({
      items: [],
      loading: false
    });
    return { items, loading };
  }
});
`;

describe('parseScripts', () => {
  const result = parseScripts(optionsScriptSource, project);

  test('should parse imports', () => {
    expect(result.imports).toBeDefined();
    expect(result.imports!.length).toBeGreaterThan(0);
  });

  test('should parse state from setup', () => {
    expect(result.state).toBeDefined();
    expect(result.state!['items']).toBeDefined();
    expect(result.state!['loading']).toBeDefined();
  });
});