test: add oxc plugin unit tests

Author: sapphi-red

packages/vite/src/node/__tests__/plugins/fixtures/oxc-tsconfigs/empty/tsconfig.json

@@ -0,0 +1 @@
+{}

packages/vite/src/node/__tests__/plugins/fixtures/oxc-tsconfigs/jsx-complex-options/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx"
+  }
+}

packages/vite/src/node/__tests__/plugins/fixtures/oxc-tsconfigs/jsx-preserve/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "jsx": "preserve"
+  }
+}

packages/vite/src/node/__tests__/plugins/fixtures/oxc-tsconfigs/jsx-react-jsx/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "compilerOptions": {
+    "jsxFactory": "g",
+    "jsxFragmentFactory": "foo",
+    "jsxImportSource": "baz"
+  }
+}

packages/vite/src/node/__tests__/plugins/fixtures/oxc-tsconfigs/target-es2021/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "target": "es2021"
+  }
+}

packages/vite/src/node/__tests__/plugins/fixtures/oxc-tsconfigs/target-es2022/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "target": "es2022"
+  }
+}

packages/vite/src/node/__tests__/plugins/fixtures/oxc-tsconfigs/target-esnext/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "target": "esnext"
+  }
+}

packages/vite/src/node/__tests__/plugins/fixtures/oxc-tsconfigs/use-define-false/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "useDefineForClassFields": false
+  }
+}

packages/vite/src/node/__tests__/plugins/fixtures/oxc-tsconfigs/use-define-true/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "useDefineForClassFields": true
+  }
+}

packages/vite/src/node/__tests__/plugins/oxc.spec.ts

@@ -1,7 +1,8 @@
-import { expect, test } from 'vitest'
+import path from 'node:path'
+import { describe, expect, test } from 'vitest'
 import type { InternalModuleFormat } from 'rolldown'
 import { resolveConfig } from '../../config'
-import { buildOxcPlugin } from '../../plugins/oxc'
+import { buildOxcPlugin, transformWithOxc } from '../../plugins/oxc'
 import { PartialEnvironment } from '../../baseEnvironment'
 
 async function createBuildOxcPluginRenderChunk(target: string) {
@@ -26,10 +27,142 @@ async function createBuildOxcPluginRenderChunk(target: string) {
   }
 }
 
