Skip to content
This repository was archived by the owner on Sep 11, 2024. It is now read-only.

Commit dd39fea

Browse files
toger5toger5
committed
space panel snap test
Signed-off-by: Timo K <[email protected]>
1 parent 48bfc15 commit dd39fea

File tree

2 files changed

+384
-1
lines changed

2 files changed

+384
-1
lines changed

‎test/components/views/spaces/SpacePanel-test.tsx

+11-1
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,13 @@ jest.mock("../../../../src/stores/spaces/SpaceStore", () => {
9696
const EventEmitter = require("events");
9797
class MockSpaceStore extends EventEmitter {
9898
invitedSpaces: SpaceKey[] = [];
99-
enabledMetaSpaces: MetaSpace[] = [];
99+
enabledMetaSpaces: MetaSpace[] = [
100+
"home-space",
101+
"favourites-space",
102+
"people-space",
103+
"orphans-space",
104+
"video-rooms-space",
105+
] as MetaSpace[];
100106
spacePanelSpaces: string[] = [];
101107
activeSpace: SpaceKey = "!space1";
102108
getChildSpaces = () => [] as Room[];
@@ -176,4 +182,8 @@ describe("<SpacePanel />", () => {
176182

177183
expect(SpaceStore.instance.moveRootSpace).toHaveBeenCalledWith(0, 1);
178184
});
185+
it("should show all activated metaspaces", async () => {
186+
const renderResult = render(<SpacePanel />);
187+
expect(renderResult.asFragment()).toMatchSnapshot();
188+
});
179189
});

‎test/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap

+373
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,373 @@
1+
// Jest Snapshot v1, https://goo.gl/fbAQLP
2+
3+
exports[`<SpacePanel /> should show all activated metaspaces 1`] = `
4+
<DocumentFragment>
5+
<nav
6+
aria-label="Spaces"
7+
class="mx_SpacePanel collapsed"
8+
>
9+
<div
10+
class="mx_UserMenu"
11+
>
12+
<div
13+
aria-expanded="false"
14+
aria-haspopup="true"
15+
aria-label="User menu"
16+
class="mx_AccessibleButton mx_UserMenu_contextMenuButton"
17+
role="button"
18+
tabindex="0"
19+
title="User menu"
20+
>
21+
<div
22+
class="mx_UserMenu_userAvatar"
23+
>
24+
<span
25+
class="_avatar_k41ul_17 mx_BaseAvatar mx_UserMenu_userAvatar_BaseAvatar _avatar-imageless_k41ul_60"
26+
data-color="5"
27+
data-testid="avatar-img"
28+
data-type="round"
29+
role="presentation"
30+
style="--cpd-avatar-size: 32px;"
31+
>
32+
t
33+
</span>
34+
</div>
35+
</div>
36+
<div
37+
aria-label="Expand"
38+
class="mx_AccessibleButton mx_SpacePanel_toggleCollapse"
39+
role="button"
40+
tabindex="0"
41+
/>
42+
</div>
43+
<ul
44+
aria-label="Spaces"
45+
class="mx_AutoHideScrollbar mx_SpaceTreeLevel"
46+
data-rbd-droppable-context-id="4"
47+
data-rbd-droppable-id="top-level-spaces"
48+
role="tree"
49+
tabindex="-1"
50+
>
51+
<li
52+
aria-selected="false"
53+
class="mx_SpaceItem collapsed"
54+
role="treeitem"
55+
>
56+
<div
57+
aria-label="Home"
58+
class="mx_AccessibleButton mx_SpaceButton mx_SpaceButton_home mx_SpaceButton_narrow"
59+
role="button"
60+
tabindex="0"
61+
>
62+
<div
63+
class="mx_SpaceButton_selectionWrapper"
64+
>
65+
<div
66+
class="mx_SpaceButton_avatarWrapper"
67+
>
68+
<div
69+
class="mx_SpaceButton_avatarPlaceholder"
70+
>
71+
<div
72+
class="mx_SpaceButton_icon"
73+
/>
74+
</div>
75+
</div>
76+
<div
77+
aria-expanded="false"
78+
aria-haspopup="true"
79+
aria-label="Options"
80+
class="mx_AccessibleButton mx_SpaceButton_menuButton"
81+
role="button"
82+
tabindex="0"
83+
/>
84+
</div>
85+
</div>
86+
</li>
87+
<li
88+
aria-selected="false"
89+
class="mx_SpaceItem collapsed"
90+
role="treeitem"
91+
>
92+
<div
93+
aria-label="Favourites"
94+
class="mx_AccessibleButton mx_SpaceButton mx_SpaceButton_favourites mx_SpaceButton_narrow"
95+
role="button"
96+
tabindex="-1"
97+
>
98+
<div
99+
class="mx_SpaceButton_selectionWrapper"
100+
>
101+
<div
102+
class="mx_SpaceButton_avatarWrapper"
103+
>
104+
<div
105+
class="mx_SpaceButton_avatarPlaceholder"
106+
>
107+
<div
108+
class="mx_SpaceButton_icon"
109+
/>
110+
</div>
111+
</div>
112+
</div>
113+
</div>
114+
</li>
115+
<li
116+
aria-selected="false"
117+
class="mx_SpaceItem collapsed"
118+
role="treeitem"
119+
>
120+
<div
121+
aria-label="People"
122+
class="mx_AccessibleButton mx_SpaceButton mx_SpaceButton_people mx_SpaceButton_narrow"
123+
role="button"
124+
tabindex="-1"
125+
>
126+
<div
127+
class="mx_SpaceButton_selectionWrapper"
128+
>
129+
<div
130+
class="mx_SpaceButton_avatarWrapper"
131+
>
132+
<div
133+
class="mx_SpaceButton_avatarPlaceholder"
134+
>
135+
<div
136+
class="mx_SpaceButton_icon"
137+
/>
138+
</div>
139+
</div>
140+
</div>
141+
</div>
142+
</li>
143+
<li
144+
aria-selected="false"
145+
class="mx_SpaceItem collapsed"
146+
role="treeitem"
147+
>
148+
<div
149+
aria-label="Other rooms"
150+
class="mx_AccessibleButton mx_SpaceButton mx_SpaceButton_orphans mx_SpaceButton_narrow"
151+
role="button"
152+
tabindex="-1"
153+
>
154+
<div
155+
class="mx_SpaceButton_selectionWrapper"
156+
>
157+
<div
158+
class="mx_SpaceButton_avatarWrapper"
159+
>
160+
<div
161+
class="mx_SpaceButton_avatarPlaceholder"
162+
>
163+
<div
164+
class="mx_SpaceButton_icon"
165+
/>
166+
</div>
167+
</div>
168+
</div>
169+
</div>
170+
</li>
171+
<li
172+
aria-selected="false"
173+
class="mx_SpaceItem collapsed"
174+
role="treeitem"
175+
>
176+
<div
177+
aria-label="Conferences"
178+
class="mx_AccessibleButton mx_SpaceButton mx_SpaceButton_videoRooms mx_SpaceButton_narrow"
179+
role="button"
180+
tabindex="-1"
181+
>
182+
<div
183+
class="mx_SpaceButton_selectionWrapper"
184+
>
185+
<div
186+
class="mx_SpaceButton_avatarWrapper"
187+
>
188+
<div
189+
class="mx_SpaceButton_avatarPlaceholder"
190+
>
191+
<div
192+
class="mx_SpaceButton_icon"
193+
/>
194+
</div>
195+
</div>
196+
</div>
197+
</div>
198+
</li>
199+
<li
200+
aria-selected="false"
201+
class="mx_SpaceItem mx_SpaceItem_narrow collapsed"
202+
data-rbd-draggable-context-id="4"
203+
data-rbd-draggable-id="!room1:server"
204+
role="treeitem"
205+
>
206+
<div
207+
aria-describedby="rbd-hidden-text-4-hidden-text-11"
208+
aria-label="Room 1"
209+
class="mx_AccessibleButton mx_SpaceButton mx_SpaceButton_narrow"
210+
data-rbd-drag-handle-context-id="4"
211+
data-rbd-drag-handle-draggable-id="!room1:server"
212+
draggable="false"
213+
role="button"
214+
tabindex="-1"
215+
>
216+
<div
217+
class="mx_SpaceButton_selectionWrapper"
218+
>
219+
<div
220+
class="mx_SpaceButton_avatarWrapper"
221+
>
222+
<span
223+
class="_avatar_k41ul_17 mx_BaseAvatar _avatar-imageless_k41ul_60"
224+
data-color="1"
225+
data-testid="avatar-img"
226+
data-type="round"
227+
role="presentation"
228+
style="--cpd-avatar-size: 32px;"
229+
>
230+
R
231+
</span>
232+
</div>
233+
<div
234+
aria-expanded="false"
235+
aria-haspopup="true"
236+
aria-label="Space options"
237+
class="mx_AccessibleButton mx_SpaceButton_menuButton"
238+
role="button"
239+
tabindex="0"
240+
/>
241+
</div>
242+
</div>
243+
</li>
244+
<li
245+
aria-selected="false"
246+
class="mx_SpaceItem mx_SpaceItem_narrow collapsed"
247+
data-rbd-draggable-context-id="4"
248+
data-rbd-draggable-id="!room2:server"
249+
role="treeitem"
250+
>
251+
<div
252+
aria-describedby="rbd-hidden-text-4-hidden-text-11"
253+
aria-label="Room 2"
254+
class="mx_AccessibleButton mx_SpaceButton mx_SpaceButton_narrow"
255+
data-rbd-drag-handle-context-id="4"
256+
data-rbd-drag-handle-draggable-id="!room2:server"
257+
draggable="false"
258+
role="button"
259+
tabindex="-1"
260+
>
261+
<div
262+
class="mx_SpaceButton_selectionWrapper"
263+
>
264+
<div
265+
class="mx_SpaceButton_avatarWrapper"
266+
>
267+
<span
268+
class="_avatar_k41ul_17 mx_BaseAvatar _avatar-imageless_k41ul_60"
269+
data-color="2"
270+
data-testid="avatar-img"
271+
data-type="round"
272+
role="presentation"
273+
style="--cpd-avatar-size: 32px;"
274+
>
275+
R
276+
</span>
277+
</div>
278+
<div
279+
aria-expanded="false"
280+
aria-haspopup="true"
281+
aria-label="Space options"
282+
class="mx_AccessibleButton mx_SpaceButton_menuButton"
283+
role="button"
284+
tabindex="0"
285+
/>
286+
</div>
287+
</div>
288+
</li>
289+
<li
290+
aria-selected="false"
291+
class="mx_SpaceItem mx_SpaceItem_narrow collapsed"
292+
data-rbd-draggable-context-id="4"
293+
data-rbd-draggable-id="!room3:server"
294+
role="treeitem"
295+
>
296+
<div
297+
aria-describedby="rbd-hidden-text-4-hidden-text-11"
298+
aria-label="Room 3"
299+
class="mx_AccessibleButton mx_SpaceButton mx_SpaceButton_narrow"
300+
data-rbd-drag-handle-context-id="4"
301+
data-rbd-drag-handle-draggable-id="!room3:server"
302+
draggable="false"
303+
role="button"
304+
tabindex="-1"
305+
>
306+
<div
307+
class="mx_SpaceButton_selectionWrapper"
308+
>
309+
<div
310+
class="mx_SpaceButton_avatarWrapper"
311+
>
312+
<span
313+
class="_avatar_k41ul_17 mx_BaseAvatar _avatar-imageless_k41ul_60"
314+
data-color="3"
315+
data-testid="avatar-img"
316+
data-type="round"
317+
role="presentation"
318+
style="--cpd-avatar-size: 32px;"
319+
>
320+
R
321+
</span>
322+
</div>
323+
<div
324+
aria-expanded="false"
325+
aria-haspopup="true"
326+
aria-label="Space options"
327+
class="mx_AccessibleButton mx_SpaceButton_menuButton"
328+
role="button"
329+
tabindex="0"
330+
/>
331+
</div>
332+
</div>
333+
</li>
334+
<li
335+
aria-selected="false"
336+
class="mx_SpaceItem mx_SpaceItem_new collapsed"
337+
role="treeitem"
338+
>
339+
<div
340+
aria-label="Create a space"
341+
class="mx_AccessibleButton mx_SpaceButton mx_SpaceButton_new mx_SpaceButton_narrow"
342+
data-testid="create-space-button"
343+
role="button"
344+
tabindex="-1"
345+
>
346+
<div
347+
class="mx_SpaceButton_selectionWrapper"
348+
>
349+
<div
350+
class="mx_SpaceButton_avatarWrapper"
351+
>
352+
<div
353+
class="mx_SpaceButton_avatarPlaceholder"
354+
>
355+
<div
356+
class="mx_SpaceButton_icon"
357+
/>
358+
</div>
359+
</div>
360+
</div>
361+
</div>
362+
</li>
363+
</ul>
364+
<div
365+
aria-expanded="false"
366+
aria-label="Quick settings"
367+
class="mx_AccessibleButton mx_QuickSettingsButton"
368+
role="button"
369+
tabindex="0"
370+
/>
371+
</nav>
372+
</DocumentFragment>
373+
`;

0 commit comments

Comments
 (0)