Skip to content

Commit 2ec7212

Browse files
dysfuncdysfunc
committed
update integration tests
1 parent 03be90e commit 2ec7212

File tree

3 files changed

+112
-91
lines changed

3 files changed

+112
-91
lines changed

‎docs/src/App.svelte‎

Lines changed: 110 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -13,113 +13,134 @@
1313
<div id="overlay"></div>
1414
{/if}
1515

16-
<div class="container flex flex-col px-4 m-8 mx-auto space-y-4 sm:px-6 lg:px-8">
17-
<div class="container">
16+
<header>
17+
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
1818
<button id="obstructions" class="badge" data-testid="toggle-obstructions" class:on={enableObstructionDetection} on:click={handleClick}>
1919
Obstructions: {status}
2020
</button>
2121
<p class="badge"><b>Hint:</b> Open dev console to see debug output.</p>
2222
</div>
23-
<div class="flex justify-between">
24-
<div class="w-1/2 mr-4 h-64 block"></div>
25-
<div class="w-1/2 flex flex-col space-y-2">
26-
<div class="w-full h-3 block"></div>
23+
</header>
24+
25+
<main>
26+
<div class="container flex flex-col px-4 m-8 mx-auto space-y-4 sm:px-6 lg:px-8">
27+
<div class="flex justify-between">
28+
<div class="w-1/2 mr-4 h-64 block"></div>
29+
<div class="w-1/2 flex flex-col space-y-2">
30+
<div class="w-full h-3 block"></div>
31+
<div class="w-full h-2 block"></div>
32+
<div class="w-full h-2 block"></div>
33+
<div class="w-full h-2 block"></div>
34+
<div class="w-full h-2 block"></div>
35+
<div class="w-full h-2 block"></div>
36+
<div class="w-3/4 h-2 block"></div>
37+
</div>
38+
</div>
39+
<div class="flex flex-col space-y-2">
40+
<div class="w-full h-2 block"></div>
41+
<div class="w-full h-2 block"></div>
42+
<div class="w-full h-2 block"></div>
43+
<div class="w-full h-2 block"></div>
44+
<div class="w-full h-2 block"></div>
2745
<div class="w-full h-2 block"></div>
2846
<div class="w-full h-2 block"></div>
47+
<div class="w-1/5 h-2 block"></div>
48+
</div>
49+
<div class="flex">
50+
<div class="flex-1 h-64 block" data-testid="top">
51+
<ContainerExample enableObstructionDetection={enableObstructionDetection} />
52+
</div>
53+
</div>
54+
<div class="flex flex-col w-4/6 space-y-2">
55+
<div class="w-full h-2 block"></div>
56+
<div class="w-full h-2 block"></div>
57+
<div class="w-full h-2 block"></div>
58+
<div class="w-3/5 h-2 block"></div>
59+
</div>
60+
<div class="flex items-stretch h-48">
61+
<div class="flex-1 mr-4 block"></div>
62+
<div class="flex-1 block"></div>
63+
<div class="flex-1 ml-4 block"></div>
64+
</div>
65+
<div class="flex flex-col w-4/6 space-y-2">
2966
<div class="w-full h-2 block"></div>
3067
<div class="w-full h-2 block"></div>
68+
<div class="w-full h-2 block"></div>
69+
<div class="w-3/5 h-2 block"></div>
70+
</div>
71+
<div class="flex">
72+
<div class="flex-1 h-64 block" data-testid="middle">
73+
<ContainerExample enableObstructionDetection={enableObstructionDetection}>
74+
Hello World!
75+
</ContainerExample>
76+
</div>
77+
</div>
78+
<div class="flex flex-col space-y-2">
3179
<div class="w-full h-2 block"></div>
3280
<div class="w-3/4 h-2 block"></div>
81+
<div class="w-2/3 h-2 block"></div>
82+
<div class="w-full h-2 block"></div>
83+
<div class="w-full h-2 block"></div>
84+
<div class="w-4/5 h-2 block"></div>
85+
<div class="w-3/5 h-2 block"></div>
86+
<div class="w-full h-2 block"></div>
3387
</div>
34-
</div>
35-
<div class="flex flex-col space-y-2">
36-
<div class="w-full h-2 block"></div>
37-
<div class="w-full h-2 block"></div>
38-
<div class="w-full h-2 block"></div>
39-
<div class="w-full h-2 block"></div>
40-
<div class="w-full h-2 block"></div>
41-
<div class="w-full h-2 block"></div>
42-
<div class="w-full h-2 block"></div>
43-
<div class="w-1/5 h-2 block"></div>
44-
</div>
45-
<div class="flex">
46-
<div class="flex-1 h-64 block" data-testid="top">
47-
<ContainerExample enableObstructionDetection={enableObstructionDetection} />
88+
<div class="flex items-stretch h-48">
89+
<div class="flex-1 mr-2 block"></div>
90+
<div class="flex-1 ml-2 block"></div>
4891
</div>
49-
</div>
50-
<div class="flex flex-col w-4/6 space-y-2">
51-
<div class="w-full h-2 block"></div>
52-
<div class="w-full h-2 block"></div>
53-
<div class="w-full h-2 block"></div>
54-
<div class="w-3/5 h-2 block"></div>
55-
</div>
56-
<div class="flex items-stretch h-48">
57-
<div class="flex-1 mr-4 block"></div>
58-
<div class="flex-1 block"></div>
59-
<div class="flex-1 ml-4 block"></div>
60-
</div>
61-
<div class="flex flex-col w-4/6 space-y-2">
62-
<div class="w-full h-2 block"></div>
63-
<div class="w-full h-2 block"></div>
64-
<div class="w-full h-2 block"></div>
65-
<div class="w-3/5 h-2 block"></div>
66-
</div>
67-
<div class="flex">
68-
<div class="flex-1 h-64 block" data-testid="middle">
69-
<ContainerExample enableObstructionDetection={enableObstructionDetection}>
70-
Hello World!
71-
</ContainerExample>
92+
<div class="flex items-stretch h-48">
93+
<div class="flex-1 mr-4 block"></div>
94+
<div class="flex-1 block" data-testid="bottom">
95+
<ContainerExample />
96+
</div>
97+
<div class="flex-1 ml-4 block"></div>
7298
</div>
73-
</div>
74-
<div class="flex flex-col space-y-2">
75-
<div class="w-full h-2 block"></div>
76-
<div class="w-3/4 h-2 block"></div>
77-
<div class="w-2/3 h-2 block"></div>
78-
<div class="w-full h-2 block"></div>
79-
<div class="w-full h-2 block"></div>
80-
<div class="w-4/5 h-2 block"></div>
81-
<div class="w-3/5 h-2 block"></div>
82-
<div class="w-full h-2 block"></div>
83-
</div>
84-
<div class="flex items-stretch h-48">
85-
<div class="flex-1 mr-2 block"></div>
86-
<div class="flex-1 ml-2 block"></div>
87-
</div>
88-
<div class="flex items-stretch h-48">
89-
<div class="flex-1 mr-4 block"></div>
90-
<div class="flex-1 block" data-testid="bottom">
91-
<ContainerExample />
99+
<div class="flex flex-col space-y-2">
100+
<div class="w-full h-2 block"></div>
101+
<div class="w-full h-2 block"></div>
102+
<div class="w-full h-2 block"></div>
103+
</div>
104+
<div class="flex flex-col w-4/6 space-y-2">
105+
<div class="w-full h-2 block"></div>
106+
<div class="w-full h-2 block"></div>
107+
<div class="w-full h-2 block"></div>
108+
<div class="w-3/5 h-2 block"></div>
109+
</div>
110+
<div class="flex items-stretch h-48">
111+
<div class="flex-1 mr-4 block"></div>
112+
<div class="flex-1 block"></div>
113+
<div class="flex-1 ml-4 block"></div>
114+
</div>
115+
<div class="flex">
116+
<div class="flex-1 h-64 block"></div>
117+
</div>
118+
<div class="flex flex-col w-4/6 space-y-2">
119+
<div class="w-full h-2 block"></div>
120+
<div class="w-full h-2 block"></div>
121+
<div class="w-full h-2 block"></div>
122+
<div class="w-3/5 h-2 block"></div>
92123
</div>
93-
<div class="flex-1 ml-4 block"></div>
94-
</div>
95-
<div class="flex flex-col space-y-2">
96-
<div class="w-full h-2 block"></div>
97-
<div class="w-full h-2 block"></div>
98-
<div class="w-full h-2 block"></div>
99-
</div>
100-
<div class="flex flex-col w-4/6 space-y-2">
101-
<div class="w-full h-2 block"></div>
102-
<div class="w-full h-2 block"></div>
103-
<div class="w-full h-2 block"></div>
104-
<div class="w-3/5 h-2 block"></div>
105-
</div>
106-
<div class="flex items-stretch h-48">
107-
<div class="flex-1 mr-4 block"></div>
108-
<div class="flex-1 block"></div>
109-
<div class="flex-1 ml-4 block"></div>
110-
</div>
111-
<div class="flex">
112-
<div class="flex-1 h-64 block"></div>
113-
</div>
114-
<div class="flex flex-col w-4/6 space-y-2">
115-
<div class="w-full h-2 block"></div>
116-
<div class="w-full h-2 block"></div>
117-
<div class="w-full h-2 block"></div>
118-
<div class="w-3/5 h-2 block"></div>
119124
</div>
120-
</div>
125+
</main>
121126

122127
<style>
128+
header {
129+
background-color: #fff;
130+
box-shadow: 0 1px 8px rgba(0,0,0, .2);
131+
left: 0;
132+
padding: 8px 0;
133+
position: fixed;
134+
right: 0;
135+
top: 0;
136+
z-index: 90;
137+
}
138+
139+
main {
140+
position: relative;
141+
top: 40px;
142+
}
143+
123144
.badge {
124145
background-color: #ffeaad;
125146
border-radius: 4px;

‎tests/integration/obstructions.spec.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ describe('obstructions.spec.js', () => {
1414

1515
cy.wait(1000);
1616

17-
cy.scrollTo(0, 780, { duration: 800 });
17+
cy.scrollTo(0, 760, { duration: 800 });
1818

1919
cy.findByTestId('middle').contains(firstRule);
2020

‎tests/integration/rules.spec.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ describe('rules.spec.js', () => {
3838

3939
cy.findByTestId('middle').contains(secondRule);
4040

41-
cy.scrollTo(0, 480, { duration: 1000 });
41+
cy.scrollTo(0, 400, { duration: 1000 });
4242

4343
cy.wait(3000);
4444

0 commit comments

Comments
 (0)