Refactor CSS rules in tests for consistency and clarity

1aron · 1aron · commit ec8eea39a9ba · 2025-04-10T19:19:51.000+08:00
diff --git a/packages/cli/tests/render/test.ts b/packages/cli/tests/render/test.ts
@@ -24,7 +24,7 @@ it('render css text into <head>', async () => {
             <head>
                 <link rel="styleSheet">
                 <style></style>
-            <style id="master">@layer base,theme,preset,components,general;@layer general{.font\\:32{font-size:2rem}.ml\\:0\\>\\:is\\(a\\,button\\)\\:first>:is(a,button):first-child{margin-left:0rem}.text\\:center{text-align:center}}</style></head>
+            <style id="master">@layer base,theme,preset,components,general;@layer general{.font\\:32{font-size:2rem}.text\\:center{text-align:center}.ml\\:0\\>\\:is\\(a\\,button\\)\\:first>:is(a,button):first-child{margin-left:0rem}}</style></head>
             <body>
                 <h1 class="text:center ml:0>:is(a,button):first font:32">Hello World</h1>
             </body>
diff --git a/packages/extractor/tests/contributions/aristide.test.ts b/packages/extractor/tests/contributions/aristide.test.ts
@@ -80,23 +80,23 @@ test('AristideBH', async () => {
     expect(extractor?.css.generalLayer.rules.map(({ name }) => name)).toEqual([
         'flex',
         'sticky',
-        'bg:var(--primary)',
         'bg:var(--code-background-color)',
+        'bg:var(--primary)',
         'grid-row:1/2',
         'p:20',
-        '{p:1.5em;flex-basis:full;fg:white;text-decoration:none}>a',
         'ai:center',
         'aspect:16/9',
+        'f:12',
         'fg:white',
-        'flex:row',
         'flex:col',
-        'f:12',
+        'flex:row',
         'jc:center',
         'obj:cover',
         't:center',
         'top:0',
         'w:100%',
         'z:10',
+        '{p:1.5em;flex-basis:full;fg:white;text-decoration:none}>a',
         'text-decoration:none:hover',
     ])
 })
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
