@@ -13,23 +13,24 @@ fixture.disablePageReloads`Sticky columns - Drag and Drop`
1313 . page ( url ( __dirname , '../../container.html' ) ) ;
1414
1515[ Themes . genericLight , Themes . materialBlue , Themes . fluentBlue ] . forEach ( ( theme ) => {
16- test . meta ( { unstable : true } ) ( `Row hover should display correctly when there are fixed columns (${ theme } theme)`, async ( t ) => {
16+ safeSizeTest ( `Header hover should display correctly when there are fixed columns (${ theme } theme)`, async ( t ) => {
1717 const { takeScreenshot, compareResults } = createScreenshotsComparer ( t ) ;
1818 const treeList = new TreeList ( TREE_LIST_SELECTOR ) ;
19- const dataRow = treeList . getDataRow ( 1 ) ;
19+ const headerCell = treeList . getHeaders ( ) . getHeaderRow ( 0 ) . getHeaderCell ( 13 ) ;
2020
2121 await t . expect ( treeList . isReady ( ) ) . ok ( ) ;
2222
23- await t . hover ( dataRow . element ) ;
23+ await t . hover ( headerCell . element ) ;
2424
25- await t . expect ( dataRow . isHovered ) . ok ( ) ;
25+ await t . expect ( headerCell . isHovered ( ) ) . ok ( ) ;
2626
27- await takeScreenshot ( `treelist_row_hover_with_fixed_columns_ (${ theme } ).png` , treeList . element ) ;
27+ await takeScreenshot ( `treelist_header_hover_with_fixed_columns_ (${ theme } ).png` , treeList . element ) ;
2828
2929 await t
3030 . expect ( compareResults . isValid ( ) )
3131 . ok ( compareResults . errorMessages ( ) ) ;
32- } ) . before ( async ( ) => {
32+ } , [ 900 , 800 ] )
33+ . before ( async ( ) => {
3334 await changeTheme ( theme ) ;
3435 await createWidget ( 'dxTreeList' , {
3536 dataSource : new Array ( 20 ) . fill ( null ) . map ( ( _ , index ) => {
@@ -51,7 +52,6 @@ fixture.disablePageReloads`Sticky columns - Drag and Drop`
5152 width : 850 ,
5253 autoExpandAll : true ,
5354 columnAutoWidth : true ,
54- hoverStateEnabled : true ,
5555 customizeColumns ( columns ) {
5656 columns [ 5 ] . fixed = true ;
5757 columns [ 6 ] . fixed = true ;
@@ -68,58 +68,57 @@ fixture.disablePageReloads`Sticky columns - Drag and Drop`
6868 await changeTheme ( Themes . genericLight ) ;
6969 } ) ;
7070
71- safeSizeTest ( `Header hover should display correctly when there are fixed columns (${ theme } theme)`, async ( t ) => {
71+ test . meta ( { unstable : true } ) ( `Row hover should display correctly when there are fixed columns (${ theme } theme)`, async ( t ) => {
7272 const { takeScreenshot, compareResults } = createScreenshotsComparer ( t ) ;
7373 const treeList = new TreeList ( TREE_LIST_SELECTOR ) ;
74- const headerCell = treeList . getHeaders ( ) . getHeaderRow ( 0 ) . getHeaderCell ( 13 ) ;
74+ const dataRow = treeList . getDataRow ( 1 ) ;
7575
7676 await t . expect ( treeList . isReady ( ) ) . ok ( ) ;
7777
78- await t . hover ( headerCell . element ) ;
78+ await t . hover ( dataRow . element ) ;
7979
80- await t . expect ( headerCell . isHovered ( ) ) . ok ( ) ;
80+ await t . expect ( dataRow . isHovered ) . ok ( ) ;
8181
82- await takeScreenshot ( `treelist_header_hover_with_fixed_columns_ (${ theme } ).png` , treeList . element ) ;
82+ await takeScreenshot ( `treelist_row_hover_with_fixed_columns_ (${ theme } ).png` , treeList . element ) ;
8383
8484 await t
8585 . expect ( compareResults . isValid ( ) )
8686 . ok ( compareResults . errorMessages ( ) ) ;
87- } , [ 900 , 800 ] )
88- . before ( async ( ) => {
89- await changeTheme ( theme ) ;
90- await createWidget ( 'dxTreeList' , {
91- dataSource : new Array ( 20 ) . fill ( null ) . map ( ( _ , index ) => {
92- const item = {
93- id : index + 1 ,
94- parentId : index % 5 ,
95- } ;
96-
97- for ( let i = 0 ; i < 13 ; i += 1 ) {
98- item [ `field${ i } ` ] = `test ${ i } ${ index + 2 } ` ;
99- }
100-
101- return item ;
102- } ) ,
103- keyExpr : 'id' ,
104- columnFixing : {
105- enabled : true ,
106- } ,
107- width : 850 ,
108- autoExpandAll : true ,
109- columnAutoWidth : true ,
110- customizeColumns ( columns ) {
111- columns [ 5 ] . fixed = true ;
112- columns [ 6 ] . fixed = true ;
113-
114- columns [ 8 ] . fixed = true ;
115- columns [ 8 ] . fixedPosition = 'right' ;
116- columns [ 9 ] . fixed = true ;
117- columns [ 9 ] . fixedPosition = 'right' ;
118- } ,
119- } ) ;
120- } )
121- . after ( async ( t ) => {
122- await t . hover ( Selector ( 'body' ) ) ;
123- await changeTheme ( Themes . genericLight ) ;
87+ } ) . before ( async ( ) => {
88+ await changeTheme ( theme ) ;
89+ await createWidget ( 'dxTreeList' , {
90+ dataSource : new Array ( 20 ) . fill ( null ) . map ( ( _ , index ) => {
91+ const item = {
92+ id : index + 1 ,
93+ parentId : index % 5 ,
94+ } ;
95+
96+ for ( let i = 0 ; i < 13 ; i += 1 ) {
97+ item [ `field${ i } ` ] = `test ${ i } ${ index + 2 } ` ;
98+ }
99+
100+ return item ;
101+ } ) ,
102+ keyExpr : 'id' ,
103+ columnFixing : {
104+ enabled : true ,
105+ } ,
106+ width : 850 ,
107+ autoExpandAll : true ,
108+ columnAutoWidth : true ,
109+ hoverStateEnabled : true ,
110+ customizeColumns ( columns ) {
111+ columns [ 5 ] . fixed = true ;
112+ columns [ 6 ] . fixed = true ;
113+
114+ columns [ 8 ] . fixed = true ;
115+ columns [ 8 ] . fixedPosition = 'right' ;
116+ columns [ 9 ] . fixed = true ;
117+ columns [ 9 ] . fixedPosition = 'right' ;
118+ } ,
124119 } ) ;
120+ } ) . after ( async ( t ) => {
121+ await t . hover ( Selector ( 'body' ) ) ;
122+ await changeTheme ( Themes . genericLight ) ;
123+ } ) ;
125124} ) ;
0 commit comments