1
1
describe ( 'Test the Data view docs page' , ( ) => {
2
-
2
+
3
3
it ( 'displays a layout with a table and paginates' , ( ) => {
4
4
const ouiaId = 'LayoutExample' ;
5
+ cy . viewport ( 1400 , 2800 )
5
6
6
- cy . visit ( 'http://localhost:8006/extensions/data-view/layout ' ) ;
7
+ cy . visit ( 'http://localhost:8006/extensions/data-view/overview ' ) ;
7
8
9
+ cy . get ( `[data-ouia-component-id="${ ouiaId } -th-0"]` ) . scrollIntoView ( ) . contains ( 'Repository' ) ;
8
10
cy . get ( `[data-ouia-component-id="${ ouiaId } Header-pagination"]` ) . should ( 'exist' ) ;
9
11
cy . get ( `[data-ouia-component-id="${ ouiaId } Header-bulk-select"]` ) . should ( 'exist' ) ;
10
12
11
13
cy . get ( `[data-ouia-component-id="${ ouiaId } Footer-pagination"]` ) . should ( 'exist' ) ;
12
14
cy . get ( `[data-ouia-component-id="${ ouiaId } Footer-bulk-select"]` ) . should ( 'not.exist' ) ;
13
15
14
- cy . get ( `[data-ouia-component-id="${ ouiaId } -th-0"]` ) . contains ( 'Repositories ' ) ;
16
+ cy . get ( `[data-ouia-component-id="${ ouiaId } -th-0"]` ) . contains ( 'Repository ' ) ;
15
17
cy . get ( `[data-ouia-component-id="${ ouiaId } -th-4"]` ) . contains ( 'Last commit' ) ;
16
18
17
19
cy . get ( `[data-ouia-component-id="${ ouiaId } -td-0-0"]` ) . contains ( 'Repository one' ) ;
@@ -27,33 +29,33 @@ describe('Test the Data view docs page', () => {
27
29
cy . get ( `[data-ouia-component-id="${ ouiaId } -td-0-4"]` ) . contains ( 'Timestamp one' ) ;
28
30
29
31
// 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
+ } ) ;
31
36
32
37
// page checkbox select
33
38
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
+ } ) ;
35
43
cy . contains ( '5 selected' ) . should ( 'exist' ) ;
36
44
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
-
48
45
// page checkbox deselect
49
46
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
+ } ) ;
52
51
53
52
// select page
54
53
cy . get ( `[data-ouia-component-id="BulkSelect-toggle"` ) . first ( ) . click ( { force : true } ) ;
55
54
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' ) ;
58
60
} )
59
61
} ) ;
0 commit comments