From ffb42bd48424f226b5107e9045143d1bec2553fb Mon Sep 17 00:00:00 2001
From: Aaron_Zhou <clark1729@outlook.com>
Date: Sat, 9 Sep 2023 00:25:17 +0800
Subject: [PATCH] test: test for `content-visibility`

---
 package.json                         |  2 ++
 src/tests/content-visibility.test.ts | 21 +++++++++++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 src/tests/content-visibility.test.ts

diff --git a/package.json b/package.json
index 3d41602..73dcf3c 100644
--- a/package.json
+++ b/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}",
diff --git a/src/tests/content-visibility.test.ts b/src/tests/content-visibility.test.ts
new file mode 100644
index 0000000..b29aafc
--- /dev/null
+++ b/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
+          }"
+        `)
+    })
+})