@@ -134,8 +134,8 @@ describe("CortexEditorTabs", () => {
134134 const activeTab = tabElements [ 0 ] as HTMLElement ;
135135 const inactiveTab = tabElements [ 1 ] as HTMLElement ;
136136
137- // Active tab uses CSS variable for bg
138- expect ( activeTab ?. style . background ) . toContain ( "var(--cortex-bg-elevated) " ) ;
137+ // Active tab uses CSS variable for bg (with fallback)
138+ expect ( activeTab ?. style . background ) . toContain ( "var(--cortex-bg-elevated" ) ;
139139 expect ( inactiveTab ?. style . background ) . toBe ( "transparent" ) ;
140140 } ) ;
141141
@@ -147,9 +147,9 @@ describe("CortexEditorTabs", () => {
147147 ) ) ;
148148
149149 const activeTab = container . querySelector ( '[role="tab"]' ) as HTMLElement ;
150- // Active tab uses CSS variable for bg and uniform 8px border-radius per Figma
151- expect ( activeTab ?. style . background ) . toContain ( "var(--cortex-bg-elevated) " ) ;
152- expect ( activeTab ?. style . borderRadius ) . toBe ( "8px" ) ;
150+ // Active tab uses CSS variable for bg and top-only border-radius per Figma
151+ expect ( activeTab ?. style . background ) . toContain ( "var(--cortex-bg-elevated" ) ;
152+ expect ( activeTab ?. style . borderRadius ) . toBe ( "8px 8px 0 0 " ) ;
153153 } ) ;
154154
155155 it ( "should not highlight any tab when activeTabId is null" , ( ) => {
@@ -368,12 +368,12 @@ describe("CortexEditorTabs", () => {
368368 expect ( tabBar ?. style . backgroundColor ) . toBe ( "red" ) ;
369369 } ) ;
370370
371- it ( "should have correct container height of 40px per Figma" , ( ) => {
371+ it ( "should have correct container height of 36px per Figma" , ( ) => {
372372 const { container } = render ( ( ) => (
373373 < CortexEditorTabs tabs = { [ ] } activeTabId = { null } />
374374 ) ) ;
375375 const tabBar = container . firstChild as HTMLElement ;
376- expect ( tabBar ?. style . height ) . toBe ( "40px " ) ;
376+ expect ( tabBar ?. style . height ) . toBe ( "36px " ) ;
377377 } ) ;
378378 } ) ;
379379} ) ;
0 commit comments