expect(received).toBe(expected) // Object.is equality Expected: "$144429830826TWwbB:localhost" Received: undefined at Object.toBe (test/unit-tests/components/views/rooms/SearchResultTile-test.tsx:79:43)

ForwardDialog › can render replies: apps/web/test/unit-tests/components/views/dialogs/ForwardDialog-test.tsx#L244

expect(received).toBeInTheDocument() received value must be an HTMLElement or an SVGElement. Received has value: null at __EXTERNAL_MATCHER_TRAP__ (../../node_modules/.pnpm/expect@30.4.1/node_modules/expect/build/index.js:2240:22) at Object.throwingMatcher [as toBeInTheDocument] (../../node_modules/.pnpm/expect@30.4.1/node_modules/expect/build/index.js:2241:6) at Object.toBeInTheDocument (test/unit-tests/components/views/dialogs/ForwardDialog-test.tsx:244:67)

ForwardDialog › shows a preview with us as the sender: apps/web/test/unit-tests/components/views/dialogs/ForwardDialog-test.tsx#L120

EventTile › timestamps › shows the timestamp for the last event: apps/web/test/unit-tests/components/views/rooms/EventTile-test.tsx#L334

expect(received).not.toBeNull() Received: null at Object.toBeNull (test/unit-tests/components/views/rooms/EventTile-test.tsx:334:73)

EventTile › timestamps › shows the timestamp when focus is within the tile: apps/web/test/unit-tests/components/views/rooms/EventTile-test.tsx#L328

expect(received).not.toBeNull() Received: null at Object.toBeNull (test/unit-tests/components/views/rooms/EventTile-test.tsx:328:73)

EventTile › timestamps › shows the timestamp when the tile is hovered: apps/web/test/unit-tests/components/views/rooms/EventTile-test.tsx#L316

expect(received).not.toBeNull() Received: null at Object.toBeNull (test/unit-tests/components/views/rooms/EventTile-test.tsx:316:73)

EventTile › shared root attributes › keeps stable DOM identifiers for File rendering: apps/web/test/unit-tests/components/views/rooms/EventTile-test.tsx#L289

expect(element).toHaveAttribute("data-scroll-tokens", "$0.9873090669015747-0.40117809193562437") // element.getAttribute("data-scroll-tokens") === "$0.9873090669015747-0.40117809193562437" Expected the element to have attribute: data-scroll-tokens="$0.9873090669015747-0.40117809193562437" Received: null at toHaveAttribute (test/unit-tests/components/views/rooms/EventTile-test.tsx:289:26)

EventTile › shared root attributes › keeps stable DOM identifiers for Thread rendering: apps/web/test/unit-tests/components/views/rooms/EventTile-test.tsx#L289

expect(element).toHaveAttribute("data-scroll-tokens", "$0.8145725934871565-0.8734464603833747") // element.getAttribute("data-scroll-tokens") === "$0.8145725934871565-0.8734464603833747" Expected the element to have attribute: data-scroll-tokens="$0.8145725934871565-0.8734464603833747" Received: null at toHaveAttribute (test/unit-tests/components/views/rooms/EventTile-test.tsx:289:26)

EventTile › shared root attributes › keeps stable DOM identifiers for Room rendering: apps/web/test/unit-tests/components/views/rooms/EventTile-test.tsx#L289

expect(element).toHaveAttribute("data-scroll-tokens", "$0.015968680911686017-0.968967940430336") // element.getAttribute("data-scroll-tokens") === "$0.015968680911686017-0.968967940430336" Expected the element to have attribute: data-scroll-tokens="$0.015968680911686017-0.968967940430336" Received: null at toHaveAttribute (test/unit-tests/components/views/rooms/EventTile-test.tsx:289:26)

EventTile › layout and tile attributes › sets aria-live to off when the send status is undefined: apps/web/test/unit-tests/components/views/rooms/EventTile-test.tsx#L269

expect(element).toHaveAttribute("aria-live", "off") // element.getAttribute("aria-live") === "off" Expected the element to have attribute: aria-live="off" Received: null at Object.toHaveAttribute (test/unit-tests/components/views/rooms/EventTile-test.tsx:269:40)

EventTile › layout and tile attributes › preserves the existing root and line markup: apps/web/test/unit-tests/components/views/rooms/EventTile-test.tsx#L61

expect(received).not.toBeNull() Received: null at toBeNull (test/unit-tests/components/views/rooms/EventTile-test.tsx:61:22) at Object.getLine (test/unit-tests/components/views/rooms/EventTile-test.tsx:254:43)

