@@ -61,30 +61,29 @@ safeSizeTest('The simulated scrollbar should display correctly when there are st
6161 Themes . fluentBlue ,
6262 Themes . genericGreenMist ,
6363] . forEach ( ( theme ) => {
64- test . meta ( { unstable : true } ) ( `Row hover should display correctly when there are fixed columns (${ theme } theme)`, async ( t ) => {
64+ safeSizeTest ( `Header hover should display correctly when there are fixed columns (${ theme } theme)`, async ( t ) => {
6565 const { takeScreenshot, compareResults } = createScreenshotsComparer ( t ) ;
6666 const dataGrid = new DataGrid ( DATA_GRID_SELECTOR ) ;
67- const dataRow = dataGrid . getDataRow ( 1 ) ;
67+ const headerCell = dataGrid . getHeaders ( ) . getHeaderRow ( 0 ) . getHeaderCell ( 13 ) ;
6868
6969 await t . expect ( dataGrid . isReady ( ) ) . ok ( ) ;
7070
71- await t . hover ( dataRow . element ) ;
71+ await t . hover ( headerCell . element ) ;
7272
73- await t . expect ( dataRow . isHovered ) . ok ( ) ;
73+ await t . expect ( headerCell . isHovered ( ) ) . ok ( ) ;
7474
75- await takeScreenshot ( `datagrid_row_hover_with_fixed_columns_ (${ theme } ).png` , dataGrid . element ) ;
75+ await takeScreenshot ( `datagrid_header_hover_with_fixed_columns_ (${ theme } ).png` , dataGrid . element ) ;
7676
7777 await t
7878 . expect ( compareResults . isValid ( ) )
7979 . ok ( compareResults . errorMessages ( ) ) ;
80- } )
80+ } , [ 900 , 800 ] )
8181 . before ( async ( ) => {
8282 await changeTheme ( theme ) ;
8383 await createWidget ( 'dxDataGrid' , {
8484 dataSource : getData ( 20 , 15 ) ,
8585 columnWidth : 100 ,
8686 columnAutoWidth : true ,
87- hoverStateEnabled : true ,
8887 customizeColumns : ( columns ) => {
8988 columns [ 5 ] . fixed = true ;
9089 columns [ 5 ] . fixedPosition = 'left' ;
@@ -103,29 +102,30 @@ safeSizeTest('The simulated scrollbar should display correctly when there are st
103102 await changeTheme ( Themes . genericLight ) ;
104103 } ) ;
105104
106- safeSizeTest ( `Header hover should display correctly when there are fixed columns (${ theme } theme)`, async ( t ) => {
105+ test . meta ( { unstable : true } ) ( `Row hover should display correctly when there are fixed columns (${ theme } theme)`, async ( t ) => {
107106 const { takeScreenshot, compareResults } = createScreenshotsComparer ( t ) ;
108107 const dataGrid = new DataGrid ( DATA_GRID_SELECTOR ) ;
109- const headerCell = dataGrid . getHeaders ( ) . getHeaderRow ( 0 ) . getHeaderCell ( 13 ) ;
108+ const dataRow = dataGrid . getDataRow ( 1 ) ;
110109
111110 await t . expect ( dataGrid . isReady ( ) ) . ok ( ) ;
112111
113- await t . hover ( headerCell . element ) ;
112+ await t . hover ( dataRow . element ) ;
114113
115- await t . expect ( headerCell . isHovered ( ) ) . ok ( ) ;
114+ await t . expect ( dataRow . isHovered ) . ok ( ) ;
116115
117- await takeScreenshot ( `datagrid_header_hover_with_fixed_columns_ (${ theme } ).png` , dataGrid . element ) ;
116+ await takeScreenshot ( `datagrid_row_hover_with_fixed_columns_ (${ theme } ).png` , dataGrid . element ) ;
118117
119118 await t
120119 . expect ( compareResults . isValid ( ) )
121120 . ok ( compareResults . errorMessages ( ) ) ;
122- } , [ 900 , 800 ] )
121+ } )
123122 . before ( async ( ) => {
124123 await changeTheme ( theme ) ;
125124 await createWidget ( 'dxDataGrid' , {
126125 dataSource : getData ( 20 , 15 ) ,
127126 columnWidth : 100 ,
128127 columnAutoWidth : true ,
128+ hoverStateEnabled : true ,
129129 customizeColumns : ( columns ) => {
130130 columns [ 5 ] . fixed = true ;
131131 columns [ 5 ] . fixedPosition = 'left' ;
0 commit comments