Update component styles in tests: adjust font-weight for buttons in light and dark themes

1aron · 1aron · commit 74c63816ef02 · 2025-04-21T08:04:04.000+08:00
diff --git a/packages/core/tests/config/styles/test.ts b/packages/core/tests/config/styles/test.ts
@@ -6,23 +6,23 @@ import { expectLayers } from '../../test'
 test.concurrent('components', () => {
     expectLayers(
         {
-            components: '.btn{font-size:0.875rem;height:2.5rem;text-align:center}.light .btn{background-color:rgb(0 0 0);color:rgb(255 255 255);font-weight:600}.dark .btn{background-color:rgb(255 255 255);color:rgb(255 255 255);font-weight:500}'
+            components: '.btn{font-size:0.875rem;height:2.5rem;text-align:center}.light .btn{background-color:rgb(0 0 0);color:rgb(255 255 255);font-weight:500}.dark .btn{background-color:rgb(255 255 255);color:rgb(255 255 255);font-weight:500}'
         },
         'btn',
         config
     )
 
     expectLayers(
         {
-            components: '.blue-btn{font-size:0.875rem;height:2.5rem;text-align:center}.light .blue-btn{background-color:rgb(0 0 0);color:rgb(255 255 255);font-weight:600;font-size:1.25rem}.dark .blue-btn{background-color:rgb(255 255 255);color:rgb(255 255 255);font-weight:500}'
+            components: '.blue-btn{font-size:0.875rem;height:2.5rem;text-align:center}.light .blue-btn{background-color:rgb(0 0 0);color:rgb(255 255 255);font-weight:500;font-size:1.25rem}.dark .blue-btn{background-color:rgb(255 255 255);color:rgb(255 255 255);font-weight:500}'
         },
         'blue-btn',
         config
     )
 
     expectLayers(
         {
-            components: '.blue-btn{font-size:0.875rem!important;height:2.5rem!important;text-align:center!important}.light .blue-btn{background-color:rgb(0 0 0)!important;color:rgb(255 255 255)!important;font-weight:600!important;font-size:1.25rem!important}.dark .blue-btn{background-color:rgb(255 255 255)!important;color:rgb(255 255 255)!important;font-weight:500!important}'
+            components: '.blue-btn{font-size:0.875rem!important;height:2.5rem!important;text-align:center!important}.light .blue-btn{background-color:rgb(0 0 0)!important;color:rgb(255 255 255)!important;font-weight:500!important;font-size:1.25rem!important}.dark .blue-btn{background-color:rgb(255 255 255)!important;color:rgb(255 255 255)!important;font-weight:500!important}'
         },
         'blue-btn',
         extend(config, { important: true })

Original file line number	Diff line number	Diff line change
`@@ -6,23 +6,23 @@ import { expectLayers } from '../../test'`
`6`	`6`	`test.concurrent('components', () => {`
`7`	`7`	`expectLayers(`
`8`	`8`	`{`
`9`		`- components: '.btn{font-size:0.875rem;height:2.5rem;text-align:center}.light .btn{background-color:rgb(0 0 0);color:rgb(255 255 255);font-weight:600}.dark .btn{background-color:rgb(255 255 255);color:rgb(255 255 255);font-weight:500}'`
	`9`	`+ components: '.btn{font-size:0.875rem;height:2.5rem;text-align:center}.light .btn{background-color:rgb(0 0 0);color:rgb(255 255 255);font-weight:500}.dark .btn{background-color:rgb(255 255 255);color:rgb(255 255 255);font-weight:500}'`
`10`	`10`	`},`
`11`	`11`	`'btn',`
`12`	`12`	`config`
`13`	`13`	`)`
`14`	`14`
`15`	`15`	`expectLayers(`
`16`	`16`	`{`
`17`		`- components: '.blue-btn{font-size:0.875rem;height:2.5rem;text-align:center}.light .blue-btn{background-color:rgb(0 0 0);color:rgb(255 255 255);font-weight:600;font-size:1.25rem}.dark .blue-btn{background-color:rgb(255 255 255);color:rgb(255 255 255);font-weight:500}'`
	`17`	`+ components: '.blue-btn{font-size:0.875rem;height:2.5rem;text-align:center}.light .blue-btn{background-color:rgb(0 0 0);color:rgb(255 255 255);font-weight:500;font-size:1.25rem}.dark .blue-btn{background-color:rgb(255 255 255);color:rgb(255 255 255);font-weight:500}'`
`18`	`18`	`},`
`19`	`19`	`'blue-btn',`
`20`	`20`	`config`
`21`	`21`	`)`
`22`	`22`
`23`	`23`	`expectLayers(`
`24`	`24`	`{`
`25`		`- components: '.blue-btn{font-size:0.875rem!important;height:2.5rem!important;text-align:center!important}.light .blue-btn{background-color:rgb(0 0 0)!important;color:rgb(255 255 255)!important;font-weight:600!important;font-size:1.25rem!important}.dark .blue-btn{background-color:rgb(255 255 255)!important;color:rgb(255 255 255)!important;font-weight:500!important}'`
	`25`	`+ components: '.blue-btn{font-size:0.875rem!important;height:2.5rem!important;text-align:center!important}.light .blue-btn{background-color:rgb(0 0 0)!important;color:rgb(255 255 255)!important;font-weight:500!important;font-size:1.25rem!important}.dark .blue-btn{background-color:rgb(255 255 255)!important;color:rgb(255 255 255)!important;font-weight:500!important}'`
`26`	`26`	`},`
`27`	`27`	`'blue-btn',`
`28`	`28`	`extend(config, { important: true })`