chore: add missing test

vuejs · Jul 28, 2022 · 817f1dc · 817f1dc
1 parent 7d2fcea
commit 817f1dc
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 7 deletions.
diff --git a/packages/vue-component-meta/src/index.ts b/packages/vue-component-meta/src/index.ts
@@ -253,8 +253,7 @@ export function createComponentMetaChecker(tsconfigPath: string) {
 				const properties = type.getProperties();
 				return properties.map(prop => ({
 					name: prop.getName(),
-					propsType: typeChecker.typeToString(typeChecker.getTypeOfSymbolAtLocation(typeChecker.getTypeOfSymbolAtLocation(prop, symbolNode!).getCallSignatures()[0].parameters[0], symbolNode!)),
-					// props: {}, // TODO
+					type: typeChecker.typeToString(typeChecker.getTypeOfSymbolAtLocation(typeChecker.getTypeOfSymbolAtLocation(prop, symbolNode!).getCallSignatures()[0].parameters[0], symbolNode!)),
 					description: ts.displayPartsToString(prop.getDocumentationComment(typeChecker)),
 				}));
 			}

diff --git a/packages/vue-component-meta/tests/index.spec.ts b/packages/vue-component-meta/tests/index.spec.ts
@@ -336,15 +336,15 @@ describe(`vue-component-meta`, () => {
 
 		const a = meta.slots.find(slot =>
 			slot.name === 'default'
-			&& slot.propsType === '{ num: number; }'
+			&& slot.type === '{ num: number; }'
 		);
 		const b = meta.slots.find(slot =>
 			slot.name === 'named-slot'
-			&& slot.propsType === '{ str: string; }'
+			&& slot.type === '{ str: string; }'
 		);
 		const c = meta.slots.find(slot =>
 			slot.name === 'vbind'
-			&& slot.propsType === '{ num: number; str: string; }'
+			&& slot.type === '{ num: number; str: string; }'
 		);
 
 		expect(a).toBeDefined();
@@ -359,11 +359,11 @@ describe(`vue-component-meta`, () => {
 
 		const a = meta.slots.find(slot =>
 			slot.name === 'default'
-			&& slot.propsType === '{ num: number; }'
+			&& slot.type === '{ num: number; }'
 		);
 		const b = meta.slots.find(slot =>
 			slot.name === 'foo'
-			&& slot.propsType === '{ str: string; }'
+			&& slot.type === '{ str: string; }'
 		);
 
 		expect(a).toBeDefined();
@@ -384,6 +384,26 @@ describe(`vue-component-meta`, () => {
 		expect(counter).toBeDefined();
 	});
 
+	test('ts-component', () => {
+
+		const componentPath = path.resolve(__dirname, '../../vue-test-workspace/vue-component-meta/ts-component/component.ts');
+		const meta = checker.getComponentMeta(componentPath);
+
+		const a = meta.props.find(prop =>
+			prop.name === 'foo'
+			&& prop.required === true
+			&& prop.type === 'string'
+		);
+		const b = meta.props.find(prop =>
+			prop.name === 'bar'
+			&& prop.required === false
+			&& prop.type === 'number | undefined'
+		);
+
+		expect(a).toBeDefined();
+		expect(b).toBeDefined();
+	});
+
 	test('ts-named-exports', () => {
 
 		const componentPath = path.resolve(__dirname, '../../vue-test-workspace/vue-component-meta/ts-named-export/component.ts');