EventTile › layout and tile attributes › renders the event line inside the tile: apps/web/test/unit-tests/components/views/rooms/EventTile-test.tsx#L61

EventTile › layout and tile attributes › exposes the rendered event id in room timelines: apps/web/test/unit-tests/components/views/rooms/EventTile-test.tsx#L232

expect(element).toHaveAttribute("data-event-id", "$0.9445819411257117-0.17303073276574") // element.getAttribute("data-event-id") === "$0.9445819411257117-0.17303073276574" Expected the element to have attribute: data-event-id="$0.9445819411257117-0.17303073276574" Received: null at Object.toHaveAttribute (test/unit-tests/components/views/rooms/EventTile-test.tsx:232:40)

[element-web] src/components/structures/TimelinePanel.test.tsx > TimelinePanel > unpaginates: apps/web/src/components/structures/TimelinePanel.test.tsx#L125

AssertionError: expected [ null, null ] to deeply equal [ 'roomId_event_0', 'roomId_event_1' ] Ignored nodes: comments, script, style <html> <head /> <body> <div> <div class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_messagePanel" tabindex="-1" > <div class="mx_RoomView_messageListWrapper" > <ol aria-live="polite" class="mx_RoomView_MessageList" style="height: 400px;" > <li> <div aria-label="Thu, Jan 1, 1970" class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8" role="separator" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;" > <hr role="none" /> <div class="_flex_4dswl_9 _content_u6fft_8" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;" > <h2 aria-hidden="true" class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121" > Thu, Jan 1, 1970 </h2> </div> <hr role="none" /> </div> </li> <li class="_tileErrorView_1nx8u_1 mx_EventTile mx_EventTile_info mx_EventTile_content" data-event-density="default" data-event-layout="group" > <div class="_line_1nx8u_8" role="status" > <span class="_message_1nx8u_16" > Can't load this message (m.room.message) </span> </div> </li> <li class="_tileErrorView_1nx8u_1 mx_EventTile mx_EventTile_info mx_EventTile_content" data-event-density="default" data-event-layout="group" > <div class="_line_1nx8u_8" role="status" > <span class="_message_1nx8u_16" > Can't load this message (m.room.message) </span> </div> </li> </ol> </div> </div> </div> </body> </html> - Expected + Received [ - "roomId_event_0", - "roomId_event_1", + null, + null, ] ❯ expectEvents src/components/structures/TimelinePanel.test.tsx:125:26 ❯ src/components/structures/TimelinePanel.test.tsx:505:33 ❯ runWithExpensiveErrorDiagnosticsDisabled ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/config.js:47:12 ❯ checkCallback ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/wait-for.js:124:77 ❯ Timeout.checkRealTimersCallback ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/wait-for.js:118:16

[element-web] src/components/structures/TimelinePanel.test.tsx > TimelinePanel > paginates: apps/web/src/components/structures/TimelinePanel.test.tsx#L125

AssertionError: expected [ null ] to deeply equal [ 'roomId_event_1' ] Ignored nodes: comments, script, style <html> <head /> <body> <div> <div class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_messagePanel" tabindex="-1" > <div class="mx_RoomView_messageListWrapper" > <ol aria-live="polite" class="mx_RoomView_MessageList" style="height: 400px;" > <li class="_tileErrorView_1nx8u_1 mx_EventTile mx_EventTile_info mx_EventTile_content" data-event-density="default" data-event-layout="group" > <div class="_line_1nx8u_8" role="status" > <span class="_message_1nx8u_16" > Can't load this message (m.room.message) </span> </div> </li> </ol> </div> </div> </div> </body> </html> - Expected + Received [ - "roomId_event_1", + null, ] ❯ expectEvents src/components/structures/TimelinePanel.test.tsx:125:26 ❯ src/components/structures/TimelinePanel.test.tsx:485:33 ❯ runWithExpensiveErrorDiagnosticsDisabled ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/config.js:47:12 ❯ checkCallback ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/wait-for.js:124:77 ❯ Timeout.checkRealTimersCallback ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/wait-for.js:118:16

[element-web] src/components/structures/TimelinePanel.test.tsx > TimelinePanel > read receipts and markers > when there is a non-threaded timeline > and sending receipts is disabled > should send a fully read marker and a private receipt: apps/web/src/components/structures/TimelinePanel.test.tsx#L337

