Skip to content

Commit c616c67

Browse files
bertrandgbertrandg
committed
Update cypress split-area selectors tests
1 parent 7b6b26a commit c616c67

3 files changed

Lines changed: 38 additions & 38 deletions

File tree

‎cypress/integration/2.nested.spec.js‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -14,8 +14,8 @@ context('Nested splits example page tests', () => {
1414
it('Display initial state', () => {
1515
checkSplitDirAndSizes('.split-example > as-split', 'horizontal', W, H, GUTTER, [424, 635]);
1616

17-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(1) > as-split', 'vertical', 424, H, GUTTER, [126, 126, 126]);
18-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(2) > as-split', 'vertical', 635, H, GUTTER, [97, 292]);
17+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'vertical', 424, H, GUTTER, [126, 126, 126]);
18+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'vertical', 635, H, GUTTER, [97, 292]);
1919
})
2020

2121
it('Move gutter horizontally 3 times and until maximum', () => {
@@ -33,31 +33,31 @@ context('Nested splits example page tests', () => {
3333
})
3434

3535
it('Move nested split 1 multiple times', () => {
36-
moveGutter('.split-example > as-split > as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, 0, 60);
37-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(1) > as-split', 'vertical', 424, H, GUTTER, [186, 66, 126]);
36+
moveGutter('.split-example > as-split > .as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, 0, 60);
37+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'vertical', 424, H, GUTTER, [186, 66, 126]);
3838

39-
moveGutter('.split-example > as-split > as-split-area:nth-child(1) > as-split > .as-split-gutter', 1, 0, -300);
40-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(1) > as-split', 'vertical', 424, H, GUTTER, [186, 0, 192]);
39+
moveGutter('.split-example > as-split > .as-split-area:nth-child(1) > as-split > .as-split-gutter', 1, 0, -300);
40+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'vertical', 424, H, GUTTER, [186, 0, 192]);
4141

4242
// Move space smaller than gutter > nothing change
43-
moveGutter('.split-example > as-split > as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, 0, -10);
44-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(1) > as-split', 'vertical', 424, H, GUTTER, [186, 0, 192]);
43+
moveGutter('.split-example > as-split > .as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, 0, -10);
44+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'vertical', 424, H, GUTTER, [186, 0, 192]);
4545

4646
// Move space same as gutter > move
47-
moveGutter('.split-example > as-split > as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, 0, -GUTTER);
48-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(1) > as-split', 'vertical', 424, H, GUTTER, [175, 11, 192]);
47+
moveGutter('.split-example > as-split > .as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, 0, -GUTTER);
48+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'vertical', 424, H, GUTTER, [175, 11, 192]);
4949

5050
// Move space bigger than gutter > move
51-
moveGutter('.split-example > as-split > as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, 0, -20);
52-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(1) > as-split', 'vertical', 424, H, GUTTER, [155, 31, 192]);
51+
moveGutter('.split-example > as-split > .as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, 0, -20);
52+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'vertical', 424, H, GUTTER, [155, 31, 192]);
5353
})
5454

5555
it('Move nested split 2 multiple times', () => {
56-
moveGutter('.split-example > as-split > as-split-area:nth-child(2) > as-split > .as-split-gutter', 0, 0, 600);
57-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(2) > as-split', 'vertical', 635, H, GUTTER, [389, 0]);
56+
moveGutter('.split-example > as-split > .as-split-area:nth-child(2) > as-split > .as-split-gutter', 0, 0, 600);
57+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'vertical', 635, H, GUTTER, [389, 0]);
5858

59-
moveGutter('.split-example > as-split > as-split-area:nth-child(2) > as-split > .as-split-gutter', 0, 0, -600);
60-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(2) > as-split', 'vertical', 635, H, GUTTER, [0, 389]);
59+
moveGutter('.split-example > as-split > .as-split-area:nth-child(2) > as-split > .as-split-gutter', 0, 0, -600);
60+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'vertical', 635, H, GUTTER, [0, 389]);
6161
})
6262

6363
})

‎cypress/integration/4.sync.spec.js‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -14,36 +14,36 @@ context('Sync splits example page tests', () => {
1414

1515
it('Display initial state', () => {
1616
checkSplitDirAndSizes('.split-example > as-split', 'vertical', W, H, GUTTER, [87, 202]);
17-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(1) > as-split', 'horizontal', W, 87, GUTTER, [265, 794]);
18-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(2) > as-split', 'horizontal', W, 202, GUTTER, [265, 794]);
17+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 87, GUTTER, [265, 794]);
18+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 202, GUTTER, [265, 794]);
1919
})
2020

2121
it('Move gutter upper split horizontally and check if other split follow', () => {
22-
moveGutter('.split-example > as-split > as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, 280, 0);
23-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(1) > as-split', 'horizontal', W, 87, GUTTER, [544, 515]);
24-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(2) > as-split', 'horizontal', W, 202, GUTTER, [544, 515]);
22+
moveGutter('.split-example > as-split > .as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, 280, 0);
23+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 87, GUTTER, [544, 515]);
24+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 202, GUTTER, [544, 515]);
2525

26-
moveGutter('.split-example > as-split > as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, 600, 0);
27-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(1) > as-split', 'horizontal', W, 87, GUTTER, [1059, 0]);
28-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(2) > as-split', 'horizontal', W, 202, GUTTER, [1059, 0]);
26+
moveGutter('.split-example > as-split > .as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, 600, 0);
27+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 87, GUTTER, [1059, 0]);
28+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 202, GUTTER, [1059, 0]);
2929

30-
moveGutter('.split-example > as-split > as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, -1500, 0);
31-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(1) > as-split', 'horizontal', W, 87, GUTTER, [0, 1059]);
32-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(2) > as-split', 'horizontal', W, 202, GUTTER, [0, 1059]);
30+
moveGutter('.split-example > as-split > .as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, -1500, 0);
31+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 87, GUTTER, [0, 1059]);
32+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 202, GUTTER, [0, 1059]);
3333
})
3434

3535
it('Move gutter down split horizontally and check if other split follow', () => {
36-
moveGutter('.split-example > as-split > as-split-area:nth-child(2) > as-split > .as-split-gutter', 0, 280, 0);
37-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(1) > as-split', 'horizontal', W, 87, GUTTER, [544, 515]);
38-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(2) > as-split', 'horizontal', W, 202, GUTTER, [544, 515]);
36+
moveGutter('.split-example > as-split > .as-split-area:nth-child(2) > as-split > .as-split-gutter', 0, 280, 0);
37+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 87, GUTTER, [544, 515]);
38+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 202, GUTTER, [544, 515]);
3939

40-
moveGutter('.split-example > as-split > as-split-area:nth-child(2) > as-split > .as-split-gutter', 0, 600, 0);
41-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(1) > as-split', 'horizontal', W, 87, GUTTER, [1059, 0]);
42-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(2) > as-split', 'horizontal', W, 202, GUTTER, [1059, 0]);
40+
moveGutter('.split-example > as-split > .as-split-area:nth-child(2) > as-split > .as-split-gutter', 0, 600, 0);
41+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 87, GUTTER, [1059, 0]);
42+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 202, GUTTER, [1059, 0]);
4343

44-
moveGutter('.split-example > as-split > as-split-area:nth-child(2) > as-split > .as-split-gutter', 0, -1500, 0);
45-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(1) > as-split', 'horizontal', W, 87, GUTTER, [0, 1059]);
46-
checkSplitDirAndSizes('.split-example > as-split > as-split-area:nth-child(2) > as-split', 'horizontal', W, 202, GUTTER, [0, 1059]);
44+
moveGutter('.split-example > as-split > .as-split-area:nth-child(2) > as-split > .as-split-gutter', 0, -1500, 0);
45+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 87, GUTTER, [0, 1059]);
46+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 202, GUTTER, [0, 1059]);
4747
})
4848

4949
})

‎cypress/integration/9.geek.spec.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -132,8 +132,8 @@ context('Geek demo example page tests', () => {
132132

133133

134134
function checkAreaOrder() {
135-
// Retrieve all <as-split-area> displayed in order
136-
cy.get('as-split-area').then($splitAreas => {
135+
// Retrieve all as-split-area displayed in order
136+
cy.get('.as-split-area').then($splitAreas => {
137137
const splitAreasNum = $splitAreas.map((i, $el) => $el.textContent);
138138

139139
// Retrieve all listed areas displayed in order

0 commit comments

Comments
 (0)