Skip to content
This repository has been archived by the owner on Oct 22, 2024. It is now read-only.

De-duplicate icons using Compound Design Tokens #861

De-duplicate icons using Compound Design Tokens

De-duplicate icons using Compound Design Tokens #861

Triggered via pull request October 14, 2024 15:07
Status Failure
Total duration 6m 19s
Artifacts

tests.yml

on: pull_request
Matrix: Jest
Element Web Integration Tests
1m 52s
Element Web Integration Tests
jest-tests
1s
jest-tests
Fit to window
Zoom out
Zoom in

Annotations

21 errors
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)
EventTileThreadToolbar › renders: test/components/views/rooms/EventTile/EventTileThreadToolbar-test.tsx#L29
expect(received).toMatchSnapshot() Snapshot name: `EventTileThreadToolbar renders 1` - Snapshot - 1 + Received + 11 @@ -17,9 +17,19 @@ aria-label="Copy link to thread" class="mx_AccessibleButton mx_MessageActionBar_iconButton" role="button" tabindex="-1" > - <div /> + <svg + fill="currentColor" + height="1em" + viewBox="0 0 24 24" + width="1em" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M12 19.071c-.978.978-2.157 1.467-3.536 1.467-1.378 0-2.557-.489-3.535-1.467-.978-.978-1.467-2.157-1.467-3.536 0-1.378.489-2.557 1.467-3.535L7.05 9.879c.2-.2.436-.3.707-.3.271 0 .507.1.707.3.2.2.301.436.301.707 0 .27-.1.506-.3.707l-2.122 2.121a2.893 2.893 0 0 0-.884 2.122c0 .824.295 1.532.884 2.12.59.59 1.296.885 2.121.885s1.533-.295 2.122-.884l2.121-2.121c.2-.2.436-.301.707-.301.271 0 .507.1.707.3.2.2.3.437.3.708 0 .27-.1.506-.3.707L12 19.07Zm-1.414-4.243c-.2.2-.436.3-.707.3a.967.967 0 0 1-.707-.3.969.969 0 0 1-.301-.707c0-.27.1-.507.3-.707l4.243-4.242c.2-.2.436-.301.707-.301.271 0 .507.1.707.3.2.2.3.437.3.708 0 .27-.1.506-.3.707l-4.242 4.242Zm6.364-.707c-.2.2-.436.3-.707.3a.968.968 0 0 1-.707-.3.969.969 0 0 1-.301-.707c0-.27.1-.507.3-.707l2.122-2.121c.59-.59.884-1.297.884-2.122s-.295-1.532-.884-2.12a2.893 2.893 0 0 0-2.121-.885c-.825 0-1.532.295-2.122.884l-2.121 2.121c-.2.2-.436.301-.707.301a.968.968 0 0 1-.707-.3.97.97 0 0 1-.3-.708c0-.27.1-.506.3-.707L12 4.93c.978-.978 2.157-1.467 3.536-1.467 1.378 0 2.557.489 3.535 1.467.978.978 1.467 2.157 1.467 3.535 0 1.38-.489 2.558-1.467 3.536l-2.121 2.121Z" + /> + </svg> </div> </div> </DocumentFragment> at Object.toMatchSnapshot (test/components/views/rooms/EventTile/EventTileThreadToolbar-test.tsx:29:30)
<SidebarUserSettingsTab /> › renders sidebar settings with guest spa url: test/components/views/settings/tabs/user/SidebarUserSettingsTab-test.tsx#L34
expect(received).toMatchSnapshot() Snapshot name: `<SidebarUserSettingsTab /> renders sidebar settings with guest spa url 1` - Snapshot - 3 + Received + 36 @@ -56,11 +56,21 @@ </div> <div> <div class="mx_SettingsSubsection_text" > - <div /> + <svg + fill="currentColor" + height="1em" + viewBox="0 0 24 24" + width="1em" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="m12.971 3.54 7 3.889A2 2 0 0 1 21 9.177V19a2 2 0 0 1-2 2h-4v-9H9v9H5a2 2 0 0 1-2-2V9.177a2 2 0 0 1 1.029-1.748l7-3.89a2 2 0 0 1 1.942 0Z" + /> + </svg> Home </div> <div class="mx_SettingsSubsection_text" > @@ -119,12 +129,22 @@ /> </div> <div> <div class="mx_SettingsSubsection_text" + > + <svg + fill="currentColor" + height="1em" + viewBox="0 0 24 24" + width="1em" + xmlns="http://www.w3.org/2000/svg" > - <div /> + <path + d="m12.897 2.817 2.336 4.733 5.223.76a1 1 0 0 1 .555 1.705L17.23 13.7l.892 5.202a1 1 0 0 1-1.45 1.054L12 17.5l-4.672 2.456a1 1 0 0 1-1.451-1.054l.892-5.202-3.78-3.685a1 1 0 0 1 .555-1.706l5.223-.759 2.336-4.733a1 1 0 0 1 1.794 0Z" + /> + </svg> Favourites </div> <div class="mx_SettingsSubsection_text" > @@ -152,11 +172,24 @@ </div> <div> <div class="mx_SettingsSubsection_text" > - <div /> + <svg + fill="currentColor" + height="1em" + viewBox="0 0 24 24" + width="1em" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M12 15c-1.1 0-2.042-.392-2.825-1.175C8.392 13.042 8 12.1 8 11s.392-2.042 1.175-2.825C9.958 7.392 10.9 7 12 7s2.042.392 2.825 1.175C15.608 8.958 16 9.9 16 11s-.392 2.042-1.175 2.825C14.042 14.608 13.1 15 12 15Z" + /> + <path + d="M19.528 18.583A9.962 9.962 0 0 0 22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 2.52.933 4.824 2.472 6.583A9.976 9.976 0 0 0 12 22a9.976 9.976 0 0 0 7.528-3.417ZM8.75 16.388c-.915.221-1.818.538-2.709.95a8 8 0 1 1 11.918 0 14.679 14.679 0 0 0-2.709-.95A13.76 13.76 0 0 0 12 16c-1.1 0-2.183.13-3.25.387Z" + /> + </svg> People </div> <div class="mx_SettingsSubsection_text" > at Object.toMatchSnapshot (test/components/views/settings/tabs/user/SidebarUserSettingsTab-test.tsx:34:27)
<SidebarUserSettingsTab /> › renders sidebar settings without guest spa url: test/components/views/settings/tabs/user/SidebarUserSettingsTab-test.tsx#L44
expect(received).toMatchSnapshot() Snapshot name: `<SidebarUserSettingsTab /> renders sidebar settings without guest spa url 1` - Snapshot - 3 + Received + 36 @@ -56,11 +56,21 @@ </div> <div> <div class="mx_SettingsSubsection_text" > - <div /> + <svg + fill="currentColor" + height="1em" + viewBox="0 0 24 24" + width="1em" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="m12.971 3.54 7 3.889A2 2 0 0 1 21 9.177V19a2 2 0 0 1-2 2h-4v-9H9v9H5a2 2 0 0 1-2-2V9.177a2 2 0 0 1 1.029-1.748l7-3.89a2 2 0 0 1 1.942 0Z" + /> + </svg> Home </div> <div class="mx_SettingsSubsection_text" > @@ -119,12 +129,22 @@ /> </div> <div> <div class="mx_SettingsSubsection_text" + > + <svg + fill="currentColor" + height="1em" + viewBox="0 0 24 24" + width="1em" + xmlns="http://www.w3.org/2000/svg" > - <div /> + <path + d="m12.897 2.817 2.336 4.733 5.223.76a1 1 0 0 1 .555 1.705L17.23 13.7l.892 5.202a1 1 0 0 1-1.45 1.054L12 17.5l-4.672 2.456a1 1 0 0 1-1.451-1.054l.892-5.202-3.78-3.685a1 1 0 0 1 .555-1.706l5.223-.759 2.336-4.733a1 1 0 0 1 1.794 0Z" + /> + </svg> Favourites </div> <div class="mx_SettingsSubsection_text" > @@ -152,11 +172,24 @@ </div> <div> <div class="mx_SettingsSubsection_text" > - <div /> + <svg + fill="currentColor" + height="1em" + viewBox="0 0 24 24" + width="1em" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M12 15c-1.1 0-2.042-.392-2.825-1.175C8.392 13.042 8 12.1 8 11s.392-2.042 1.175-2.825C9.958 7.392 10.9 7 12 7s2.042.392 2.825 1.175C15.608 8.958 16 9.9 16 11s-.392 2.042-1.175 2.825C14.042 14.608 13.1 15 12 15Z" + /> + <path + d="M19.528 18.583A9.962 9.962 0 0 0 22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 2.52.933 4.824 2.472 6.583A9.976 9.976 0 0 0 12 22a9.976 9.976 0 0 0 7.528-3.417ZM8.75 16.388c-.915.221-1.818.538-2.709.95a8 8 0 1 1 11.918 0 14.679 14.679 0 0 0-2.709-.95A13.76 13.76 0 0 0 12 16c-1.1 0-2.183.13-3.25.387Z" + /> + </svg> People </div> <div class="mx_SettingsSubsection_text" > at Object.toMatchSnapshot (test/components/views/settings/tabs/user/SidebarUserSettingsTab-test.tsx:44:27)
<DeviceExpandDetailsButton /> › renders when not expanded: test/components/views/settings/devices/DeviceExpandDetailsButton-test.tsx#L23
expect(received).toMatchSnapshot() Snapshot name: `<DeviceExpandDetailsButton /> renders when not expanded 1` - Snapshot - 2 + Received + 11 @@ -4,11 +4,20 @@ aria-label="Show details" class="mx_AccessibleButton mx_DeviceExpandDetailsButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon" 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>, } at Object.toMatchSnapshot (test/components/views/settings/devices/DeviceExpandDetailsButton-test.tsx:23:31)
<DeviceExpandDetailsButton /> › renders when expanded: test/components/views/settings/devices/DeviceExpandDetailsButton-test.tsx#L28
expect(received).toMatchSnapshot() Snapshot name: `<DeviceExpandDetailsButton /> renders when expanded 1` - Snapshot - 2 + Received + 11 @@ -4,11 +4,20 @@ aria-label="Hide details" class="mx_AccessibleButton mx_DeviceExpandDetailsButton mx_DeviceExpandDetailsButton_expanded mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon" 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>, } at Object.toMatchSnapshot (test/components/views/settings/devices/DeviceExpandDetailsButton-test.tsx:28:31)
<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)
VoiceBroadcastPlaybackBody › when rendering an error broadcast › should render as expected: test/voice-broadcast/components/molecules/VoiceBroadcastPlaybackBody-test.tsx#L221
expect(received).toMatchSnapshot() Snapshot name: `VoiceBroadcastPlaybackBody when rendering an error broadcast should render as expected 1` - Snapshot - 2 + Received + 11 @@ -59,12 +59,21 @@ </div> </div> <div class="mx_VoiceBroadcastRecordingConnectionError" > - <div + <svg class="mx_Icon mx_Icon_16" - /> + fill="currentColor" + height="1em" + viewBox="0 0 24 24" + width="1em" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 15a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 16c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4c.283 0 .52-.096.713-.287A.968.968 0 0 0 13 12V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8v4c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 9a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z" + /> + </svg> Unable to play this voice broadcast </div> </div> </div> at Object.toMatchSnapshot (test/voice-broadcast/components/molecules/VoiceBroadcastPlaybackBody-test.tsx:221:44)
<Pill> › should render the expected pill for an uknown user not in the room: test/components/views/elements/Pill-test.tsx#L235
expect(received).toMatchSnapshot() Snapshot name: `<Pill> should render the expected pill for an uknown user not in the room 1` - Snapshot - 1 + Received + 13 @@ -3,13 +3,25 @@ <bdi> <a class="mx_Pill mx_UserPill" href="https://matrix.to/#/@user3:example.com" > - <div + <svg class="mx_Pill_UserIcon mx_BaseAvatar" + fill="currentColor" + height="1em" + viewBox="0 0 24 24" + width="1em" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M12 15c-1.1 0-2.042-.392-2.825-1.175C8.392 13.042 8 12.1 8 11s.392-2.042 1.175-2.825C9.958 7.392 10.9 7 12 7s2.042.392 2.825 1.175C15.608 8.958 16 9.9 16 11s-.392 2.042-1.175 2.825C14.042 14.608 13.1 15 12 15Z" + /> + <path + d="M19.528 18.583A9.962 9.962 0 0 0 22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 2.52.933 4.824 2.472 6.583A9.976 9.976 0 0 0 12 22a9.976 9.976 0 0 0 7.528-3.417ZM8.75 16.388c-.915.221-1.818.538-2.709.95a8 8 0 1 1 11.918 0 14.679 14.679 0 0 0-2.709-.95A13.76 13.76 0 0 0 12 16c-1.1 0-2.183.13-3.25.387Z" /> + </svg> <span class="mx_Pill_text" > @user3:example.com </span> at Object.toMatchSnapshot (test/components/views/elements/Pill-test.tsx:235:43)
MLocationBody › <MLocationBody> › without error › renders map correctly: test/components/views/messages/MLocationBody-test.tsx#L131
expect(received).toMatchSnapshot() Snapshot name: `MLocationBody <MLocationBody> without error renders map correctly 1` - Snapshot - 1 + Received + 10 @@ -15,13 +15,22 @@ id="mx_MLocationBody_$2_vY7Q4uEh-marker" > <div class="mx_Marker_border" > - <div + <svg class="mx_Marker_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> </div> </div> </span> </div> </div> at Object.toMatchSnapshot (test/components/views/messages/MLocationBody-test.tsx:131:48)
DecryptionFailureBody › should handle messages from users who change identities after verification: test/components/views/messages/DecryptionFailureBody-test.tsx#L118
expect(received).toMatchSnapshot() Snapshot name: `DecryptionFailureBody should handle messages from users who change identities after verification 1` - Snapshot - 1 + Received + 10 <div> <div class="mx_DecryptionFailureBody mx_EventTile_content mx_DecryptionFailureVerifiedIdentityChanged" > <span> - <div + <svg class="mx_Icon mx_Icon_16" + fill="currentColor" + height="1em" + viewBox="0 0 24 24" + width="1em" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 15a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 16c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4c.283 0 .52-.096.713-.287A.968.968 0 0 0 13 12V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8v4c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 9a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z" /> + </svg> Verified identity has changed </span> </div> </div> at Object.toMatchSnapshot (test/components/views/messages/DecryptionFailureBody-test.tsx:118:27)
<CurrentDeviceSection /> › renders device and correct security card when device is verified: test/components/views/settings/devices/CurrentDeviceSection-test.tsx#L54
expect(received).toMatchSnapshot() Snapshot name: `<CurrentDeviceSection /> renders device and correct security card when device is verified 1` - Snapshot - 1 + Received + 10 @@ -91,13 +91,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/devices/CurrentDeviceSection-test.tsx:54:27)
<CurrentDeviceSection /> › renders device and correct security card when device is unverified: test/components/views/settings/devices/CurrentDeviceSection-test.tsx#L59
expect(received).toMatchSnapshot() Snapshot name: `<CurrentDeviceSection /> renders device and correct security card when device is unverified 1` - Snapshot - 1 + Received + 10 @@ -91,13 +91,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/devices/CurrentDeviceSection-test.tsx:59:27)
<LocationViewDialog /> › renders map correctly: test/components/views/location/LocationViewDialog-test.tsx#L36
expect(received).toMatchSnapshot() Snapshot name: `<LocationViewDialog /> renders map correctly 1` - Snapshot - 2 + Received + 20 @@ -8,13 +8,22 @@ id="mx_LocationViewDialog_$2-marker" > <div class="mx_Marker_border" > - <div + <svg class="mx_Marker_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> </div> </div> </span> <div class="mx_ZoomButtons" @@ -25,13 +34,22 @@ class="mx_AccessibleButton mx_ZoomButtons_button" data-testid="map-zoom-in-button" role="button" tabindex="0" > - <div + <svg class="mx_ZoomButtons_icon" + fill="currentColor" + height="1em" + viewBox="0 0 24 24" + width="1em" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M11 13H6a.967.967 0 0 1-.713-.287A.968.968 0 0 1 5 12c0-.283.096-.52.287-.713A.967.967 0 0 1 6 11h5V6c0-.283.096-.52.287-.713A.968.968 0 0 1 12 5c.283 0 .52.096.713.287.191.192.287.43.287.713v5h5a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 18 13h-5v5a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 19a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 18v-5Z" /> + </svg> </div> <div aria-label="Zoom out" class="mx_AccessibleButton mx_ZoomButtons_button" data-testid="map-zoom-out-button" at Object.toMatchSnapshot (test/components/views/location/LocationViewDialog-test.tsx:36:52)
jest-tests
Process completed with exit code 1.