test: test tsconfig jsx preserve

Author: hi-ogawa

playground/tsconfig-jsx-preserve/__tests__/tsconfig.spec.ts

@@ -0,0 +1,6 @@
+import { expect, test } from 'vitest'
+import { page } from '~utils'
+
+test('override tsconfig jsx preserve', async () => {
+  await expect.poll(() => page.textContent('#app')).toBe('ok')
+})

playground/tsconfig-jsx-preserve/index.html

@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script type="module" src="./src/main.tsx"></script>

playground/tsconfig-jsx-preserve/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@vitejs/test-react-tsconfig",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "debug": "node --inspect-brk vite",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@vitejs/plugin-react": "workspace:*"
+  }
+}

playground/tsconfig-jsx-preserve/src/App.tsx

@@ -0,0 +1,3 @@
+export default function App() {
+  return <div>ok</div>
+}

playground/tsconfig-jsx-preserve/src/main.tsx

@@ -0,0 +1,4 @@
+import ReactDOM from 'react-dom/client'
+import App from './App.jsx'
+
+ReactDOM.createRoot(document.getElementById('app')!).render(<App />)

playground/tsconfig-jsx-preserve/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "include": ["src"],
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "types": ["vite/client"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  }
+}

playground/tsconfig-jsx-preserve/vite.config.ts

@@ -0,0 +1,6 @@
+import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  plugins: [react()],
+})