test: add test

playground/css-lightningcss/__tests__/root/root.spec.ts

@@ -0,0 +1,9 @@
+import { expect, test } from 'vitest'
+import { getBg, isBuild, page, viteTestUrl } from '~utils'
+
+test('url dependency', async () => {
+  const css = await page.$('.url-dep')
+  expect(await getBg(css)).toMatch(
+    isBuild ? /ok-[-\w]+\.png/ : `${viteTestUrl}/ok.png`,
+  )
+})

playground/css-lightningcss/package.json

@@ -5,6 +5,8 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "dev:root": "vite --config ./vite.config-root.js dev",
+    "build:root": "vite --config ./vite.config-root.js build",
     "debug": "node --inspect-brk ../../packages/vite/bin/vite",
     "preview": "vite preview"
   },

playground/css-lightningcss/root/index.html

@@ -0,0 +1,3 @@
+<p>url() dependency</p>
+<div class="url-dep"></div>
+<script type="module" src="./main.js"></script>

playground/css-lightningcss/root/main.js

@@ -0,0 +1 @@
+import './url-dep.css'

playground/css-lightningcss/root/url-dep.css

@@ -0,0 +1,7 @@
+.url-dep {
+  background-image: url('./ok.png');
+  background-size: cover;
+  width: 50px;
+  height: 50px;
+  border: 1px solid black;
+}

playground/css-lightningcss/vite.config-root.js

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import baseConfig from './vite.config'
+
+export default defineConfig({
+  ...baseConfig,
+  root: 'root',
+})