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/unit-tests/components/views/settings/tabs/user/SessionManagerTab-test.tsx:443:60)

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/unit-tests/components/views/settings/tabs/user/SessionManagerTab-test.tsx:478:60)

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/unit-tests/components/views/beacon/BeaconViewDialog-test.tsx:173:64)

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/unit-tests/components/views/elements/Pill-test.tsx:235:43)

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/unit-tests/components/views/settings/devices/CurrentDeviceSection-test.tsx:54:27)

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/unit-tests/components/views/settings/devices/CurrentDeviceSection-test.tsx:59:27)

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of `AppTile`. at createFiberFromTypeAndProps (node_modules/react-dom/cjs/react-dom.development.js:25058:21) at createFiberFromElement (node_modules/react-dom/cjs/react-dom.development.js:25086:15) at reconcileSingleElement (node_modules/react-dom/cjs/react-dom.development.js:14052:23) at reconcileChildFibers (node_modules/react-dom/cjs/react-dom.development.js:14112:35) at reconcileChildren (node_modules/react-dom/cjs/react-dom.development.js:16990:28) at updateHostComponent (node_modules/react-dom/cjs/react-dom.development.js:17632:3) at beginWork (node_modules/react-dom/cjs/react-dom.development.js:19080:14) at HTMLUnknownElement.callCallback (node_modules/react-dom/cjs/react-dom.development.js:3945:14) at HTMLUnknownElement.callTheUserObjectsOperation (node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30) at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25) at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3) at HTMLUnknownElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9) at HTMLUnknownElementImpl.dispatchEvent (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17) at HTMLUnknownElement.dispatchEvent (node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34) at Object.invokeGuardedCallbackDev (node_modules/react-dom/cjs/react-dom.development.js:3994:16) at invokeGuardedCallback (node_modules/react-dom/cjs/react-dom.development.js:4056:31) at beginWork$1 (node_modules/react-dom/cjs/react-dom.development.js:23964:7) at performUnitOfWork (node_modules/react-dom/cjs/react-dom.development.js:22779:12) at workLoopSync (node_modules/react-dom/cjs/react-dom.development.js:22707:5) at renderRootSync (node_modules/react-dom/cjs/react-dom.development.js:22670:7) at performSyncWorkOnRoot (node_modules/react-dom/cjs/react-dom.development.js:22293:18) at scheduleUpdateOnFiber (node_modules/react-dom/cjs/react-dom.development.js:21881:7) at updateContainer (node_modules/react-dom/cjs/react-dom.development.js:25482:3) at node_modules/react-dom/cjs/react-dom.development.js:26021:7 at unbatchedUpdates (node_modules/react-dom/cjs/react-dom.development.js:22431:12) at legacyRenderSubtreeIntoContainer (node_modules/react-dom/cjs/react-dom.development.js:26020:5) at Object.render (node_modules/react-dom/cjs/react-dom.development.js:26103:10) at node_modules/@testing-library/react/dist/pure.js:101:25 at batchedUpdates$1 (node_modules/react-dom/cjs/react-dom.development.js:22380:12) at act (node_modules/react-dom/cjs/react-dom-test-utils.development.js:1042:14) at render (node_modules/@testing-library/react/dist/pure.js:97:26) at customRender (test/test-utils/jest-matrix-react.tsx:29:18) at Object.<anonymous> (test/unit-tests/components/views/rooms/AppsDrawer-test.tsx:61:37)

expect(received).toMatchSnapshot() Snapshot name: `<SmartMarker /> creates a marker on mount 1` - Snapshot - 1 + Received + 10 @@ -4,12 +4,21 @@ class="mx_Marker mx_Marker_defaultColor" > <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> at Object.toMatchSnapshot (test/unit-tests/components/views/location/SmartMarker-test.tsx:37:27)

expect(received).toMatchSnapshot() Snapshot name: `<SmartMarker /> removes marker on unmount 1` - Snapshot - 1 + Received + 10 @@ -4,12 +4,21 @@ class="mx_Marker mx_Marker_defaultColor" > <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> at Object.toMatchSnapshot (test/unit-tests/components/views/location/SmartMarker-test.tsx:63:27)