Skip to content

Commit 03ecfef

Browse files
author
Gaillard
committed
Update cypress tests using getBoundingClientRect() + version 3.0.0-beta.5
1 parent 3d99266 commit 03ecfef

File tree

15 files changed

+184
-144
lines changed

15 files changed

+184
-144
lines changed

‎cypress.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"baseUrl": "http://localhost:4200",
2+
"baseUrl": "http://localhost:4242",
33
"viewportWidth": 1200,
44
"viewportHeight": 800,
55
"blacklistHosts": ["camo.githubusercontent.com"]

‎cypress/integration/1.simple.spec.js‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -13,31 +13,31 @@ context('Simple split example page tests', () => {
1313
})
1414

1515
it('Display initial state', () => {
16-
checkSplitDirAndSizes('as-split', 'horizontal', W, H, GUTTER, [318, 741]);
16+
checkSplitDirAndSizes('as-split', 'horizontal', W, H, GUTTER, [317.6875, 741.296875]);
1717
})
1818

1919
it('Change direction', () => {
2020
cy.get('.btns > .btn').click();
21-
checkSplitDirAndSizes('as-split', 'vertical', W, H, GUTTER, [87, 202]);
21+
checkSplitDirAndSizes('as-split', 'vertical', W, H, GUTTER, [86.6875, 202.296875]);
2222
})
2323

2424
it('Move gutter horizontally', () => {
2525
moveGutter('.as-split-gutter', 0, 280, 0);
26-
checkSplitDirAndSizes('as-split', 'horizontal', W, H, GUTTER, [597, 462]);
26+
checkSplitDirAndSizes('as-split', 'horizontal', W, H, GUTTER, [597.703125, 461.28125]);
2727
})
2828

2929
it('Change direction & move gutter vertically', () => {
3030
cy.get('.btns > .btn').click();
3131
moveGutter('.as-split-gutter', 0, 0, 60);
32-
checkSplitDirAndSizes('as-split', 'vertical', W, H, GUTTER, [146, 143]);
32+
checkSplitDirAndSizes('as-split', 'vertical', W, H, GUTTER, [146.6875, 142.296875]);
3333
})
3434

3535
it('Move gutter horizontally and move it back', () => {
3636
moveGutter('.as-split-gutter', 0, 280, 0);
37-
checkSplitDirAndSizes('as-split', 'horizontal', W, H, GUTTER, [597, 462]);
37+
checkSplitDirAndSizes('as-split', 'horizontal', W, H, GUTTER, [597.703125, 461.28125]);
3838

3939
moveGutter('.as-split-gutter', 0, -280, 0);
40-
checkSplitDirAndSizes('as-split', 'horizontal', W, H, GUTTER, [317, 742]);
40+
checkSplitDirAndSizes('as-split', 'horizontal', W, H, GUTTER, [317.71875, 741.265625]);
4141
})
4242

4343
it('Move gutter horizontally to max, change direction', () => {

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

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -12,20 +12,20 @@ context('Nested splits example page tests', () => {
1212
})
1313

1414
it('Display initial state', () => {
15-
checkSplitDirAndSizes('.split-example > as-split', 'horizontal', W, H, GUTTER, [424, 635]);
15+
checkSplitDirAndSizes('.split-example > as-split', 'horizontal', W, H, GUTTER, [423.59375, 635.390625]);
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', 423.59375, H, GUTTER, [125.984375, 125.984375, 125.984375]);
18+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'vertical', 635.390625, H, GUTTER, [97.25, 291.75]);
1919
})
2020

2121
it('Move gutter horizontally 3 times and until maximum', () => {
2222
moveGutter('.split-example > as-split > .as-split-gutter', 0, 280, 0);
2323

24-
checkSplitDirAndSizes('.split-example > as-split', 'horizontal', W, H, GUTTER, [703, 356]);
24+
checkSplitDirAndSizes('.split-example > as-split', 'horizontal', W, H, GUTTER, [703.609375, 355.390625]);
2525

2626
moveGutter('.split-example > as-split > .as-split-gutter', 0, -80, 0);
2727

28-
checkSplitDirAndSizes('.split-example > as-split', 'horizontal', W, H, GUTTER, [623, 436]);
28+
checkSplitDirAndSizes('.split-example > as-split', 'horizontal', W, H, GUTTER, [623.609375, 435.390625]);
2929

3030
moveGutter('.split-example > as-split > .as-split-gutter', 0, 700, 0);
3131

@@ -34,30 +34,30 @@ context('Nested splits example page tests', () => {
3434

3535
it('Move nested split 1 multiple times', () => {
3636
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]);
37+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'vertical', 423.59375, H, GUTTER, [186.015625, 65.984375, 125.984375]);
3838

3939
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]);
40+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'vertical', 423.59375, H, GUTTER, [186.015625, 0, 191.984375]);
4141

42-
// Move space smaller than gutter > nothing change
42+
// Move space smaller than gutter > move
4343
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]);
44+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'vertical', 423.59375, H, GUTTER, [176.015625, 10, 191.984375]);
4545

4646
// Move space same as gutter > move
4747
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]);
48+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'vertical', 423.59375, H, GUTTER, [165.015625, 21, 191.984375]);
4949