AssertionError: expected "vi.fn()" to be called with arguments: [ '#room:example.com', 'ev1' ] Number of calls: 0 Ignored nodes: comments, script, style <html> <head /> <body> <div> <div class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_messagePanel" tabindex="-1" > <div class="mx_RoomView_messageListWrapper" > <ol aria-live="polite" class="mx_RoomView_MessageList" style="height: 400px;" > <li> <div aria-label="Thu, Jan 1, 1970" class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8" role="separator" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;" > <hr role="none" /> <div class="_flex_4dswl_9 _content_u6fft_8" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;" > <h2 aria-hidden="true" class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121" > Thu, Jan 1, 1970 </h2> </div> <hr role="none" /> </div> </li> <li class="_tileErrorView_1nx8u_1 mx_EventTile mx_EventTile_info mx_EventTile_content" data-event-density="default" data-event-layout="group" > <div class="_line_1nx8u_8" role="status" > <span class="_message_1nx8u_16" > Can't load this message (m.room.message) </span> </div> </li> </ol> </div> </div> </div> </body> </html> ❯ src/components/structures/TimelinePanel.test.tsx:337:75 ❯ runWithExpensiveErrorDiagnosticsDisabled ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/config.js:47:12 ❯ checkCallback ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/wait-for.js:124:77 ❯ Timeout.checkRealTimersCallback ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/wait-for.js:118:16

[element-web] src/components/structures/TimelinePanel.test.tsx > TimelinePanel > read receipts and markers > when there is a non-threaded timeline > and reading the timeline > should send a fully read marker and a public receipt: apps/web/src/components/structures/TimelinePanel.test.tsx#L272

AssertionError: expected "vi.fn()" to be called with arguments: [ '#room:example.com', 'ev1' ] Number of calls: 0 ❯ src/components/structures/TimelinePanel.test.tsx:272:55

[element-web] src/components/structures/RoomSearchView.test.tsx > <RoomSearchView/> > should pass appropriate permalink creator for all rooms search: apps/web/src/components/structures/RoomSearchView.test.tsx#L575

TestingLibraryElementError: Unable to find an element with the text: Room 1. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <body> <div> <div class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_searchResultsPanel someClass" tabindex="-1" > <div class="mx_RoomView_messageListWrapper" > <ol aria-live="polite" class="mx_RoomView_MessageList" style="height: 400px;" > <li class="mx_RoomView_scrollheader" /> <li> <h2 class="mx_RoomView_topMarker" > No more results </h2> </li> <li> <h2> Room : !room3:server </h2> </li> <li data-scroll-tokens="$32" > <ol> <div aria-label="Thu, Jan 1, 1970" class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8" role="separator" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;" > <hr role="none" /> <div class="_flex_4dswl_9 _content_u6fft_8" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;" > <h2 aria-hidden="true" class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121" > Thu, Jan 1, 1970 </h2> </div> <hr role="none" /> </div> <li class="_tileErrorView_1nx8u_1 mx_EventTile mx_EventTile_info mx_EventTile_content" data-event-density="default" data-event-layout="group" > <div class="_line_1nx8u_8" role="status" > <span class="_message_1nx8u_16" > Can't load this message (m.room.message) </span> </div> </li> </ol> </li> <li> <h2> Room : !room2:server </h2> </li> <li data-scroll-tokens="$23" > <ol> <div aria-label="Thu, Jan 1, 1970" class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8" role="separator" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;" > <hr role="none" /> <div class="_flex_4dswl_9 _content_u6fft_8" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;" > <h2 aria-hidden="true" class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121" > Thu, Jan 1, 1970 </h2> </div> <hr role="none" /> </div> <li class="_tileErrorView_1nx8u_1 mx_EventTile mx_EventTile_info mx_EventTile_content"

[element-web] src/components/structures/RoomSearchView.test.tsx > <RoomSearchView/> > should combine search results when the query is present in multiple sucessive messages: apps/web/src/components/structures/RoomSearchView.test.tsx#L461

