11describe ( 'Test the Data view docs page' , ( ) => {
2-
2+
33 it ( 'displays a layout with a table and paginates' , ( ) => {
44 const ouiaId = 'LayoutExample' ;
5+ cy . viewport ( 1400 , 2800 )
56
6- cy . visit ( 'http://localhost:8006/extensions/data-view/layout ' ) ;
7+ cy . visit ( 'http://localhost:8006/extensions/data-view/overview ' ) ;
78
9+ cy . get ( `[data-ouia-component-id="${ ouiaId } -th-0"]` ) . scrollIntoView ( ) . contains ( 'Repository' ) ;
810 cy . get ( `[data-ouia-component-id="${ ouiaId } Header-pagination"]` ) . should ( 'exist' ) ;
911 cy . get ( `[data-ouia-component-id="${ ouiaId } Header-bulk-select"]` ) . should ( 'exist' ) ;
1012
1113 cy . get ( `[data-ouia-component-id="${ ouiaId } Footer-pagination"]` ) . should ( 'exist' ) ;
1214 cy . get ( `[data-ouia-component-id="${ ouiaId } Footer-bulk-select"]` ) . should ( 'not.exist' ) ;
1315
14- cy . get ( `[data-ouia-component-id="${ ouiaId } -th-0"]` ) . contains ( 'Repositories ' ) ;
16+ cy . get ( `[data-ouia-component-id="${ ouiaId } -th-0"]` ) . contains ( 'Repository ' ) ;
1517 cy . get ( `[data-ouia-component-id="${ ouiaId } -th-4"]` ) . contains ( 'Last commit' ) ;
1618
1719 cy . get ( `[data-ouia-component-id="${ ouiaId } -td-0-0"]` ) . contains ( 'Repository one' ) ;
@@ -27,33 +29,33 @@ describe('Test the Data view docs page', () => {
2729 cy . get ( `[data-ouia-component-id="${ ouiaId } -td-0-4"]` ) . contains ( 'Timestamp one' ) ;
2830
2931 // test bulk select
30- cy . get ( `input[type="checkbox"` ) . each ( ( $checkbox ) => { cy . wrap ( $checkbox ) . should ( 'not.be.checked' ) } ) ;
32+ cy . get ( '[data-ouia-component-id="LayoutExample"] input[type="checkbox"]' )
33+ . each ( ( $checkbox ) => {
34+ cy . wrap ( $checkbox ) . should ( 'not.be.checked' ) ;
35+ } ) ;
3136
3237 // page checkbox select
3338 cy . get ( `[data-ouia-component-id="BulkSelect-checkbox"` ) . first ( ) . click ( ) ;
34- cy . get ( `input[type="checkbox"` ) . each ( ( $checkbox ) => { cy . wrap ( $checkbox ) . should ( 'be.checked' ) } ) ;
39+ cy . get ( '[data-ouia-component-id="LayoutExample"] input[type="checkbox"]' )
40+ . each ( ( $checkbox ) => {
41+ cy . wrap ( $checkbox ) . should ( 'be.checked' ) ;
42+ } ) ;
3543 cy . contains ( '5 selected' ) . should ( 'exist' ) ;
3644
37- // select none
38- cy . get ( `[data-ouia-component-id="BulkSelect-toggle"` ) . first ( ) . click ( { force : true } ) ;
39- cy . get ( `[data-ouia-component-id="BulkSelect-select-none"` ) . first ( ) . click ( ) ;
40- cy . contains ( '5 selected' ) . should ( 'not.exist' ) ;
41-
42- // select all
43- cy . get ( `[data-ouia-component-id="BulkSelect-toggle"` ) . first ( ) . click ( { force : true } ) ;
44- cy . get ( `[data-ouia-component-id="BulkSelect-select-all"` ) . first ( ) . click ( ) ;
45- cy . get ( `input[type="checkbox"` ) . each ( ( $checkbox ) => { cy . wrap ( $checkbox ) . should ( 'be.checked' ) } ) ;
46- cy . contains ( '6 selected' ) . should ( 'exist' ) ;
47-
4845 // page checkbox deselect
4946 cy . get ( `[data-ouia-component-id="BulkSelect-checkbox"` ) . first ( ) . click ( ) ;
50- cy . get ( `input[type="checkbox"` ) . each ( ( $checkbox ) => { cy . wrap ( $checkbox ) . should ( 'not.be.checked' ) } ) ;
51- cy . contains ( '1 selected' ) . should ( 'exist' ) ;
47+ cy . get ( '[data-ouia-component-id="LayoutExample"] input[type="checkbox"]' )
48+ . each ( ( $checkbox ) => {
49+ cy . wrap ( $checkbox ) . should ( 'not.be.checked' ) ;
50+ } ) ;
5251
5352 // select page
5453 cy . get ( `[data-ouia-component-id="BulkSelect-toggle"` ) . first ( ) . click ( { force : true } ) ;
5554 cy . get ( `[data-ouia-component-id="BulkSelect-select-page"` ) . first ( ) . click ( ) ;
56- cy . get ( `input[type="checkbox"` ) . each ( ( $checkbox ) => { cy . wrap ( $checkbox ) . should ( 'be.checked' ) } ) ;
57- cy . contains ( '6 selected' ) . should ( 'exist' ) ;
55+ cy . get ( '[data-ouia-component-id="LayoutExample"] input[type="checkbox"]' )
56+ . each ( ( $checkbox ) => {
57+ cy . wrap ( $checkbox ) . should ( 'be.checked' ) ;
58+ } ) ;
59+ cy . contains ( '5 selected' ) . should ( 'exist' ) ;
5860 } )
5961} ) ;
0 commit comments