Skip to content

Commit fd8a665

Browse files
OskarDamkjaerOskarDamkjaer
committed
fix tests
1 parent e7eb3a8 commit fd8a665

File tree

3 files changed

+5
-262
lines changed

3 files changed

+5
-262
lines changed

‎e2e_tests/integration/viz.spec.ts‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -154,6 +154,10 @@ describe('Viz rendering', () => {
154154
parseSpecialCharSequences: false
155155
})
156156

157+
const zoomOutButton = cy.get(`[aria-label="zoom-out"]`)
158+
zoomOutButton.click({ force: true })
159+
zoomOutButton.wait(3000)
160+
157161
// Check that zoom in button increases the size of the node in the graph view
158162
cy.get('svg')
159163
.find(`[aria-label^="graph-node"]`)
@@ -198,7 +202,7 @@ describe('Viz rendering', () => {
198202
// Enter fullscreen
199203
cy.get('article').find(`[title='Fullscreen']`).click()
200204
cy.get(`#svg-vis`).trigger('wheel', { deltaY: 3000 })
201-
205+
202206
cy.get(`[aria-label="zoom-out"]`).should('be.disabled')
203207

204208
// Leave fullscreen

‎src/browser/modules/Stream/CypherFrame/VisualizationView/VisualizationView.test.tsx‎

Lines changed: 0 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -65,23 +65,10 @@ function renderWithRedux(children: JSX.Element) {
6565
const mockEmptyResult = {
6666
records: []
6767
}
68-
const node = new (neo4j.types.Node as any)('1', ['Person'], {
69-
prop1: '<b>String</b> with HTML <strong>in</strong> it'
70-
})
71-
const mockResult = {
72-
records: [{ keys: ['0'], __fields: [node], get: (_key: any) => node }]
73-
}
7468

7569
test('Visualization renders empty content', () => {
7670
const { container } = renderWithRedux(
7771
<Visualization {...mockVizProps({ result: mockEmptyResult })} />
7872
)
7973
expect(container).toMatchSnapshot()
8074
})
81-
82-
test('Visualization renders with result and escapes any HTML', () => {
83-
const { container } = renderWithRedux(
84-
<Visualization {...mockVizProps({ result: mockResult })} />
85-
)
86-
expect(container).toMatchSnapshot()
87-
})

‎src/browser/modules/Stream/CypherFrame/VisualizationView/__snapshots__/VisualizationView.test.tsx.snap‎

Lines changed: 0 additions & 248 deletions
Original file line numberDiff line numberDiff line change
@@ -1,251 +1,3 @@
11
// Jest Snapshot v1, https://goo.gl/fbAQLP
22

33
exports[`Visualization renders empty content 1`] = `<div />`;
4-
5-
exports[`Visualization renders with result and escapes any HTML 1`] = `
6-
<div>
7-
<div
8-
class="sc-cCcXHH jzoRmR"
9-
>
10-
<div
11-
class="sc-ikJyIC kpXvss"
12-
id="svg-vis"
13-
>
14-
<div
15-
class="sc-hBUSln cRdmsc"
16-
>
17-
<svg
18-
class="neod3viz"
19-
viewBox="0 0 0 0"
20-
>
21-
<g
22-
transform="translate(0,0)"
23-
>
24-
<rect
25-
height="100%"
26-
style="fill: none; pointer-events: all;"
27-
transform="scale(1)"
28-
width="100%"
29-
x="0"
30-
y="0"
31-
/>
32-
<g>
33-
<g
34-
class="layer relationships"
35-
/>
36-
<g
37-
class="layer nodes"
38-
>
39-
<g
40-
aria-label="graph-node1"
41-
class="node"
42-
transform="translate(0,0.9475741398926749)"
43-
>
44-
<circle
45-
class="ring"
46-
cx="0"
47-
cy="0"
48-
r="29"
49-
stroke-width="8px"
50-
/>
51-
<circle
52-
class="b-outline"
53-
cx="0"
54-
cy="0"
55-
fill="#C990C0"
56-
r="25"
57-
stroke="#b261a5"
58-
stroke-width="2px"
59-
/>
60-
<text
61-
class="caption"
62-
fill="#FFFFFF"
63-
font-size="10px"
64-
pointer-events="none"
65-
text-anchor="middle"
66-
x="0"
67-
y="5"
68-
>
69-
&lt;b&gt;…
70-
</text>
71-
</g>
72-
</g>
73-
</g>
74-
</g>
75-
</svg>
76-
<div
77-
class="sc-fotOHu kxkgHI"
78-
offset="220.8"
79-
>
80-
<button
81-
aria-label="zoom-in"
82-
class="sc-fFeiMQ fKuHSd zoom-in"
83-
>
84-
<svg
85-
aria-hidden="true"
86-
fill="none"
87-
height="15"
88-
stroke="currentColor"
89-
stroke-width="2"
90-
viewBox="0 0 24 24"
91-
width="15"
92-
xmlns="http://www.w3.org/2000/svg"
93-
>
94-
<path
95-
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7"
96-
stroke-linecap="round"
97-
stroke-linejoin="round"
98-
/>
99-
</svg>
100-
</button>
101-
<button
102-
aria-label="zoom-out"
103-
class="sc-fFeiMQ fKuHSd zoom-out"
104-
>
105-
<svg
106-
aria-hidden="true"
107-
fill="none"
108-
height="15"
109-
stroke="currentColor"
110-
stroke-width="2"
111-
viewBox="0 0 24 24"
112-
width="15"
113-
xmlns="http://www.w3.org/2000/svg"
114-
>
115-
<path
116-
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM13 10H7"
117-
stroke-linecap="round"
118-
stroke-linejoin="round"
119-
/>
120-
</svg>
121-
</button>
122-
<button
123-
aria-label="zoom-to-fit"
124-
class="sc-fFeiMQ fKuHSd"
125-
>
126-
<svg
127-
fill="none"
128-
height="15"
129-
viewBox="0 0 24 24"
130-
width="15"
131-
xmlns="http://www.w3.org/2000/svg"
132-
>
133-
<path
134-
d="M17.6162 17.6164L17.0859 17.0861L17.0859 17.0861L17.6162 17.6164ZM17.6162 6.38354L17.0859 6.91387L17.0859 6.91387L17.6162 6.38354ZM6.38339 6.38354L5.85306 5.85321H5.85306L6.38339 6.38354ZM6.38339 17.6164L6.91372 17.0861L6.91372 17.0861L6.38339 17.6164ZM20.341 3.65901L19.8107 4.18934L20.341 3.65901ZM3.65901 3.65901L4.18934 4.18934L3.65901 3.65901ZM3.65901 20.341L4.18934 19.8107L3.65901 20.341ZM21.75 14.3789C21.75 13.9646 21.4142 13.6289 21 13.6289C20.5858 13.6289 20.25 13.9646 20.25 14.3789H21.75ZM14.3723 20.25C13.9581 20.25 13.6223 20.5858 13.6223 21C13.6223 21.4142 13.9581 21.75 14.3723 21.75V20.25ZM9.75576 21.75C10.17 21.75 10.5058 21.4142 10.5058 21C10.5058 20.5858 10.17 20.25 9.75576 20.25V21.75ZM3.75 14.3789C3.75 13.9646 3.41421 13.6289 3 13.6289C2.58579 13.6289 2.25 13.9646 2.25 14.3789H3.75ZM2.25 9.94377C2.25 10.358 2.58579 10.6938 3 10.6938C3.41421 10.6938 3.75 10.358 3.75 9.94377H2.25ZM9.75576 3.75C10.17 3.75 10.5058 3.41421 10.5058 3C10.5058 2.58579 10.17 2.25 9.75576 2.25V3.75ZM14.3723 2.25C13.9581 2.25 13.6223 2.58579 13.6223 3C13.6223 3.41421 13.9581 3.75 14.3723 3.75V2.25ZM20.25 9.94377C20.25 10.358 20.5858 10.6938 21 10.6938C21.4142 10.6938 21.75 10.358 21.75 9.94377H20.25ZM7.45468 18.8101H16.5449V17.3101H7.45468V18.8101ZM16.5449 18.8101C17.1457 18.8101 17.7218 18.5715 18.1466 18.1467L17.0859 17.0861C16.9424 17.2295 16.7478 17.3101 16.5449 17.3101V18.8101ZM18.1466 18.1467C18.5713 17.7219 18.81 17.1458 18.81 16.5451H17.31C17.31 16.748 17.2294 16.9426 17.0859 17.0861L18.1466 18.1467ZM18.81 16.5451V7.45483H17.31V16.5451H18.81ZM18.81 7.45483C18.81 6.85411 18.5713 6.27798 18.1466 5.85321L17.0859 6.91387C17.2294 7.05734 17.31 7.25194 17.31 7.45483H18.81ZM18.1466 5.85321C17.7218 5.42843 17.1457 5.18979 16.5449 5.18979V6.68979C16.7478 6.68979 16.9424 6.77039 17.0859 6.91387L18.1466 5.85321ZM16.5449 5.18979H7.45468V6.68979H16.5449V5.18979ZM7.45468 5.18979C6.85396 5.18979 6.27784 5.42843 5.85306 5.85321L6.91372 6.91387C7.05719 6.7704 7.25178 6.68979 7.45468 6.68979V5.18979ZM5.85306 5.85321C5.42828 6.27799 5.18964 6.85411 5.18964 7.45483H6.68964C6.68964 7.25193 6.77024 7.05734 6.91372 6.91387L5.85306 5.85321ZM5.18964 7.45483V16.5451H6.68964V7.45483H5.18964ZM5.18964 16.5451C5.18964 17.1458 5.42828 17.7219 5.85306 18.1467L6.91372 17.0861C6.77024 16.9426 6.68964 16.748 6.68964 16.5451H5.18964ZM5.85306 18.1467C6.27783 18.5715 6.85396 18.8101 7.45468 18.8101V17.3101C7.25178 17.3101 7.05719 17.2295 6.91372 17.0861L5.85306 18.1467ZM18.75 21.75C19.5457 21.75 20.3087 21.4339 20.8713 20.8713L19.8107 19.8107C19.5294 20.092 19.1478 20.25 18.75 20.25V21.75ZM20.8713 20.8713C21.4339 20.3087 21.75 19.5457 21.75 18.75H20.25C20.25 19.1478 20.092 19.5294 19.8107 19.8107L20.8713 20.8713ZM21.75 5.25C21.75 4.45435 21.4339 3.69129 20.8713 3.12868L19.8107 4.18934C20.092 4.47064 20.25 4.85218 20.25 5.25H21.75ZM20.8713 3.12868C20.3087 2.56607 19.5457 2.25 18.75 2.25V3.75C19.1478 3.75 19.5294 3.90803 19.8107 4.18934L20.8713 3.12868ZM5.25 2.25C4.45435 2.25 3.69129 2.56607 3.12868 3.12868L4.18934 4.18934C4.47064 3.90804 4.85218 3.75 5.25 3.75V2.25ZM3.12868 3.12868C2.56607 3.69129 2.25 4.45435 2.25 5.25H3.75C3.75 4.85218 3.90804 4.47064 4.18934 4.18934L3.12868 3.12868ZM2.25 18.75C2.25 19.5457 2.56607 20.3087 3.12868 20.8713L4.18934 19.8107C3.90803 19.5294 3.75 19.1478 3.75 18.75H2.25ZM3.12868 20.8713C3.69129 21.4339 4.45435 21.75 5.25 21.75V20.25C4.85218 20.25 4.47064 20.092 4.18934 19.8107L3.12868 20.8713ZM21.75 18.75V14.3789H20.25V18.75H21.75ZM18.75 20.25H14.3723V21.75H18.75V20.25ZM5.25 21.75H9.75576V20.25H5.25V21.75ZM3.75 18.75V14.3789H2.25V18.75H3.75ZM2.25 5.25V9.94377H3.75V5.25H2.25ZM5.25 3.75H9.75576V2.25H5.25V3.75ZM18.75 2.25H14.3723V3.75H18.75V2.25ZM20.25 5.25V9.94377H21.75V5.25H20.25Z"
135-
fill="currentColor"
136-
/>
137-
</svg>
138-
</button>
139-
</div>
140-
</div>
141-
<div
142-
class="sc-hiCibw nXgZj"
143-
title="Collapse the node properties display"
144-
>
145-
<svg
146-
aria-hidden="true"
147-
fill="currentColor"
148-
viewBox="0 0 20 20"
149-
xmlns="http://www.w3.org/2000/svg"
150-
>
151-
<path
152-
clip-rule="evenodd"
153-
d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
154-
fill-rule="evenodd"
155-
/>
156-
</svg>
157-
</div>
158-
<div
159-
class="sc-jJoQJp bdlJEB"
160-
>
161-
<div
162-
data-testid="vizInspector"
163-
style="position: relative; user-select: auto; width: 204.8px; height: 100%; box-sizing: border-box; flex-shrink: 0;"
164-
>
165-
<div
166-
class="sc-gWXbKe jJnEYo"
167-
>
168-
<div
169-
class="sc-jivBlf KkpTO"
170-
>
171-
Overview
172-
</div>
173-
<div
174-
class="sc-hkgtus bkjDMV"
175-
>
176-
<div>
177-
<div
178-
class="sc-jlsrNB UKmYq"
179-
>
180-
<span
181-
class="sc-jvvksu gdhUQk"
182-
>
183-
Node labels
184-
</span>
185-
</div>
186-
<ul
187-
class="sc-djWRfJ sc-tAExr fqkQTE tpipq"
188-
>
189-
<div
190-
class="sc-dkPtRN sc-hKwDye jYhbHV gKvrSp"
191-
data-testid="property-details-overview-node-label-*"
192-
style="background-color: rgb(165, 171, 182); color: rgb(255, 255, 255);"
193-
>
194-
* (1)
195-
</div>
196-
<div
197-
class="sc-dkPtRN sc-hKwDye jYhbHV gKvrSp"
198-
data-testid="property-details-overview-node-label-Person"
199-
style="background-color: rgb(201, 144, 192); color: rgb(255, 255, 255);"
200-
>
201-
Person (1)
202-
</div>
203-
</ul>
204-
</div>
205-
<div
206-
style="padding-bottom: 10px;"
207-
>
208-
Displaying 1 nodes, 0 relationships.
209-
</div>
210-
</div>
211-
</div>
212-
<div>
213-
<div
214-
class=""
215-
style="position: absolute; user-select: none; width: 100%; height: 10px; top: -5px; left: 0px; cursor: row-resize;"
216-
/>
217-
<div
218-
class=""
219-
style="position: absolute; user-select: none; width: 10px; height: 100%; top: 0px; cursor: col-resize; right: -5px;"
220-
/>
221-
<div
222-
class=""
223-
style="position: absolute; user-select: none; width: 100%; height: 10px; left: 0px; cursor: row-resize; bottom: -5px;"
224-
/>
225-
<div
226-
class=""
227-
style="position: absolute; user-select: none; width: 10px; height: 100%; top: 0px; left: -5px; cursor: col-resize;"
228-
/>
229-
<div
230-
class=""
231-
style="position: absolute; user-select: none; width: 20px; height: 20px; right: -10px; top: -10px; cursor: ne-resize;"
232-
/>
233-
<div
234-
class=""
235-
style="position: absolute; user-select: none; width: 20px; height: 20px; right: -10px; bottom: -10px; cursor: se-resize;"
236-
/>
237-
<div
238-
class=""
239-
style="position: absolute; user-select: none; width: 20px; height: 20px; left: -10px; bottom: -10px; cursor: sw-resize;"
240-
/>
241-
<div
242-
class=""
243-
style="position: absolute; user-select: none; width: 20px; height: 20px; left: -10px; top: -10px; cursor: nw-resize;"
244-
/>
245-
</div>
246-
</div>
247-
</div>
248-
</div>
249-
</div>
250-
</div>
251-
`;

0 commit comments

Comments
 (0)