TestingLibraryElementError: Unable to find an element with the text: Foo. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <body> <div> <div class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_searchResultsPanel someClass" tabindex="-1" > <div class="mx_RoomView_messageListWrapper" > <ol aria-live="polite" class="mx_RoomView_MessageList" style="height: 400px;" > <li class="mx_RoomView_scrollheader" /> <li> <h2 class="mx_RoomView_topMarker" > No more results </h2> </li> <li> <h2> Room : !room:server </h2> </li> <li data-scroll-tokens="$2" > <ol> <div aria-label="Thu, Jan 1, 1970" class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8" role="separator" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;" > <hr role="none" /> <div class="_flex_4dswl_9 _content_u6fft_8" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;" > <h2 aria-hidden="true" class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121" > Thu, Jan 1, 1970 </h2> </div> <hr role="none" /> </div> <li class="_tileErrorView_1nx8u_1 mx_EventTile mx_EventTile_info mx_EventTile_content" data-event-density="default" data-event-layout="group" > <div class="_line_1nx8u_8" role="status" > <span class="_message_1nx8u_16" > Can't load this message (m.room.message) </span> </div> </li> <li class="_tileErrorView_1nx8u_1 mx_EventTile mx_EventTile_info mx_EventTile_content" data-event-density="default" data-event-layout="group" > <div class="_line_1nx8u_8" role="status" > <span class="_message_1nx8u_16" > Can't load this message (m.room.message) </span> </div> </li> <li class="_tileErrorView_1nx8u_1 mx_EventTile mx_EventTile_info mx_EventTile_content" data-event-density="default" data-event-layout="group" > <div class="_line_1nx8u_8" role="status" > <span class="_message_1nx8u_16" > Can't load this message (m.room.message) </span> </div> </li> <li class="_tileErrorView_1nx8u_1 mx_EventTile mx_EventTile_info mx_EventTile_content" data-event-density="default" data-event-layout="group" > <div class="_line_1n

[element-web] src/components/structures/RoomSearchView.test.tsx > <RoomSearchView/> > should show spinner above results when backpaginating: apps/web/src/components/structures/RoomSearchView.test.tsx#L247

TestingLibraryElementError: Unable to find an element with the text: Potato. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <body> <div> <div class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_searchResultsPanel someClass" tabindex="-1" > <div class="mx_RoomView_messageListWrapper" > <ol aria-live="polite" class="mx_RoomView_MessageList" style="height: 400px;" > <li class="mx_RoomView_scrollheader" /> <li> <div class="mx_Spinner" > <svg aria-label="Loading…" class="_icon_1855a_18" data-testid="spinner" fill="currentColor" height="1em" role="progressbar" style="width: 32px; height: 32px;" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg" > <path clip-rule="evenodd" d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2" fill-rule="evenodd" /> </svg> </div> </li> <li> <h2 class="mx_RoomView_topMarker" > No more results </h2> </li> <li> <h2> Room : !room:server </h2> </li> <li data-scroll-tokens="$4" > <ol> <div aria-label="Thu, Jan 1, 1970" class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8" role="separator" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;" > <hr role="none" /> <div class="_flex_4dswl_9 _content_u6fft_8" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;" > <h2 aria-hidden="true" class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121" > Thu, Jan 1, 1970 </h2> </div> <hr role="none" /> </div> <li class="_tileErrorView_1nx8u_1 mx_EventTile mx_EventTile_info mx_EventTile_content" data-event-density="default" data-event-layout="group" > <div class="_line_1nx8u_8" role="status" > <span class="_message_1nx8u_16" > Can't load this message (m.room.message) </span> </div> </li> </ol> </li> <li data-scroll-tokens="$2" > <ol> <div aria-label="Thu, Jan 1, 1970" class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8" role="separator" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;" > <hr role="none" /> <div class="_flex_4dswl_9 _conten

[element-web] src/components/structures/RoomSearchView.test.tsx > <RoomSearchView/> > should render results when the promise resolves: apps/web/src/components/structures/RoomSearchView.test.tsx#L132

Error: expect(element).toBeVisible() Received element is not visible (element is not in the document): <div class="mx_EventTile_body translate" dir="auto" /> ❯ src/components/structures/RoomSearchView.test.tsx:132:50

[element-web] src/components/structures/MessagePanel.test.tsx > MessagePanel > should set lastSuccessful=false on non-last event if last event has a receipt from someone else: apps/web/src/components/structures/MessagePanel.test.tsx#L839

Error: expect(element).not.toBeInTheDocument() expected document not to contain element, found <div class="_line_1nx8u_8" role="status" > <span class="_message_1nx8u_16" > Can't load this message (m.room.message) </span> </div> instead ❯ src/components/structures/MessagePanel.test.tsx:839:75

[element-web] src/components/structures/MessagePanel.test.tsx > MessagePanel > should set lastSuccessful=true on non-last event if last event is not eligible for special receipt: apps/web/src/components/structures/MessagePanel.test.tsx#L803

Error: expect(element).toHaveAccessibleName() Expected element to have accessible name: Your message was sent Received: ❯ src/components/structures/MessagePanel.test.tsx:803:71

[element-web] src/components/views/right_panel/PinnedMessagesCard.test.tsx > <PinnedMessagesCard /> > should not show more than 100 messages: apps/web/src/components/views/messages/TextualBodyFactory.tsx#L275

