test(tsc): test all typecheck cases in one tsconfig (#4723)

Author: johnsoncodehk

packages/component-meta/tests/index.spec.ts

@@ -863,7 +863,7 @@ const tsconfigChecker = createChecker(
 const noTsConfigChecker = createCheckerByJson(
 	path.resolve(__dirname, '../../../test-workspace/component-meta'),
 	{
-		"extends": "../tsconfig.json",
+		"extends": "../tsconfig.base.json",
 		"include": [
 			"**/*",
 		],

packages/tsc/index.ts

@@ -3,13 +3,13 @@ import * as vue from '@vue/language-core';
 
 const windowsPathReg = /\\/g;
 
-export function run() {
+export function run(tscPath = require.resolve('typescript/lib/tsc')) {
 
 	let runExtensions = ['.vue'];
 
 	const extensionsChangedException = new Error('extensions changed');
 	const main = () => runTsc(
-		require.resolve('typescript/lib/tsc'),
+		tscPath,
 		runExtensions,
 		(ts, options) => {
 			const { configFilePath } = options.options;

packages/tsc/tests/index.spec.ts

@@ -0,0 +1,35 @@
+import * as path from 'path';
+import { describe, expect, it } from 'vitest';
+import { run } from '..';
+
+describe(`vue-tsc`, () => {
+
+	it(`typecheck`, async () => {
+		const consoleOutput: string[] = [];
+		const originalConsoleLog = process.stdout.write;
+		const originalArgv = process.argv;
+		process.stdout.write = output => {
+			consoleOutput.push(String(output).trim());
+			return true;
+		};
+		process.argv = [
+			...originalArgv,
+			'--build',
+			path.resolve(__dirname, '../../../test-workspace/tsc'),
+			'--pretty',
+			'false',
+		];
+		try {
+			run();
+		} catch (err) { }
+		process.stdout.write = originalConsoleLog;
+		process.argv = originalArgv;
+		expect(consoleOutput).toMatchInlineSnapshot(`
+			[
+			  "test-workspace/tsc/failureFixtures/directives/main.vue(4,6): error TS2339: Property 'notExist' does not exist on type 'CreateComponentPublicInstance<Readonly<ExtractPropTypes<{}>>, { exist: typeof exist; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ... 12 more ..., {}>'.",
+			  "test-workspace/tsc/failureFixtures/directives/main.vue(9,6): error TS2339: Property 'notExist' does not exist on type 'CreateComponentPublicInstance<Readonly<ExtractPropTypes<{}>>, { exist: typeof exist; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ... 12 more ..., {}>'.",
+			  "test-workspace/tsc/failureFixtures/directives/main.vue(12,2): error TS2578: Unused '@ts-expect-error' directive.",
+			]
+		`);;
+	});
+});

packages/tsc/tests/typecheck.spec.ts

@@ -1,5 +1,5 @@
 {
-	"extends": "../tsconfig.json",
+	"extends": "../tsconfig.base.json",
 	"include": [
 		"**/*",
 	],

test-workspace/component-meta/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../tsconfig.json",
+	"extends": "../../../tsconfig.base.json",
 	"include": [ "**/*" ],
 	"compilerOptions": {
 		"noEmit": false,

test-workspace/tsc/#1886/tsconfig.json

@@ -0,0 +1,18 @@
+<template>
+	<!-- @vue-ignore -->
+	<div v-if="true">
+		{{ notExist }}
+	</div>
+
+	<!-- @vue-ignore -->
+	<div v-for="_a in 10" :foo="notExist">
+		{{ notExist }} 
+	</div>
+
+	<!-- @vue-expect-error -->
+	<div v-bind="exist"></div>
+</template>
+
+<script setup lang="ts">
+const exist = {};
+</script>