test: following up the fallback change

playground/data-uri/__tests__/data-uri.spec.ts

@@ -10,11 +10,15 @@ test('base64', async () => {
 })
 
 test('svg data uri minify', async () => {
-  const oneApos = await page.getByTestId('one-apos').boundingBox()
-  const twoApos = await page.getByTestId('two-apos').boundingBox()
+  const sqdqs = await page.getByTestId('sqdqs').boundingBox()
+  const sqsdqs = await page.getByTestId('sqsdqs').boundingBox()
+  const dqsqs = await page.getByTestId('dqsqs').boundingBox()
+  const dqssqs = await page.getByTestId('dqssqs').boundingBox()
 
-  expect(oneApos.height).toBe(100)
-  expect(twoApos.height).toBe(100)
+  expect(sqdqs.height).toBe(100)
+  expect(sqsdqs.height).toBe(100)
+  expect(dqsqs.height).toBe(100)
+  expect(dqssqs.height).toBe(100)
 })
 
 test.runIf(isBuild)('should compile away the import for build', async () => {

playground/data-uri/index.html

@@ -15,5 +15,7 @@
 
 <script type="module" src="./main.js"></script>
 
-<div id="one-apos"></div>
-<div id="two-apos"></div>
+<div id="sqdqs"></div>
+<div id="sqsdqs"></div>
+<div id="dqsqs"></div>
+<div id="dqssqs"></div>

playground/data-uri/main.js

@@ -1,9 +1,18 @@
-import oneApos from './one-apos.svg'
-import twoApos from './two-apos.svg'
+import sqdqs from './single-quote-in-double-quotes.svg'
+import sqsdqs from './single-quotes-in-double-quotes.svg'
+import dqsqs from './double-quote-in-single-quotes.svg'
+import dqssqs from './double-quotes-in-single-quotes.svg'
 
-document.querySelector('#one-apos').innerHTML = `
-  <img data-testid="one-apos" src="${oneApos}" class="one-pos" alt="load failed" />
+document.querySelector('#sqdqs').innerHTML = `
+  <img data-testid="sqdqs" src="${sqdqs}" class="sqdqs" alt="load failed" />
 `
-document.querySelector('#two-apos').innerHTML = `
-  <img data-testid="two-apos" src="${twoApos}" class="two-apos" alt="load failed" />
+document.querySelector('#sqsdqs').innerHTML = `
+  <img data-testid="sqsdqs" src="${sqsdqs}" class="sqsdqs" alt="load failed" />
+`
+
+document.querySelector('#dqsqs').innerHTML = `
+  <img data-testid="dqsqs" src="${dqsqs}" class="dqsqs" alt="load failed" />
+`
+document.querySelector('#dqssqs').innerHTML = `
+  <img data-testid="dqssqs" src="${dqssqs}" class="dqssqs" alt="load failed" />
 `