TypeError: mediaPreviewVm.replace is not a function ❯ src/components/views/messages/TextualBodyFactory.tsx:275:24 ❯ Object.react_stack_bottom_frame ../../node_modules/.pnpm/react-dom@19.2.8_react@19.2.8/node_modules/react-dom/cjs/react-dom-client.development.js:25989:20 ❯ runWithFiberInDEV ../../node_modules/.pnpm/react-dom@19.2.8_react@19.2.8/node_modules/react-dom/cjs/react-dom-client.development.js:874:13 ❯ commitHookEffectListMount ../../node_modules/.pnpm/react-dom@19.2.8_react@19.2.8/node_modules/react-dom/cjs/react-dom-client.development.js:13249:29 ❯ commitHookPassiveMountEffects ../../node_modules/.pnpm/react-dom@19.2.8_react@19.2.8/node_modules/react-dom/cjs/react-dom-client.development.js:13336:11 ❯ commitPassiveMountOnFiber ../../node_modules/.pnpm/react-dom@19.2.8_react@19.2.8/node_modules/react-dom/cjs/react-dom-client.development.js:15484:13 ❯ recursivelyTraversePassiveMountEffects ../../node_modules/.pnpm/react-dom@19.2.8_react@19.2.8/node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber ../../node_modules/.pnpm/react-dom@19.2.8_react@19.2.8/node_modules/react-dom/cjs/react-dom-client.development.js:15504:11 ❯ recursivelyTraversePassiveMountEffects ../../node_modules/.pnpm/react-dom@19.2.8_react@19.2.8/node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber ../../node_modules/.pnpm/react-dom@19.2.8_react@19.2.8/node_modules/react-dom/cjs/react-dom-client.development.js:15718:11

[element-web] src/components/views/right_panel/PinnedMessagesCard.test.tsx > <PinnedMessagesCard /> > should show two pinned messages: apps/web/src/components/views/messages/TextualBodyFactory.tsx#L275

[element-web] src/components/views/elements/ReplyChain.test.tsx > ReplyChain > keeps long edited reply quotes collapsible: apps/web/src/components/views/elements/ReplyChain.test.tsx#L130

Error: expect(element).toHaveTextContent() Expected element to have text content: word0 word1 word2 word3 word4 word5 word6 word7 word8 word9 word10 word11 word12 word13 word14 word15 word16 word17 word18 word19 word20 word21 word22 word23 word24 word25 word26 word27 word28 word29 word30 word31 word32 word33 word34 word35 word36 word37 word38 word39 word40 word41 word42 word43 word44 word45 word46 word47 word48 word49 word50 word51 word52 word53 word54 word55 word56 word57 word58 word59 word60 word61 word62 word63 word64 word65 word66 word67 word68 word69 word70 word71 word72 word73 word74 word75 word76 word77 word78 word79 edited Received: Ignored nodes: comments, script, style <html> <head /> <body> <div /> </body> </html> ❯ src/components/views/elements/ReplyChain.test.tsx:130:47 ❯ runWithExpensiveErrorDiagnosticsDisabled ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/config.js:47:12 ❯ checkCallback ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/wait-for.js:124:77 ❯ Timeout.checkRealTimersCallback ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/wait-for.js:118:16

[element-web] src/components/views/elements/ReplyChain.test.tsx > ReplyChain > should call setQuoteExpanded if chain is longer than 2 lines: apps/web/src/components/views/elements/ReplyChain.test.tsx#L63

Error: Snapshot `ReplyChain > should call setQuoteExpanded if chain is longer than 2 lines 1` mismatched - Expected + Received - <DocumentFragment> - <div - class="mx_ReplyChain_wrapper" - > - <div /> - <div> - <blockquote - class="mx_ReplyChain mx_ReplyChain_color2" - > - <div - class="mx_ReplyTile" - > - <a - href="#" - > - <div - class="mx_ReplyTile_sender" - > - <span - class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55" - data-color="2" - data-testid="avatar-img" - data-type="round" - role="presentation" - style="--cpd-avatar-size: 16px;" - title="@userid:matrix.org" - > - u - </span> - <div - class="mx_DisambiguatedProfile _disambiguatedProfile_1q5ax_8" - data-event-density="default" - data-event-layout="group" - role="button" - tabindex="0" - > - <span - class="mx_Username_color2 _disambiguatedProfile_displayName_1q5ax_18 mx_DisambiguatedProfile_displayName" - dir="auto" - > - @userid:matrix.org - </span> - </div> - </div> - <div - class="mx_MTextBody mx_EventTile_content _root_5gwiw_8 _text_5gwiw_25" - data-event-density="default" - data-event-layout="group" - > - <div - class="mx_EventTile_body translate" - dir="auto" - > - A - B - C - </div> - </div> - </a> - </div> - </blockquote> - </div> - </div> - </DocumentFragment> + <DocumentFragment /> ❯ src/components/views/elements/ReplyChain.test.tsx:63:30