5050
// Move space bigger than gutter > move
5151
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]);
52+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'vertical', 423.59375, H, GUTTER, [145.015625, 41, 191.984375]);
5353
})
5454

5555
it('Move nested split 2 multiple times', () => {
5656
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]);
57+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'vertical', 635.390625, H, GUTTER, [389, 0]);
5858

5959
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]);
60+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'vertical', 635.390625, H, GUTTER, [0, 389]);
6161
})
6262

6363
})

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

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -13,44 +13,44 @@ context('Sync splits example page tests', () => {
1313
})
1414

1515
it('Display initial state', () => {
16-
checkSplitDirAndSizes('.split-example > as-split', 'vertical', W, H, GUTTER, [56, 55, 167]);
17-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 56, GUTTER, [265, 794]);
18-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 56, GUTTER, [265, 794]);
19-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(3) > as-split', 'horizontal', W, 167, GUTTER, [265, 794]);
16+
checkSplitDirAndSizes('.split-example > as-split', 'vertical', W, H, GUTTER, [55.59375, 55.59375, 166.796875]);
17+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 55.59375, GUTTER, [264.75, 794.25]);
18+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 55.59375, GUTTER, [264.75, 794.25]);
19+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(3) > as-split', 'horizontal', W, 166.796875, GUTTER, [264.75, 794.25]);
2020
})
2121

2222
it('Move gutter first split horizontally and check if others splits follow', () => {
2323
moveGutter('.split-example > as-split > .as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, 280, 0);
24-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 56, GUTTER, [544, 515]);
25-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 56, GUTTER, [544, 515]);
26-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(3) > as-split', 'horizontal', W, 167, GUTTER, [544, 515]);
24+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 55.59375, GUTTER, [544.75, 514.25]);
25+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 55.59375, GUTTER, [544.75, 514.25]);
26+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(3) > as-split', 'horizontal', W, 166.796875, GUTTER, [544.75, 514.25]);
2727

2828
moveGutter('.split-example > as-split > .as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, 600, 0);
29-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 56, GUTTER, [1059, 0]);
30-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 56, GUTTER, [1059, 0]);
31-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(3) > as-split', 'horizontal', W, 167, GUTTER, [1059, 0]);
29+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 55.59375, GUTTER, [1059, 0]);
30+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 55.59375, GUTTER, [1059, 0]);
31+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(3) > as-split', 'horizontal', W, 166.796875, GUTTER, [1059, 0]);
3232

3333
moveGutter('.split-example > as-split > .as-split-area:nth-child(1) > as-split > .as-split-gutter', 0, -1500, 0);
34-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 56, GUTTER, [0, 1059]);
35-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 56, GUTTER, [0, 1059]);
36-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(3) > as-split', 'horizontal', W, 167, GUTTER, [0, 1059]);
34+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 55.59375, GUTTER, [0, 1059]);
35+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 55.59375, GUTTER, [0, 1059]);
36+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(3) > as-split', 'horizontal', W, 166.796875, GUTTER, [0, 1059]);
3737
})
3838

3939
it('Move gutter second split horizontally and check if others splits follow', () => {
4040
moveGutter('.split-example > as-split > .as-split-area:nth-child(2) > as-split > .as-split-gutter', 0, 280, 0);
41-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 56, GUTTER, [544, 515]);
42-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 56, GUTTER, [544, 515]);
43-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(3) > as-split', 'horizontal', W, 167, GUTTER, [544, 515]);
41+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 55.59375, GUTTER, [544.75, 514.25]);
42+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 55.59375, GUTTER, [544.75, 514.25]);
43+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(3) > as-split', 'horizontal', W, 166.796875, GUTTER, [544.75, 514.25]);
4444

4545
moveGutter('.split-example > as-split > .as-split-area:nth-child(2) > as-split > .as-split-gutter', 0, 600, 0);
46-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 56, GUTTER, [1059, 0]);
47-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 56, GUTTER, [1059, 0]);
48-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(3) > as-split', 'horizontal', W, 167, GUTTER, [1059, 0]);
46+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 55.59375, GUTTER, [1059, 0]);
47+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 55.59375, GUTTER, [1059, 0]);
48+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(3) > as-split', 'horizontal', W, 166.796875, GUTTER, [1059, 0]);
4949

5050
moveGutter('.split-example > as-split > .as-split-area:nth-child(2) > as-split > .as-split-gutter', 0, -1500, 0);
51-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 56, GUTTER, [0, 1059]);
52-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 56, GUTTER, [0, 1059]);
53-
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(3) > as-split', 'horizontal', W, 167, GUTTER, [0, 1059]);
51+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(1) > as-split', 'horizontal', W, 55.59375, GUTTER, [0, 1059]);
52+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(2) > as-split', 'horizontal', W, 55.59375, GUTTER, [0, 1059]);
53+
checkSplitDirAndSizes('.split-example > as-split > .as-split-area:nth-child(3) > as-split', 'horizontal', W, 166.796875, GUTTER, [0, 1059]);
5454
})
5555

5656
})

‎cypress/integration/5.style.spec.js‎

Lines changed: 3 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)