Add UI tests

thecrypticace · thecrypticace · commit 594e7f9826c7 · 2025-03-27T09:41:52.000-04:00
diff --git a/packages/tailwindcss/tests/ui.spec.ts b/packages/tailwindcss/tests/ui.spec.ts
@@ -419,6 +419,9 @@ test('text shadow colors', async ({ page }) => {
       >
         Hello world
       </div>
+
+      <div id="f" class="text-shadow-xs/75">Hello world</div>
+      <div id="g" class="text-shadow-xs/75 text-shadow-red/75">Hello world</div>
     `,
   )
 
@@ -435,6 +438,11 @@ test('text shadow colors', async ({ page }) => {
     /oklab\(0.627\d+ 0.224\d+ 0.125\d+\) 0px 1px 1px/,
   )
 
+  expect(await getPropertyValue('#f', 'text-shadow')).toMatch(/oklab\(0 0 0 \/ 0.75\) 0px 1px 1px/)
+  expect(await getPropertyValue('#g', 'text-shadow')).toMatch(
+    /oklab\(0.627\d+ 0.224\d+ 0.125\d+ \/ 0.56\d+\) 0px 1px 1px/,
+  )
+
   await page.locator('#d').hover()
 
   expect(await getPropertyValue('#d', 'text-shadow')).toMatch(

Original file line number	Diff line number	Diff line change
`@@ -419,6 +419,9 @@ test('text shadow colors', async ({ page }) => {`
`419`	`419`	`>`
`420`	`420`	`Hello world`
`421`	`421`	`</div>`
	`422`	`+`
	`423`	`+ <div id="f" class="text-shadow-xs/75">Hello world</div>`
	`424`	`+ <div id="g" class="text-shadow-xs/75 text-shadow-red/75">Hello world</div>`
`422`	`425`	`,
`423`	`426`	`)`
`424`	`427`
`@@ -435,6 +438,11 @@ test('text shadow colors', async ({ page }) => {`
`435`	`438`	`/oklab\(0.627\d+ 0.224\d+ 0.125\d+\) 0px 1px 1px/,`
`436`	`439`	`)`
`437`	`440`
	`441`	`+ expect(await getPropertyValue('#f', 'text-shadow')).toMatch(/oklab\(0 0 0 \/ 0.75\) 0px 1px 1px/)`
	`442`	`+ expect(await getPropertyValue('#g', 'text-shadow')).toMatch(`
	`443`	`+ /oklab\(0.627\d+ 0.224\d+ 0.125\d+ \/ 0.56\d+\) 0px 1px 1px/,`
	`444`	`+ )`
	`445`	`+`
`438`	`446`	`await page.locator('#d').hover()`
`439`	`447`
`440`	`448`	`expect(await getPropertyValue('#d', 'text-shadow')).toMatch(`