[element-web] src/utils/exportUtils/HtmlExport.test.ts > HTMLExport > should include reactions: apps/web/src/utils/exportUtils/HtmlExport.test.ts#L730

AssertionError: expected '\n <!DOCTYPE html>\n …' to contain '🙃' - Expected + Received - 🙃 + + <!DOCTYPE html> + <html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <link href="css/style.css" rel="stylesheet" /> + <script src="js/script.js"></script> + <title>Exported Data</title> + </head> + <body style="height: 100vh;" class="cpd-theme-light"> + <div id="matrixchat" style="height: 100%; overflow: auto"> + <div class="mx_MatrixChat_wrapper" aria-hidden="false"> + <div class="mx_MatrixChat"> + <main class="mx_RoomView"> + <div class="mx_RoomHeader light-panel"> + <span role="presentation" title="!myroom:example.org" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55" style="--cpd-avatar-size:32px">!</span> + <div class="mx_RoomHeader_infoWrapper"> + <div + dir="auto" + class="mx_RoomHeader_info" + title="!myroom:example.org" + > + <span class="mx_RoomHeader_truncated mx_lineClamp"> + !myroom:example.org + </span> + </div> + </div> + </div> + + <div class="mx_MainSplit"> + <div class="mx_RoomView_body"> + <div + class="mx_RoomView_timeline mx_RoomView_timeline_rr_enabled" + > + <div + class=" + mx_AutoHideScrollbar + mx_ScrollPanel + mx_RoomView_messagePanel + " + > + <div class="mx_RoomView_messageListWrapper"> + <ol + class="mx_RoomView_MessageList" + aria-live="polite" + role="list" + > + <div class="mx_NewRoomIntro"> + <span role="presentation" title="!myroom:example.org" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55" style="--cpd-avatar-size:32px">!</span> + <h2> !myroom:example.org </h2> + <p> created this room. <br/><br/> <p><span>This is the start of export of <strong>!myroom:example.org</strong>. Exported by <a href="https://matrix.to/#/%40userId%3Amatrix.org" target="_blank" rel="noopener noreferrer"><strong>@userid:matrix.org</strong></a> at 11/17/2022.</span></p> </p> + <br/> + <p> </p> + </div> + <li><div role="separator" aria-label="Thu, Jan 1, 1970" class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8" style="--mx-flex-display:flex;--mx-flex-direction:row;--mx-flex-align:center;--mx-flex-justi

[element-web] src/utils/exportUtils/HtmlExport.test.ts > HTMLExport > should not make /messages requests when exporting 'Current Timeline': apps/web/src/utils/exportUtils/HtmlExport.test.ts#L709

AssertionError: expected '\n <!DOCTYPE html>\n …' to contain 'testing testing' - Expected + Received - testing testing + + <!DOCTYPE html> + <html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <link href="css/style.css" rel="stylesheet" /> + <script src="js/script.js"></script> + <title>Exported Data</title> + </head> + <body style="height: 100vh;" class="cpd-theme-light"> + <div id="matrixchat" style="height: 100%; overflow: auto"> + <div class="mx_MatrixChat_wrapper" aria-hidden="false"> + <div class="mx_MatrixChat"> + <main class="mx_RoomView"> + <div class="mx_RoomHeader light-panel"> + <span role="presentation" title="!myroom:example.org" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55" style="--cpd-avatar-size:32px">!</span> + <div class="mx_RoomHeader_infoWrapper"> + <div + dir="auto" + class="mx_RoomHeader_info" + title="!myroom:example.org" + > + <span class="mx_RoomHeader_truncated mx_lineClamp"> + !myroom:example.org + </span> + </div> + </div> + </div> + + <div class="mx_MainSplit"> + <div class="mx_RoomView_body"> + <div + class="mx_RoomView_timeline mx_RoomView_timeline_rr_enabled" + > + <div + class=" + mx_AutoHideScrollbar + mx_ScrollPanel + mx_RoomView_messagePanel + " + > + <div class="mx_RoomView_messageListWrapper"> + <ol + class="mx_RoomView_MessageList" + aria-live="polite" + role="list" + > + <div class="mx_NewRoomIntro"> + <span role="presentation" title="!myroom:example.org" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55" style="--cpd-avatar-size:32px">!</span> + <h2> !myroom:example.org </h2> + <p> created this room. <br/><br/> <p><span>This is the start of export of <strong>!myroom:example.org</strong>. Exported by <a href="https://matrix.to/#/%40userId%3Amatrix.org" target="_blank" rel="noopener noreferrer"><strong>@userid:matrix.org</strong></a> at 11/17/2022.</span></p> </p> + <br/> + <p> </p> + </div> + <li><div role="separator" aria-label="Fri, Jan 2, 1970" class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8" style="--mx-flex-display:flex;--mx-flex-direction:row;--mx-flex-align:

