test(glob-import): add subpath imports test from sub directory (#22059)

Author: shulaoda

playground/glob-import/__tests__/glob-import.spec.ts

@@ -289,6 +289,12 @@ test('subpath imports', async () => {
     .toMatch('bar foo')
 })
 
+test('subpath imports (sub dir)', async () => {
+  await expect
+    .poll(async () => await page.textContent('.subpath-imports-sub-dir'))
+    .toMatch('bar foo')
+})
+
 test('#alias imports', async () => {
   await expect
     .poll(async () => await page.textContent('.hash-alias-imports'))

playground/glob-import/index.html

@@ -23,6 +23,8 @@ <h2>Escape alias glob</h2>
 <pre class="escape-alias"></pre>
 <h2>Subpath imports</h2>
 <pre class="subpath-imports"></pre>
+<h2>Subpath imports (sub dir)</h2>
+<pre class="subpath-imports-sub-dir"></pre>
 <h2>#alias imports</h2>
 <pre class="hash-alias-imports"></pre>
 <h2>In package</h2>
@@ -157,6 +159,14 @@ <h2>Base</h2>
     .join(' ')
 </script>
 
+<script type="module">
+  import { globbed } from './subpath-imports-sub/index.js'
+  document.querySelector('.subpath-imports-sub-dir').textContent =
+    Object.values(globbed)
+      .map((mod) => mod.default)
+      .join(' ')
+</script>
+
 <script type="module">
   const hashAliasImports = import.meta.glob('#alias/*', { eager: true })
   document.querySelector('.hash-alias-imports').textContent = Object.values(

playground/glob-import/subpath-imports-sub/index.js

@@ -0,0 +1 @@
+export const globbed = import.meta.glob('#imports/*', { eager: true })