Add tests for base and preset layers in CSS layer handling

packages/core/tests/layers/base.test.ts

@@ -0,0 +1,10 @@
+import { test } from 'vitest'
+import { expectLayers } from '../test'
+
+test.concurrent('basic', () => {
+    expectLayers({ base: '.block\\@base{display:block}' }, 'block@base')
+})
+
+test.concurrent('with selectors', () => {
+    expectLayers({ base: '.font\\:12_\\:is\\(code\\,pre\\)\\@base :is(code,pre){font-size:0.75rem}' }, 'font:12_:is(code,pre)@base')
+})

packages/core/tests/layers/preset.test.ts

@@ -1,6 +1,10 @@
 import { test } from 'vitest'
 import { expectLayers } from '../test'
 
-test.concurrent('add to @layer preset by @preset', () => {
+test.concurrent('basic', () => {
     expectLayers({ preset: '.block\\@preset{display:block}' }, 'block@preset')
+})
+
+test.concurrent('with selectors', () => {
+    expectLayers({ preset: '.font\\:12_\\:is\\(code\\,pre\\)\\@preset :is(code,pre){font-size:0.75rem}' }, 'font:12_:is(code,pre)@preset')
 })

packages/core/tests/test.ts

@@ -6,6 +6,7 @@ export const expectLayers = (
         theme?: string
         styles?: string
         general?: string
+        base?: string
         animations?: string
         preset?: string
     },
@@ -16,6 +17,7 @@ export const expectLayers = (
     if (layers.theme) expect(cssRuleText).toContain(`@layer theme{${layers.theme ?? ''}}`)
     if (layers.styles) expect(cssRuleText).toContain(`@layer styles{${layers.styles ?? ''}}`)
     if (layers.preset) expect(cssRuleText).toContain(`@layer preset{${layers.preset ?? ''}}`)
+    if (layers.base) expect(cssRuleText).toContain(`@layer base{${layers.base ?? ''}}`)
     if (layers.general) expect(cssRuleText).toContain(`@layer general{${layers.general ?? ''}}`)
     if (layers.animations) expect(cssRuleText).toContain(`${layers.animations ?? ''}`)
 }