[element-web] src/utils/exportUtils/HtmlExport.test.ts > HTMLExport > should export: apps/web/src/utils/exportUtils/HtmlExport.test.ts#L275

Error: Snapshot `HTMLExport > should export 1` mismatched - Expected + Received @@ -52,11 +52,11 @@ <h2> !myroom:example.org </h2> <p> created this room. <br/><br/> <p><span>This is the start of export of <strong>!myroom:example.org</strong>. Exported by <a href="https://matrix.to/#/%40userId%3Amatrix.org" target="_blank" rel="noopener noreferrer"><strong>@userid:matrix.org</strong></a> at 11/17/2022.</span></p> </p> <br/> <p> </p> </div> - <li><div role="separator" aria-label="Thu, Jan 1, 1970" class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8" style="--mx-flex-display:flex;--mx-flex-direction:row;--mx-flex-align:center;--mx-flex-justify:start;--mx-flex-gap:0;--mx-flex-wrap:nowrap"><hr role="none"/><div class="_flex_4dswl_9 _content_u6fft_8" style="--mx-flex-display:flex;--mx-flex-direction:row;--mx-flex-align:start;--mx-flex-justify:start;--mx-flex-gap:0;--mx-flex-wrap:nowrap"><h2 aria-hidden="true" class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121">Thu, Jan 1, 1970</h2></div><hr role="none"/></div></li><div class="mx_Export_EventWrapper" id="49"><li class="_root_18x1m_9 mx_EventTile _layoutGroup_18x1m_194" aria-live="off" aria-atomic="true" data-scroll-tokens="49" data-event-id="49" data-testid="event-tile" tabindex="-1"><div data-testid="event-tile-slot-sender" class="_slotSender_18x1m_104"><div class="mx_DisambiguatedProfile _disambiguatedProfile_1q5ax_8" role="button" tabindex="0" data-event-layout="group" data-event-density="default"><span class="mx_Username_color4 _disambiguatedProfile_displayName_1q5ax_18 mx_DisambiguatedProfile_displayName" dir="auto">@User49:example.com</span></div></div><div data-testid="event-tile-slot-avatar" class="_slotAvatar_18x1m_95"><button role="button" aria-label="Profile picture" title="@User49:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="1" data-testid="event-tile-line" class="_line_18x1m_71 mx_EventTile_line"><div data-testid="event-tile-slot-timestamp" class="_slotTimestamp_18x1m_106"><a href="https://matrix.to/#/!myroom:example.org/49" class="mx_MessageTimestamp _content_1jaux_8" aria-live="off">00:00</a></div><div data-testid="event-tile-slot-body" class="_slotBody_18x1m_96"><div class="mx_MTextBody mx_EventTile_content _root_5gwiw_8 _text_5gwiw_25" data-event-layout="group" data-event-density="default"><div class="mx_EventTile_body translate" dir="auto">Message #49</div></div></div></div></li></div><div class="mx_Export_EventWrapper" id="48"><li class="_root_18x1m_9 mx_EventTile _layoutGroup_18x1m_194" aria-live="off" aria-atomic="true" data-scroll-tokens="48" data-event-id="48" data-testid="event-tile" tabindex="-1"><div data-testid="event-tile-slot-sender" class="_slotSender_18x1m_104"><div class="mx_DisambiguatedProfile _disambiguatedProfile_1q5ax_8" role="button" tabindex="0" data-event-layout="group" data-event-density="default"><span class="mx_Username_color3 _disambiguatedProfile_displayName_1q5ax_18 mx_DisambiguatedProfile_displayName" dir="auto">@user48:example.com</span></div></div><div data-testid="event-tile-slot-avatar" class="_slotAvatar_18x1m_95"><button role="button" aria-label="Profile picture" title="@user48:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="2" data-testid="event-tile-line" class="_line_18x1m_71 mx_EventTile_line"><div data-testid="event-tile-slot-timestamp" class="_slotTimestamp_18x1m_106"><a href="https://matrix.to/#/!myroom:example.org/48" class="mx_MessageTimestamp _content_1jaux_8" aria-live="off">00:00</a></div><div data-test

