test: add test case for directive

unocss · Jul 9, 2022 · 9df9801 · 9df9801
1 parent b5feafd
commit 9df9801
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/test/transformer-directives.test.ts b/test/transformer-directives.test.ts
@@ -481,4 +481,21 @@ describe('transformer-directives', () => {
         "
       `)
   })
+
+  test('@apply with colon', async () => {
+    const result = await transform(
+      '.btn { @apply: rounded text-lg font-mono }',
+    )
+    expect(result)
+      .toMatchInlineSnapshot(`
+        ".btn {
+          border-radius: 0.25rem;
+          font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+            \\"Liberation Mono\\", \\"Courier New\\", monospace;
+          font-size: 1.125rem;
+          line-height: 1.75rem;
+        }
+        "
+      `)
+  })
 })