test: add postcss more case

Author: sonofmagic

packages/postcss/test/defaults.test.ts

@@ -0,0 +1,34 @@
+import { getDefaultOptions } from '@/defaults'
+
+describe('getDefaultOptions', () => {
+  it('provides the expected defaults when no overrides are given', () => {
+    const defaults = getDefaultOptions()
+
+    expect(defaults.cssPresetEnv?.features?.['cascade-layers']).toBe(true)
+    expect(defaults.cssPresetEnv?.features?.['is-pseudo-class']).toEqual({ specificityMatchingName: 'weapp-tw-ig' })
+    expect(defaults.cssPresetEnv?.features?.['custom-properties']).toBe(false)
+    expect(defaults.cssPresetEnv?.features?.['color-mix']).toBe(true)
+    expect(defaults.cssPresetEnv?.features?.['oklab-function']).toBe(true)
+    expect(defaults.cssPresetEnv?.autoprefixer?.add).toBe(false)
+    expect(defaults.cssSelectorReplacement).toEqual({ root: 'page', universal: ['view', 'text'] })
+    expect(defaults.cssRemoveProperty).toBe(true)
+  })
+
+  it('enables custom-properties preservation when cssCalc is truthy', () => {
+    const defaults = getDefaultOptions({ cssCalc: true })
+
+    expect(defaults.cssPresetEnv?.features?.['custom-properties']).toEqual({ preserve: true })
+  })
+
+  it('respects falsy custom-properties overrides', () => {
+    const defaults = getDefaultOptions({
+      cssPresetEnv: {
+        features: {
+          'custom-properties': false,
+        },
+      },
+    })
+
+    expect(defaults.cssPresetEnv?.features?.['custom-properties']).toBe(false)
+  })
+})

packages/postcss/test/preflight.test.ts

@@ -0,0 +1,32 @@
+import { createInjectPreflight } from '@/preflight'
+
+describe('createInjectPreflight', () => {
+  it('stringifies values and skips disabled entries', () => {
+    const inject = createInjectPreflight({
+      color: 'red',
+      fontSize: 16,
+      border: false,
+      opacity: 0,
+    })
+
+    const result = inject()
+
+    expect(result).toEqual([
+      { prop: 'color', value: 'red' },
+      { prop: 'fontSize', value: '16' },
+      { prop: 'opacity', value: '0' },
+    ])
+    expect(result).toBe(inject())
+  })
+
+  it('returns an empty list when preflight is disabled', () => {
+    expect(createInjectPreflight(false)()).toEqual([])
+    expect(createInjectPreflight(undefined)()).toEqual([])
+  })
+
+  it('retains boolean true values', () => {
+    const inject = createInjectPreflight({ display: true })
+
+    expect(inject()).toEqual([{ prop: 'display', value: 'true' }])
+  })
+})

packages/postcss/test/shared.test.ts

@@ -0,0 +1,45 @@
+import type { IMangleScopeContext } from '@weapp-tailwindcss/mangle'
+import { composeIsPseudo, internalCssSelectorReplacer } from '@/shared'
+
+describe('internalCssSelectorReplacer', () => {
+  it('applies the default escape mapping', () => {
+    expect(internalCssSelectorReplacer('.btn:hover>view+text')).toBe('dbtnchovergviewatext')
+  })
+
+  it('respects custom escape maps', () => {
+    const value = internalCssSelectorReplacer('view>text.btn', {
+      escapeMap: {
+        '.': 'DOT',
+        '>': 'GT',
+      },
+    })
+
+    expect(value).toBe('viewGTtextDOTbtn')
+  })
+
+  it('runs the mangle css handler before escaping', () => {
+    const mangleContext = {
+      cssHandler: (raw: string) => raw.replace('primary', 'p'),
+    } as unknown as IMangleScopeContext
+
+    const value = internalCssSelectorReplacer('.primary:hover', {
+      mangleContext,
+    })
+
+    expect(value).toBe('dpchover')
+  })
+})
+
+describe('composeIsPseudo', () => {
+  it('passes strings through unchanged', () => {
+    expect(composeIsPseudo(':hover')).toBe(':hover')
+  })
+
+  it('unwraps single-item arrays', () => {
+    expect(composeIsPseudo([':focus-visible'])).toBe(':focus-visible')
+  })
+
+  it('wraps multiple selectors in :is()', () => {
+    expect(composeIsPseudo([':hover', ':focus'])).toBe(':is(:hover,:focus)')
+  })
+})