[element-web] src/components/structures/RoomView.test.tsx > RoomView > message search > should switch rooms when edit is clicked on a search result for a different room: apps/web/src/components/structures/RoomView.test.tsx#L1045

TestingLibraryElementError: Unable to find an element with the text: search term. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <body> <div> <div class="mx_RoomView" tabindex="-1" > <div class="mx_MainSplit" > <div class="mx_RoomView_body mx_MainSplit_timeline" data-layout="false" > <header class="_flex_4dswl_9 mx_RoomHeader light-panel" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;" > <button aria-label="Open room settings" aria-live="off" class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55" data-color="2" data-testid="avatar-img" data-type="round" role="button" style="--cpd-avatar-size: 40px;" tabindex="-1" > ! </button> <button aria-label="Room info" class="mx_RoomHeader_infoWrapper" tabindex="0" type="button" > <div class="mx_RoomHeader_info _box-flex_1odfs_9" style="--mx-box-flex: 1;" > <div aria-level="1" class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 mx_RoomHeader_heading" dir="auto" role="heading" > <span class="mx_RoomHeader_truncated mx_lineClamp" > !roomviewmessagesearchshouldswitchroomswheneditisclickedonasearchresultforadifferentroom:example.org </span> </div> </div> </button> <button aria-label="Threads" aria-labelledby="_r_1hf_" class="_icon-button_1215g_8" data-kind="primary" role="button" style="--cpd-icon-button-size: 32px;" tabindex="0" > <div class="_indicator-icon_147l5_17" style="--cpd-icon-button-size: 100%;" > <svg class="" fill="currentColor" height="1em" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14" /> </svg> </div> </button> <button aria-label="Room info" aria-labelledby="_r_1hk_" class="_icon-button_1215g_8" data-kind="primary" role="button" style="--cpd-icon-button-size: 32px;" tabindex="0" > <div class="_indicator-icon_147l5_17" style="--cpd-icon-button-size: 100%;" > <svg class=""

[element-web] src/components/structures/RoomView.test.tsx > RoomView > message search > should close search results when edit is clicked: apps/web/src/components/structures/RoomView.test.tsx#L974

TestingLibraryElementError: Unable to find an element with the text: search term. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <body> <div> <div class="mx_RoomView" tabindex="-1" > <div class="mx_MainSplit" > <div class="mx_RoomView_body mx_MainSplit_timeline" data-layout="false" > <header class="_flex_4dswl_9 mx_RoomHeader light-panel" style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;" > <button aria-label="Open room settings" aria-live="off" class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55" data-color="1" data-testid="avatar-img" data-type="round" role="button" style="--cpd-avatar-size: 40px;" tabindex="-1" > ! </button> <button aria-label="Room info" class="mx_RoomHeader_infoWrapper" tabindex="0" type="button" > <div class="mx_RoomHeader_info _box-flex_1odfs_9" style="--mx-box-flex: 1;" > <div aria-level="1" class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 mx_RoomHeader_heading" dir="auto" role="heading" > <span class="mx_RoomHeader_truncated mx_lineClamp" > !roomviewmessagesearchshouldclosesearchresultswheneditisclicked:example.org </span> </div> </div> </button> <button aria-label="Threads" aria-labelledby="_r_1fb_" class="_icon-button_1215g_8" data-kind="primary" role="button" style="--cpd-icon-button-size: 32px;" tabindex="0" > <div class="_indicator-icon_147l5_17" style="--cpd-icon-button-size: 100%;" > <svg class="" fill="currentColor" height="1em" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14" /> </svg> </div> </button> <button aria-label="Room info" aria-labelledby="_r_1fg_" class="_icon-button_1215g_8" data-kind="primary" role="button" style="--cpd-icon-button-size: 32px;" tabindex="0" > <div class="_indicator-icon_147l5_17" style="--cpd-icon-button-size: 100%;" > <svg class="" fill="currentColor"

Tests

Process completed with exit code 1.

Artifacts

Produced during runtime

Name	Size	Digest
coverage-shared-components-1	26.6 KB	`sha256:ddfd80deb1e9c69a2e7a9fd3a0b72213a078b3754d134f501f83e891fcfed16f`

Navigation Menu

Uh oh!

Uh oh!

Unified media preview 3 - URL previews use the previews #25843

Summary