@@ -118,71 +118,4 @@ describe('ComparisonGrid', () => {
118118 expect ( component . text ( ) ) . toContain ( 'Row content' )
119119 } )
120120 } )
121-
122- describe ( 'structure' , ( ) => {
123- it ( 'has overflow-x-auto wrapper for horizontal scrolling' , async ( ) => {
124- const component = await mountSuspended ( ComparisonGrid , {
125- props : {
126- columns : 2 ,
127- headers : [ 'a' , 'b' ] ,
128- } ,
129- } )
130- expect ( component . find ( '.overflow-x-auto' ) . exists ( ) ) . toBe ( true )
131- } )
132-
133- it ( 'has comparison-grid class on main container' , async ( ) => {
134- const component = await mountSuspended ( ComparisonGrid , {
135- props : {
136- columns : 2 ,
137- headers : [ 'a' , 'b' ] ,
138- } ,
139- } )
140- expect ( component . find ( '.comparison-grid' ) . exists ( ) ) . toBe ( true )
141- } )
142-
143- it ( 'has comparison-header using display:contents' , async ( ) => {
144- const component = await mountSuspended ( ComparisonGrid , {
145- props : {
146- columns : 2 ,
147- headers : [ 'a' , 'b' ] ,
148- } ,
149- } )
150- expect ( component . find ( '.comparison-header' ) . exists ( ) ) . toBe ( true )
151- } )
152-
153- it ( 'has empty label cell in header row' , async ( ) => {
154- const component = await mountSuspended ( ComparisonGrid , {
155- props : {
156- columns : 2 ,
157- headers : [ 'a' , 'b' ] ,
158- } ,
159- } )
160- expect ( component . find ( '.comparison-label' ) . exists ( ) ) . toBe ( true )
161- } )
162- } )
163-
164- describe ( 'styling' , ( ) => {
165- it ( 'applies header cell background' , async ( ) => {
166- const component = await mountSuspended ( ComparisonGrid , {
167- props : {
168- columns : 2 ,
169- headers : [ 'a' , 'b' ] ,
170- } ,
171- } )
172- // Header cells have comparison-cell-header class which applies bg
173- expect ( component . findAll ( '.comparison-cell-header' ) . length ) . toBe ( 2 )
174- } )
175-
176- it ( 'header text is monospace and medium weight' , async ( ) => {
177- const component = await mountSuspended ( ComparisonGrid , {
178- props : {
179- columns : 2 ,
180- headers : [ 'lodash' ] ,
181- } ,
182- } )
183- const headerSpan = component . find ( '.comparison-cell-header span' )
184- expect ( headerSpan . classes ( ) ) . toContain ( 'font-mono' )
185- expect ( headerSpan . classes ( ) ) . toContain ( 'font-medium' )
186- } )
187- } )
188121} )
0 commit comments