test: test for content-visibility

package.json

@@ -42,6 +42,8 @@
     "dev": "vite --host",
     "build": "tsc && vite build",
     "test": "vitest",
+    "test:update": "vitest --update",
+    "test:run": "vitest --run --changed",
     "test:coverage": "vitest --coverage",
     "typecheck": "tsc --noEmit --watch --preserveWatchOutput",
     "format": "eslint --fix --cache src/**/*.{vue,ts}",

src/tests/content-visibility.test.ts

@@ -0,0 +1,21 @@
+import { describe, expect, test } from 'vitest'
+import { getCss } from './utils'
+
+describe('content-visibility', () => {
+    test('keyword values', async () => {
+        const classes = 'content-auto content-hidden content-visible'
+
+        const css = await getCss(classes)
+        expect(css).toMatchInlineSnapshot(`
+          ".content-auto {
+              content-visibility: auto
+          }
+          .content-hidden {
+              content-visibility: hidden
+          }
+          .content-visible {
+              content-visibility: visible
+          }"
+        `)
+    })
+})