test(assets): add fixture for new URL(/..., import.meta.url)

This tests existing behavior for obtaining an asset's URL from the public base path.

Author: kherock

packages/playground/assets/__tests__/assets.spec.ts

@@ -234,6 +234,12 @@ test('new URL(..., import.meta.url)', async () => {
   expect(await page.textContent('.import-meta-url')).toMatch(assetMatch)
 })
 
+test('new URL(/..., import.meta.url)', async () => {
+  expect(await page.textContent('.import-meta-url-base-path')).toMatch(
+    iconMatch
+  )
+})
+
 test('new URL(`${dynamic}`, import.meta.url)', async () => {
   expect(await page.textContent('.dynamic-import-meta-url-1')).toMatch(
     isBuild ? 'data:image/png;base64' : '/foo/nested/icon.png'

packages/playground/assets/index.html

@@ -141,6 +141,10 @@ <h2>new URL('...', import.meta.url)</h2>
 <img class="import-meta-url-img" />
 <code class="import-meta-url"></code>
 
+<h2>new URL('/...', import.meta.url)</h2>
+<img class="import-meta-url-base-path-img" />
+<code class="import-meta-url-base-path"></code>
+
 <h2>new URL('...', import.meta.url,) (with comma)</h2>
 <img class="import-meta-url-img-comma" />
 <code class="import-meta-url-comma"></code>
@@ -276,6 +280,12 @@ <h3 class="raw-query"></h3>
   text('.import-meta-url', metaUrl)
   document.querySelector('.import-meta-url-img').src = metaUrl
 
+  // testing URLs for public assets served at the public base path
+  // equivalent to `new URL(`${import.meta.env.BASE_URL}/icon.png`, self.location)
+  const metaUrlBasePath = new URL('/icon.png', import.meta.url)
+  text('.import-meta-url-base-path', metaUrlBasePath)
+  document.querySelector('.import-meta-url-base-path-img').src = metaUrlBasePath
+
   // prettier-ignore
   const metaUrlWithComma = new URL('./nested/asset.png', import.meta.url,)
   text('.import-meta-url-comma', metaUrlWithComma)