add test for external css file

chromaui · Dec 21, 2023 · 01a728b · 01a728b
1 parent 1bbb99f
commit 01a728b
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/tests/playwright/archiving-assets.spec.ts b/tests/playwright/archiving-assets.spec.ts
@@ -48,3 +48,7 @@ test('Assets / percents in URLs are handled', async ({ page }) => {
 test('Assets / srcset is used to determine image asset URL', async ({ page }) => {
   await page.goto('/asset-paths/srcset');
 });
+
+test('Assets / external CSS files are inlined', async ({ page }) => {
+  await page.goto('/asset-paths/external-css-files');
+});
diff --git a/tests/playwright/fixtures/asset-paths/external-css-files.html b/tests/playwright/fixtures/asset-paths/external-css-files.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+  <head>
+    <link rel="stylesheet" href="/css.urls.css" />
+    <script src="https://cdn.tailwindcss.com"></script>
+  </head>
+  <body>
+    <div class="flex justify-between w-full m-10">
+      <div><img src="/img?url=fixtures/blue.png"/></div>
+      <div><img src="/img?url=fixtures/pink.png"/></div>
+      <div><img src="/img?url=fixtures/purple.png"/></div>
+    </div>
+  </body>
+</html>
diff --git a/tests/playwright/fixtures/asset-paths/query-params.html b/tests/playwright/fixtures/asset-paths/query-params.html
@@ -2,6 +2,7 @@
 <html>
   <body>
     <img src="/img?url=fixtures/blue.png"/>
-    <img src="/img?url=fixtures/pink.png"/>    
+    <img src="/img?url=fixtures/pink.png"/>
+    <img src="/img?url=fixtures/purple.png"/>
   </body>
 </html>