This repository has been archived by the owner on Oct 16, 2024. It is now read-only.
De-duplicate icons using Compound Design Tokens #858
Triggered via pull request
October 14, 2024 15:04
t3chguy
Status
Cancelled
Total duration
2m 48s
Artifacts
–
tests.yml
on: pull_request
Matrix: Jest
Element Web Integration Tests
2m 0s
jest-tests
2s
Annotations
13 errors
|
Jest (1)
Canceling since a higher priority waiting request for 'Tests-refs/pull/121/merge-pull_request' exists
|
|
AppTile › preserves non-persisted widget on container move:
test/components/views/elements/AppTile-test.tsx#L322
expect(received).toMatchSnapshot()
Snapshot name: `AppTile preserves non-persisted widget on container move 1`
- Snapshot - 1
+ Received + 10
@@ -53,13 +53,22 @@
aria-label="Maximise"
class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
role="button"
tabindex="0"
>
- <div
+ <svg
class="mx_Icon mx_Icon_12"
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M21 3.997a.996.996 0 0 0-.29-.702l-.005-.004A.997.997 0 0 0 20 3h-8a1 1 0 1 0 0 2h5.586L5 17.586V12a1 1 0 1 0-2 0v8.003a.997.997 0 0 0 .29.702l.005.004c.18.18.43.291.705.291h8a1 1 0 1 0 0-2H6.414L19 6.414V12a1 1 0 1 0 2 0V3.997Z"
/>
+ </svg>
</div>
<div
aria-label="Minimise"
class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
role="button"
at Object.toMatchSnapshot (test/components/views/elements/AppTile-test.tsx:322:30)
|
|
AppTile › for a pinned widget › should render:
test/components/views/elements/AppTile-test.tsx#L364
expect(received).toMatchSnapshot()
Snapshot name: `AppTile for a pinned widget should render 1`
- Snapshot - 1
+ Received + 10
@@ -43,13 +43,22 @@
aria-label="Un-maximise"
class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
role="button"
tabindex="0"
>
- <div
+ <svg
class="mx_Icon mx_Icon_12"
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M12 11.034a.996.996 0 0 0 .29.702l.005.005c.18.18.43.29.705.29h8a1 1 0 1 0 0-2h-5.586L22 3.446a1 1 0 0 0-1.414-1.415L14 8.617V3.031a1 1 0 1 0-2 0v8.003Zm0 1.963a.997.997 0 0 0-.29-.702l-.005-.004A.997.997 0 0 0 11 12H3a1 1 0 0 0 0 2h5.586L2 20.586A1 1 0 1 0 3.414 22L10 15.414V21a1 1 0 1 0 2 0v-8.003Z"
/>
+ </svg>
</div>
<div
aria-label="Minimise"
class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
role="button"
at Object.toMatchSnapshot (test/components/views/elements/AppTile-test.tsx:364:34)
|
|
AppTile › for a pinned widget › should render permission request:
test/components/views/elements/AppTile-test.tsx#L398
expect(received).toMatchSnapshot()
Snapshot name: `AppTile for a pinned widget should render permission request 1`
- Snapshot - 2
+ Received + 23
@@ -43,13 +43,22 @@
aria-label="Un-maximise"
class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
role="button"
tabindex="0"
>
- <div
+ <svg
class="mx_Icon mx_Icon_12"
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M12 11.034a.996.996 0 0 0 .29.702l.005.005c.18.18.43.29.705.29h8a1 1 0 1 0 0-2h-5.586L22 3.446a1 1 0 0 0-1.414-1.415L14 8.617V3.031a1 1 0 1 0-2 0v8.003Zm0 1.963a.997.997 0 0 0-.29-.702l-.005-.004A.997.997 0 0 0 11 12H3a1 1 0 0 0 0 2h5.586L2 20.586A1 1 0 1 0 3.414 22L10 15.414V21a1 1 0 1 0 2 0v-8.003Z"
/>
+ </svg>
</div>
<div
aria-label="Minimise"
class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
role="button"
@@ -118,13 +127,25 @@
<span>
Using this widget may share data
<div
class="mx_TextWithTooltip_target mx_TextWithTooltip_target--helpIcon"
>
- <div
+ <svg
class="mx_Icon mx_Icon_12"
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M12 8a1.5 1.5 0 0 0-1.5 1.5 1 1 0 1 1-2 0 3.5 3.5 0 1 1 6.01 2.439c-.122.126-.24.243-.352.355-.287.288-.54.54-.76.824-.293.375-.398.651-.398.882a1 1 0 1 1-2 0c0-.874.407-1.58.819-2.11.305-.392.688-.775 1-1.085l.257-.26A1.5 1.5 0 0 0 12 8Zm1 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
/>
+ <path
+ d="M8.1 21.212A9.738 9.738 0 0 0 12 22a9.738 9.738 0 0 0 3.9-.788 10.098 10.098 0 0 0 3.175-2.137c.9-.9 1.613-1.958 2.137-3.175A9.738 9.738 0 0 0 22 12a9.738 9.738 0 0 0-.788-3.9 10.099 10.099 0 0 0-2.137-3.175c-.9-.9-1.958-1.612-3.175-2.137A9.738 9.738 0 0 0 12 2a9.738 9.738 0 0 0-3.9.788 10.099 10.099 0 0 0-3.175 2.137c-.9.9-1.612 1.958-2.137 3.175A9.738 9.738 0 0 0 2 12a9.74 9.74 0 0 0 .788 3.9 10.098 10.098 0 0 0 2.137 3.175c.9.9 1.958 1.613 3.175 2.137Zm9.575-3.537C16.125 19.225 14.233 20 12 20c-2.233 0-4.125-.775-5.675-2.325C4.775 16.125 4 14.233 4 12c0-2.233.775-4.125 2.325-5.675C7.875 4.775 9.767 4 12 4c2.233 0 4.125.775 5.675 2.325C19.225 7.875 20 9.767 20 12c0 2.233-.775 4.125-2.325 5.675Z"
+ />
+ </svg>
</div>
with example.com.
</span>
</div>
<div>
at Object.toMatchSnapshot (test/components/views/elements/AppTile-test.tsx:398:34)
|
|
PeopleRoomSettingsTab › with requests to join › renders requests fully:
test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx#L98
expect(received).toMatchSnapshot()
Snapshot name: `PeopleRoomSettingsTab with requests to join renders requests fully 1`
- Snapshot - 1
+ Received + 8
@@ -85,13 +85,20 @@
aria-label="Approve"
class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary"
role="button"
tabindex="0"
>
- <div
+ <svg
+ fill="currentColor"
height="18"
+ viewBox="0 0 24 24"
width="18"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M9.55 17.575c-.133 0-.258-.02-.375-.063a.876.876 0 0 1-.325-.212L4.55 13c-.183-.183-.27-.42-.263-.713.009-.291.105-.529.288-.712a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275L9.55 15.15l8.475-8.475c.183-.183.42-.275.713-.275.291 0 .529.092.712.275.183.183.275.42.275.713 0 .291-.092.529-.275.712l-9.2 9.2c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063Z"
/>
+ </svg>
</div>
</div>
</div>
</fieldset>
at Object.toMatchSnapshot (test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx:98:32)
|
|
PeopleRoomSettingsTab › with requests to join › renders requests reduced:
test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx#L112
expect(received).toMatchSnapshot()
Snapshot name: `PeopleRoomSettingsTab with requests to join renders requests reduced 1`
- Snapshot - 1
+ Received + 8
@@ -59,13 +59,20 @@
aria-label="Approve"
class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary"
role="button"
tabindex="0"
>
- <div
+ <svg
+ fill="currentColor"
height="18"
+ viewBox="0 0 24 24"
width="18"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M9.55 17.575c-.133 0-.258-.02-.375-.063a.876.876 0 0 1-.325-.212L4.55 13c-.183-.183-.27-.42-.263-.713.009-.291.105-.529.288-.712a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275L9.55 15.15l8.475-8.475c.183-.183.42-.275.713-.275.291 0 .529.092.712.275.183.183.275.42.275.713 0 .291-.092.529-.275.712l-9.2 9.2c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063Z"
/>
+ </svg>
</div>
</div>
</div>
</fieldset>
at Object.toMatchSnapshot (test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx:112:32)
|
|
Jest (1)
The operation was canceled.
|
|
Jest (2)
Canceling since a higher priority waiting request for 'Tests-refs/pull/121/merge-pull_request' exists
|
|
<SessionManagerTab /> › current session section › renders current session section with an unverified session:
test/components/views/settings/tabs/user/SessionManagerTab-test.tsx#L440
expect(received).toMatchSnapshot()
Snapshot name: `<SessionManagerTab /> current session section renders current session section with an unverified session 1`
- Snapshot - 1
+ Received + 10
@@ -90,13 +90,22 @@
class="mx_AccessibleButton mx_DeviceExpandDetailsButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon"
data-testid="current-session-toggle-details"
role="button"
tabindex="0"
>
- <div
+ <svg
class="mx_DeviceExpandDetailsButton_icon"
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M12 14.95c-.133 0-.258-.02-.375-.063a.876.876 0 0 1-.325-.212l-4.6-4.6a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l3.9 3.9 3.9-3.9a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7l-4.6 4.6c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063Z"
/>
+ </svg>
</div>
</div>
</div>
<br />
<div
at Object.toMatchSnapshot (test/components/views/settings/tabs/user/SessionManagerTab-test.tsx:440:60)
|
|
<SessionManagerTab /> › current session section › renders current session section with a verified session:
test/components/views/settings/tabs/user/SessionManagerTab-test.tsx#L475
expect(received).toMatchSnapshot()
Snapshot name: `<SessionManagerTab /> current session section renders current session section with a verified session 1`
- Snapshot - 1
+ Received + 10
@@ -90,13 +90,22 @@
class="mx_AccessibleButton mx_DeviceExpandDetailsButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon"
data-testid="current-session-toggle-details"
role="button"
tabindex="0"
>
- <div
+ <svg
class="mx_DeviceExpandDetailsButton_icon"
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M12 14.95c-.133 0-.258-.02-.375-.063a.876.876 0 0 1-.325-.212l-4.6-4.6a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l3.9 3.9 3.9-3.9a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7l-4.6 4.6c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063Z"
/>
+ </svg>
</div>
</div>
</div>
<br />
<div
at Object.toMatchSnapshot (test/components/views/settings/tabs/user/SessionManagerTab-test.tsx:475:60)
|
|
<BeaconViewDialog /> › renders a fallback when there are no locations:
test/components/views/beacon/BeaconViewDialog-test.tsx#L173
expect(received).toMatchSnapshot()
Snapshot name: `<BeaconViewDialog /> renders a fallback when there are no locations 1`
- Snapshot - 1
+ Received + 10
@@ -3,13 +3,22 @@
data-testid="beacon-view-dialog-map-fallback"
>
<div
class="mx_MapFallback_bg"
/>
- <div
+ <svg
class="mx_MapFallback_icon"
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M12 21.325a2.07 2.07 0 0 1-.7-.125 1.84 1.84 0 0 1-.625-.375A39.112 39.112 0 0 1 7.8 17.9c-.833-.95-1.53-1.87-2.087-2.762-.559-.892-.984-1.75-1.276-2.575C4.146 11.738 4 10.95 4 10.2c0-2.5.804-4.492 2.412-5.975C8.021 2.742 9.883 2 12 2s3.98.742 5.587 2.225C19.197 5.708 20 7.7 20 10.2c0 .75-.146 1.538-.438 2.363-.291.824-.716 1.683-1.274 2.574A21.678 21.678 0 0 1 16.2 17.9a39.112 39.112 0 0 1-2.875 2.925 1.84 1.84 0 0 1-.625.375 2.07 2.07 0 0 1-.7.125ZM12 12c.55 0 1.02-.196 1.412-.588.392-.391.588-.862.588-1.412 0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 12 8c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 10 10c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z"
/>
+ </svg>
<span
class="mx_BeaconViewDialog_mapFallbackMessage"
>
No live locations
</span>
at Object.toMatchSnapshot (test/components/views/beacon/BeaconViewDialog-test.tsx:173:64)
|
|
Jest (2)
The operation was canceled.
|
|
jest-tests
Process completed with exit code 1.
|