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>

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

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

test-workspace/tsc/should-error-#4569/main.vue test-workspace/tsc/failureFixtures/#4569/main.vue

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

test-workspace/tsc/should-error-#4569/tsconfig.json test-workspace/tsc/failureFixtures/#4569/tsconfig.json

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

test-workspace/tsc/failureFixtures/directives/main.vue

@@ -1,5 +1,5 @@
 {
-	"extends": "../../tsconfig.json",
+	"extends": "../../../tsconfig.base.json",
 	"vueCompilerOptions": {
 		"jsxSlots": true
 	},

test-workspace/tsc/failureFixtures/directives/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../tsconfig.json",
+	"extends": "../../../tsconfig.base.json",
 	"compilerOptions": {
 		"importsNotUsedAsValues": "error",
 		"ignoreDeprecations": "5.0"

test-workspace/tsc/#1886/main.vue test-workspace/tsc/passedFixtures/#1886/main.vue

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

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

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

test-workspace/tsc/#2157/main.vue test-workspace/tsc/passedFixtures/#2157/main.vue

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

test-workspace/tsc/passedFixtures/#2157/tsconfig.json

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

test-workspace/tsc/#2472/child.vue test-workspace/tsc/passedFixtures/#2472/child.vue

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

test-workspace/tsc/#2472/env.d.ts test-workspace/tsc/passedFixtures/#2472/env.d.ts

@@ -1,5 +1,5 @@
 {
-	"extends": "../../tsconfig.json",
+	"extends": "../../../tsconfig.base.json",
 	"compilerOptions": {
 		"jsxImportSource": "none",
 	},

test-workspace/tsc/#2472/generic.vue test-workspace/tsc/passedFixtures/#2472/generic.vue

@@ -1,5 +1,5 @@
 {
-	"extends": "../../tsconfig.json",
+	"extends": "../../../tsconfig.base.json",
 	"compilerOptions": {
 		"noPropertyAccessFromIndexSignature": true,
 	},

test-workspace/tsc/#2472/main.vue test-workspace/tsc/passedFixtures/#2472/main.vue

@@ -0,0 +1,11 @@
+{
+	"extends": "../../../tsconfig.base.json",
+	"include": [
+		"**/*"
+	],
+	"vueCompilerOptions": {
+		"plugins": [
+			"../../../../packages/language-plugin-pug"
+		]
+	},
+}

test-workspace/tsc/#2472/tsconfig.json test-workspace/tsc/passedFixtures/#2472/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../tsconfig.json",
+	"extends": "../../../tsconfig.base.json",
 	"vueCompilerOptions": {
 		"target": 2.7,
 	},

test-workspace/tsc/#3373/NavBar.vue test-workspace/tsc/passedFixtures/#3373/NavBar.vue

@@ -1,5 +1,5 @@
 {
-	"extends": "../../tsconfig.json",
+	"extends": "../../../tsconfig.base.json",
 	"vueCompilerOptions": {
 		"target": 3.3,
 	},

test-workspace/tsc/#3373/main.vue test-workspace/tsc/passedFixtures/#3373/main.vue

@@ -1,5 +1,5 @@
 {
-	"extends": "../../tsconfig.json",
+	"extends": "../../../tsconfig.base.json",
 	"vueCompilerOptions": {
 		"target": 3.5,
 	},

test-workspace/tsc/#3373/tsconfig.json test-workspace/tsc/passedFixtures/#3373/tsconfig.json

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { exactType } from 'tsc/shared';
+import { exactType } from '../../shared';
 
 declare const Child: undefined | (new () => {
 	$props: {

test-workspace/tsc/#3574/child.vue test-workspace/tsc/passedFixtures/#3574/child.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { exactType } from 'tsc/shared';
+import { exactType } from '../../shared';
 
 const { bottom } = defineSlots<{
 	bottom: (props: { num: number; }) => any[],

test-workspace/tsc/#3574/main.vue test-workspace/tsc/passedFixtures/#3574/main.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script setup lang="ts">
-import { exactType } from 'tsc/shared';
+import { exactType } from '../../shared';
 import { ref } from 'vue';
 
 const msg = ref('Hello Vue 3 + TypeScript + Vite');

test-workspace/tsc/#3574/tsconfig.json test-workspace/tsc/passedFixtures/#3574/tsconfig.json

@@ -1,7 +1,7 @@
 <template>{{ msg }}</template>
 
 <script lang="ts" setup>
-import {exactType} from 'tsc/shared'
+import { exactType } from '../../shared';
 import {PropType} from 'vue'
 
 const msg = defineModel('msg', {

test-workspace/tsc/#3592/main.vue test-workspace/tsc/passedFixtures/#3592/main.vue

@@ -5,7 +5,7 @@
   <child2 v-model:other="other" />
 </template>
 <script lang="ts" setup>
-import { exactType } from 'tsc/shared'
+import { exactType } from '../../shared';
 import { ref } from 'vue'
 import child from './child.vue'
 import child2 from './child2.vue'

test-workspace/tsc/#3592/tsconfig.json test-workspace/tsc/passedFixtures/#3592/tsconfig.json

@@ -9,7 +9,7 @@
   </Child>
 </template>
 <script lang="ts" setup>
-import { exactType } from 'tsc/shared'
+import { exactType } from '../../shared';
 import Child from './child.vue'
 
 const n = 1 as const

test-workspace/tsc/#3688/main.vue test-workspace/tsc/passedFixtures/#3688/main.vue

@@ -1,5 +1,5 @@
 <script setup lang="tsx">
-import { exactType } from 'tsc/shared';
+import { exactType } from '../../shared';
 
 defineOptions({
   name: 'Foo',

test-workspace/tsc/#3688/tsconfig.json test-workspace/tsc/passedFixtures/#3688/tsconfig.json

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

test-workspace/tsc/#3819/component.vue test-workspace/tsc/passedFixtures/#3819/component.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { exactType } from "tsc/shared";
+import { exactType } from '../../shared';
 
 interface Props {
 	actionText?: string;

test-workspace/tsc/#3819/main.vue test-workspace/tsc/passedFixtures/#3819/main.vue

@@ -1,5 +1,5 @@
 {
-	"extends": "../../tsconfig.json",
+	"extends": "../../../tsconfig.base.json",
 	"vueCompilerOptions": {
 		"strictTemplates": true
 	},