test(optimizer): add test for cjs interop with namespace imports (#20457)

Author: sapphi-red

playground/optimize-deps/cjs-dynamic.js

@@ -22,7 +22,11 @@
   }
 
   const cjsFromCJS = await import('@vitejs/test-dep-cjs-compiled-from-cjs')
-  if (typeof cjsFromCJS.default === 'function') {
+  if (
+    typeof cjsFromCJS.default === 'function' &&
+    typeof cjsFromCJS !== 'function' &&
+    cjsFromCJS.bar === 'bar'
+  ) {
     text('.cjs-dynamic-dep-cjs-compiled-from-cjs', 'ok')
   }
 

playground/optimize-deps/cjs.js

@@ -7,6 +7,7 @@ import { Socket } from 'phoenix'
 import clip from 'clipboard'
 import cjsFromESM from '@vitejs/test-dep-cjs-compiled-from-esm'
 import cjsFromCJS from '@vitejs/test-dep-cjs-compiled-from-cjs'
+import * as cjsFromCJSNamespace from '@vitejs/test-dep-cjs-compiled-from-cjs'
 
 // Test exporting a name that was already imported
 export { useState } from 'react'
@@ -25,7 +26,11 @@ if (typeof cjsFromESM === 'function') {
   text('.cjs-dep-cjs-compiled-from-esm', 'ok')
 }
 
-if (typeof cjsFromCJS === 'function') {
+if (
+  typeof cjsFromCJS === 'function' &&
+  typeof cjsFromCJSNamespace !== 'function' &&
+  cjsFromCJSNamespace.bar === 'bar'
+) {
   text('.cjs-dep-cjs-compiled-from-cjs', 'ok')
 }
 

playground/optimize-deps/dep-cjs-compiled-from-cjs/index.js

@@ -2,4 +2,5 @@
 function foo() {
   return 'foo'
 }
+foo.bar = 'bar'
 module.exports = foo