test: add props test

Author: tkskto

test/fixture/propsTest/defineNameOnlyProps.vue

@@ -0,0 +1,6 @@
+<template>
+  <div></div>
+</template>
+<script setup>
+defineProps(['foo']);
+</script>

test/fixture/propsTest/defineTypeOnlyProps.vue

@@ -0,0 +1,9 @@
+<template>
+  <div></div>
+</template>
+<script setup>
+defineProps({
+  title: String,
+  likes: Number
+})
+</script>

test/fixture/propsTest/defineTypeOnlyPropsVariables.vue

@@ -0,0 +1,9 @@
+<template>
+  <div></div>
+</template>
+<script setup>
+const props = defineProps({
+  title: String,
+  likes: Number
+})
+</script>

test/fixture/propsTest/defineTypeOnlyPropsVariablesWithTypeScript.vue

@@ -0,0 +1,9 @@
+<template>
+  <div></div>
+</template>
+<script setup lang="ts">
+const props = defineProps<{
+  title: string
+  likes?: number
+}>()
+</script>

test/fixture/propsTest/defineTypeOnlyPropsWithTypeScript.vue

@@ -0,0 +1,9 @@
+<template>
+  <div></div>
+</template>
+<script setup lang="ts">
+defineProps<{
+  title: string
+  likes?: number
+}>()
+</script>

test/fixture/propsTest/nameOnlyProps.vue

@@ -0,0 +1,9 @@
+<template>
+  <div></div>
+</template>
+<script>
+  export default {
+    props: ['foo']
+  };
+</script>
+

test/fixture/propsTest/typeOnlyProps.vue

@@ -0,0 +1,12 @@
+<template>
+  <div></div>
+</template>
+<script>
+  export default {
+    props: {
+      title: String,
+      likes: Number
+    },
+  };
+</script>
+

test/specs/__snapshots__/props.test.ts.snap

@@ -1,5 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`props test nameOnlyProps.vue 1`] = `"{"name":"/test/fixture/propsTest/nameOnlyProps.vue","props":"","size":100,"lastModifiedTime":0,"children":[]}"`;
+
 exports[`props test oneProps.vue 1`] = `"{"name":"/test/fixture/propsTest/oneProps.vue","props":{"data":{"type":"String","required":"true","default":"1"}},"size":192,"lastModifiedTime":0,"children":[]}"`;
 
 exports[`props test twoProps.vue 1`] = `"{"name":"/test/fixture/propsTest/twoProps.vue","props":{"data":{"type":"String","required":"true","default":"1"},"data2":{"type":"Number","required":"false","default":1}},"size":283,"lastModifiedTime":0,"children":[]}"`;
+
+exports[`props test typeOnlyProps.vue 1`] = `"{"name":"/test/fixture/propsTest/typeOnlyProps.vue","props":{"title":"String","likes":"Number"},"size":142,"lastModifiedTime":0,"children":[]}"`;

test/specs/props.test.ts

@@ -3,30 +3,61 @@ import {getImportDeclarationTree} from '../../src/server/Analyzer';
 const fixturesDir = join(__dirname, '../fixture/');
 
 describe('props test', () => {
-  it('oneProps.vue', async () => {
+  it('oneProps.vue', () => {
     const filename = 'propsTest/oneProps';
-    const declaration = await getImportDeclarationTree(join(fixturesDir, `${filename}.vue`), [], true);
+    const declaration = getImportDeclarationTree(join(fixturesDir, `${filename}.vue`), [], true);
     const json = JSON.stringify(declaration).slice(0);
 
     expect(json).toMatchSnapshot();
   });
 
 
-  it('twoProps.vue', async () => {
+  it('nameOnlyProps.vue', () => {
+    const filename = 'propsTest/nameOnlyProps';
+    const declaration = getImportDeclarationTree(join(fixturesDir, `${filename}.vue`), [], true);
+
+    expect(declaration).toStrictEqual({
+      name: `/test/fixture/${filename}.vue`,
+      props: ['foo'],
+      size: 100,
+      lastModifiedTime: 0,
+      children: [],
+    });
+  });
+
+
+  it('typeOnlyProps.vue', () => {
+    const filename = 'propsTest/typeOnlyProps';
+    const declaration = getImportDeclarationTree(join(fixturesDir, `${filename}.vue`), [], true);
+
+    expect(declaration).toStrictEqual({
+      name: `/test/fixture/${filename}.vue`,
+      props: {
+        title: 'String',
+        likes: 'Number',
+      },
+      size: 142,
+      lastModifiedTime: 0,
+      children: [],
+    });
+  });
+
+
+  it('twoProps.vue', () => {
     const filename = 'propsTest/twoProps';
-    const declaration = await getImportDeclarationTree(join(fixturesDir, `${filename}.vue`), [], true);
+    const declaration = getImportDeclarationTree(join(fixturesDir, `${filename}.vue`), [], true);
     const json = JSON.stringify(declaration).slice(0);
 
     expect(json).toMatchSnapshot();
   });
 
 
-  it('defineTwoProps.vue', async () => {
+  it('defineTwoProps.vue', () => {
     const filename = 'propsTest/defineTwoProps';
-    const declaration = await getImportDeclarationTree(join(fixturesDir, `${filename}.vue`), [], true);
+    const declaration = getImportDeclarationTree(join(fixturesDir, `${filename}.vue`), [], true);
 
     expect(declaration).toStrictEqual({
-      name: '/test/fixture/propsTest/defineTwoProps.vue',
+      name: `/test/fixture/${filename}.vue`,
       props: {
         data: {
           type: 'String',
@@ -44,4 +75,55 @@ describe('props test', () => {
       children: [],
     });
   });
+
+
+  it('defineTypeOnlyProps.vue', () => {
+    const filename = 'propsTest/defineTypeOnlyProps';
+    const declaration = getImportDeclarationTree(join(fixturesDir, `${filename}.vue`), [], true);
+
+    expect(declaration).toStrictEqual({
+      name: `/test/fixture/${filename}.vue`,
+      props: {
+        title: 'String',
+        likes: 'Number',
+      },
+      size: 112,
+      lastModifiedTime: 0,
+      children: [],
+    });
+  });
+
+
+  it('defineTypeOnlyPropsWithTypeScript.vue', () => {
+    const filename = 'propsTest/defineTypeOnlyPropsWithTypeScript';
+    const declaration = getImportDeclarationTree(join(fixturesDir, `${filename}.vue`), [], true);
+
+    expect(declaration).toStrictEqual({
+      name: `/test/fixture/${filename}.vue`,
+      props: {
+        title: 'string',
+        likes: 'number',
+      },
+      size: 125,
+      lastModifiedTime: 0,
+      children: [],
+    });
+  });
+
+
+  it('defineTypeOnlyPropsVariablesWithTypeScript.vue', () => {
+    const filename = 'propsTest/defineTypeOnlyPropsVariablesWithTypeScript';
+    const declaration = getImportDeclarationTree(join(fixturesDir, `${filename}.vue`), [], true);
+
+    expect(declaration).toStrictEqual({
+      name: `/test/fixture/${filename}.vue`,
+      props: {
+        foo: 'string',
+        bar: '[number]',
+      },
+      size: 125,
+      lastModifiedTime: 0,
+      children: [],
+    });
+  });
 });