@@ -50,7 +50,7 @@ describe("CortexHeaderItem", () => {
5050 it ( "has secondary text color by default" , ( ) => {
5151 const { getByRole } = render ( ( ) => < CortexHeaderItem label = "File" /> ) ;
5252 const button = getByRole ( "button" ) as HTMLElement ;
53- expect ( button . style . color ) . toBe ( "rgb(140, 141, 143 )" ) ;
53+ expect ( button . style . color ) . toBe ( "var(--cortex-text-secondary )" ) ;
5454 } ) ;
5555
5656 it ( "has no border radius by default" , ( ) => {
@@ -74,7 +74,7 @@ describe("CortexHeaderItem", () => {
7474 < CortexHeaderItem label = "File" isActive = { true } />
7575 ) ) ;
7676 const button = getByRole ( "button" ) as HTMLElement ;
77- expect ( button . style . color ) . toBe ( "rgb(252, 252, 252 )" ) ;
77+ expect ( button . style . color ) . toBe ( "var(--cortex-text-primary )" ) ;
7878 } ) ;
7979
8080 it ( "has border radius when active" , ( ) => {
@@ -135,7 +135,7 @@ describe("CortexHeaderItem", () => {
135135 const button = getByRole ( "button" ) as HTMLElement ;
136136 const mouseEnterEvent = new MouseEvent ( "mouseenter" , { bubbles : true } ) ;
137137 button . dispatchEvent ( mouseEnterEvent ) ;
138- expect ( button . style . color ) . toBe ( "rgb(252, 252, 252 )" ) ;
138+ expect ( button . style . color ) . toBe ( "var(--cortex-text-primary )" ) ;
139139 } ) ;
140140
141141 it ( "applies border radius on hover" , ( ) => {
@@ -154,7 +154,7 @@ describe("CortexHeaderItem", () => {
154154 button . dispatchEvent ( mouseEnterEvent ) ;
155155 button . dispatchEvent ( mouseLeaveEvent ) ;
156156 expect ( button . style . background ) . toBe ( "transparent" ) ;
157- expect ( button . style . color ) . toBe ( "rgb(140, 141, 143 )" ) ;
157+ expect ( button . style . color ) . toBe ( "var(--cortex-text-secondary )" ) ;
158158 expect ( button . style . borderRadius ) . toBe ( "0px" ) ;
159159 } ) ;
160160 } ) ;
0 commit comments