-test('should inject helper for worker iife from esm', async () => {
-  const renderChunk = await createBuildOxcPluginRenderChunk('es2015')
-  const result = await renderChunk(
-    `(function() {
+describe('transformWithOxc', () => {
+  test('correctly overrides TS configuration and applies automatic transform', async () => {
+    const jsxImportSource = 'bar'
+    const result = await transformWithOxc(
+      'const foo = () => <></>',
+      path.resolve(
+        import.meta.dirname,
+        './fixtures/oxc-tsconfigs/jsx-preserve/baz.jsx',
+      ),
+      {
+        jsx: {
+          runtime: 'automatic',
+          importSource: jsxImportSource,
+        },
+      },
+    )
+    expect(result?.code).toContain(`${jsxImportSource}/jsx-runtime`)
+    expect(result?.code).toContain('/* @__PURE__ */')
+  })
+
+  test('correctly overrides TS configuration and preserves code', async () => {
+    const foo = 'const foo = () => <></>'
+    const result = await transformWithOxc(
+      foo,
+      path.resolve(
+        import.meta.dirname,
+        './fixtures/oxc-tsconfigs/jsx-react-jsx/baz.jsx',
+      ),
+      {
+        jsx: 'preserve',
+      },
+    )
+    expect(result?.code).toContain(foo)
+  })
+
+  test('correctly overrides TS configuration and transforms code', async () => {
+    const jsxFactory = 'h',
+      jsxFragment = 'bar'
+    const result = await transformWithOxc(
+      'const foo = () => <></>',
+      path.resolve(
+        import.meta.dirname,
+        './fixtures/oxc-tsconfigs/jsx-complex-options/baz.jsx',
+      ),
+      {
+        jsx: {
+          runtime: 'classic',
+          pragma: jsxFactory,
+          pragmaFrag: jsxFragment,
+        },
+      },
+    )
+    expect(result?.code).toContain(
+      `/* @__PURE__ */ ${jsxFactory}(${jsxFragment}, null)`,
+    )
+  })
+
+  describe('useDefineForClassFields', async () => {
+    const transformClassCode = async (target: string, tsconfigDir: string) => {
+      const result = await transformWithOxc(
+        `
+          class foo {
+            bar = 'bar'
+          }
+        `,
+        path.resolve(import.meta.dirname, tsconfigDir, './bar.ts'),
+        { target },
+      )
+      return result?.code
+    }
+
+    const [
+      defineForClassFieldsTrueTransformedCode,
+      defineForClassFieldsTrueLowerTransformedCode,
+      defineForClassFieldsFalseTransformedCode,
+    ] = await Promise.all([
+      transformClassCode('esnext', './fixtures/oxc-tsconfigs/use-define-true'),
+      transformClassCode('es2021', './fixtures/oxc-tsconfigs/use-define-true'),
+      transformClassCode('esnext', './fixtures/oxc-tsconfigs/use-define-false'),
+    ])
+
+    test('target: esnext and tsconfig.target: esnext => true', async () => {
+      const actual = await transformClassCode(
+        'esnext',
+        './fixtures/oxc-tsconfigs/target-esnext',
+      )
+      expect(actual).toBe(defineForClassFieldsTrueTransformedCode)
+    })
+
+    test('target: es2021 and tsconfig.target: esnext => true', async () => {
+      const actual = await transformClassCode(
+        'es2021',
+        './fixtures/oxc-tsconfigs/target-esnext',
+      )
+      expect(actual).toBe(defineForClassFieldsTrueLowerTransformedCode)
+    })
+
+    test('target: es2021 and tsconfig.target: es2021 => false', async () => {
+      const actual = await transformClassCode(
+        'es2021',
+        './fixtures/oxc-tsconfigs/target-es2021',
+      )
+      expect(actual).toBe(defineForClassFieldsFalseTransformedCode)
+    })
+
+    test('target: esnext and tsconfig.target: es2021 => false', async () => {
+      const actual = await transformClassCode(
+        'esnext',
+        './fixtures/oxc-tsconfigs/target-es2021',
+      )
+      expect(actual).toBe(defineForClassFieldsFalseTransformedCode)
+    })
+
+    test('target: es2022 and tsconfig.target: es2022 => true', async () => {
+      const actual = await transformClassCode(
+        'es2022',
+        './fixtures/oxc-tsconfigs/target-es2022',
+      )
+      expect(actual).toBe(defineForClassFieldsTrueTransformedCode)
+    })
+
+    test('target: es2022 and tsconfig.target: undefined => false', async () => {
+      const actual = await transformClassCode(
+        'es2022',
+        './fixtures/oxc-tsconfigs/empty',
+      )
+      expect(actual).toBe(defineForClassFieldsFalseTransformedCode)
+    })
+  })
+})
+
+describe('renderChunk', () => {
+  test('should inject helper for worker iife from esm', async () => {
+    const renderChunk = await createBuildOxcPluginRenderChunk('es2015')
+    const result = await renderChunk(
+      `(function() {
 
 "use strict";
 
@@ -41,9 +174,9 @@ test('should inject helper for worker iife from esm', async () => {
 
 //#endregion
 })();`,
-    'iife',
-  )
-  expect(result).toMatchInlineSnapshot(`
+      'iife',
+    )
+    expect(result).toMatchInlineSnapshot(`
     "(function() {
     	"use strict";var babelHelpers=function(exports){function t(e,t,n,r,i,a,o){try{var s=e[a](o),c=s.value}catch(e){return void n(e)}s.done?t(c):Promise.resolve(c).then(r,i)}function n(e){return function(){var n=this,r=arguments;return new Promise(function(i,a){var o=e.apply(n,r);function s(e){t(o,i,a,s,c,\`next\`,e)}function c(e){t(o,i,a,s,c,\`throw\`,e)}s(void 0)})}}return exports.asyncToGenerator=n,exports}({});
 
@@ -56,12 +189,12 @@ test('should inject helper for worker iife from esm', async () => {
     })();
     "
   `)
-})
+  })
 
-test('should inject helper for worker iife from cjs', async () => {
-  const renderChunk = await createBuildOxcPluginRenderChunk('es2015')
-  const result = await renderChunk(
-    `(function() {
+  test('should inject helper for worker iife from cjs', async () => {
+    const renderChunk = await createBuildOxcPluginRenderChunk('es2015')
+    const result = await renderChunk(
+      `(function() {
 
 
 //#region src/index.js
@@ -72,9 +205,9 @@ test('should inject helper for worker iife from cjs', async () => {
 
 //#endregion
 })();`,
-    'iife',
-  )
-  expect(result).toMatchInlineSnapshot(`
+      'iife',
+    )
+    expect(result).toMatchInlineSnapshot(`
     "(function() {var babelHelpers=function(exports){function t(e,t,n,r,i,a,o){try{var s=e[a](o),c=s.value}catch(e){return void n(e)}s.done?t(c):Promise.resolve(c).then(r,i)}function n(e){return function(){var n=this,r=arguments;return new Promise(function(i,a){var o=e.apply(n,r);function s(e){t(o,i,a,s,c,\`next\`,e)}function c(e){t(o,i,a,s,c,\`throw\`,e)}s(void 0)})}}return exports.asyncToGenerator=n,exports}({});
 
     	//#region src/index.js
@@ -86,4 +219,5 @@ test('should inject helper for worker iife from cjs', async () => {
     })();
     "
   `)
+  })
 })