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

Update to React 18 #27985

Update to React 18

Update to React 18 #27985

Triggered via pull request August 5, 2024 09:56
Status Failure
Total duration 4m 44s
Artifacts

tests.yml

on: pull_request
Matrix: Jest
Element Web Integration Tests
1m 58s
Element Web Integration Tests
Skip SonarCloud in merge queue
0s
Skip SonarCloud in merge queue
Fit to window
Zoom out
Zoom in

Annotations

9 errors
Spotlight Dialog › should apply manually selected filter › with public rooms: test/components/views/dialogs/SpotlightDialog-test.tsx#L281
expect(jest.fn()).toHaveBeenCalledWith(...expected) Expected: false Received 1: true 2: true 3: true Number of calls: 3 at Object.toHaveBeenCalledWith (test/components/views/dialogs/SpotlightDialog-test.tsx:281:50)
<VoiceUserSettingsTab /> › devices › logs and resets device when update fails: test/components/views/settings/tabs/user/VoiceUserSettingsTab-test.tsx#L96
TestingLibraryElementError: Unable to find a label with the text of: Camera Ignored nodes: comments, script, style <body> <div> <div class="mx_SettingsTab" > <div class="mx_SettingsTab_sections" > <div class="mx_SettingsSection" > <div class="mx_SettingsSection_subSections" > <div> <p> Missing media permissions, click the button below to request. </p> <div class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary" role="button" tabindex="0" > Request media permissions </div> </div> <div class="mx_SettingsSubsection" > <div class="mx_SettingsSubsectionHeading" > <h3 class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading" > Voice settings </h3> </div> <div class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch" > <div class="mx_SettingsFlag" data-testid="voice-auto-gain" > <span class="mx_SettingsFlag_label" > <div id="mx_LabelledToggleSwitch_vY7Q4uEh9K38" > Automatically adjust the microphone volume </div> </span> <div aria-disabled="false" aria-labelledby="mx_LabelledToggleSwitch_vY7Q4uEh9K38" class="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_enabled" role="switch" tabindex="0" > <div class="mx_ToggleSwitch_ball" /> </div> </div> </div> </div> <div class="mx_SettingsSubsection" > <div class="mx_SettingsSubsectionHeading" > <h3 class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading" > Video settings </h3> </div> <div class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch" > <div class="mx_SettingsFlag" > <label class="mx_SettingsFlag_label" for="mx_SettingsFlag_QgU2PomxwKpa" > <span class="mx_SettingsFlag_labelText" > Mirror local video feed </span> </label> <div aria-checked="false" aria-disabled="true" aria-label="Mirror local video feed" class="mx_AccessibleButton mx_ToggleSwitch" id="mx_SettingsFlag_QgU2PomxwKpa" role="switch" tabindex="0" > <div class="mx_ToggleSwitch_ball" /> </div> </div> </div> </div> </div> </div> <div class="mx_SettingsSection" > <h2 class="mx_Heading_h3" > Advanced </h2> <div class="mx_SettingsSection_subSections" > <div class="mx_SettingsSubsection" > <div class="mx_SettingsSubsectionH
Jest (1)
Process completed with exit code 1.
<SessionManagerTab /> › MSC4108 QR code login › renders qr code login section: test/components/views/settings/tabs/user/SessionManagerTab-test.tsx#L1757
TestingLibraryElementError: Unable to find an element with the text: Link new device. 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 id="mx_Dialog_Container" /> <div id="mx_Dialog_StaticContainer" /> <div id="mx_ContextualMenu_Container" /> <div> <div class="mx_SettingsTab" > <div class="mx_SettingsTab_sections" > <div class="mx_SettingsSection" > <div class="mx_SettingsSection_subSections" > <div class="mx_SettingsSubsection" data-testid="current-session-section" > <div class="mx_SettingsSubsectionHeading" > <h3 class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading" > Current session </h3> <div aria-disabled="true" aria-expanded="false" aria-haspopup="true" aria-label="Options" class="mx_AccessibleButton mx_AccessibleButton_disabled" data-testid="current-session-menu" disabled="" role="button" tabindex="0" > <div class="mx_KebabContextMenu_icon" /> </div> </div> <div class="mx_SettingsSubsection_content" > <div class="mx_Spinner" > <div aria-label="Loading…" class="mx_Spinner_icon" data-testid="spinner" role="progressbar" style="width: 32px; height: 32px;" /> </div> </div> </div> </div> </div> </div> </div> </div> </body> at Object.getElementError (node_modules/@testing-library/dom/dist/config.js:37:19) at node_modules/@testing-library/dom/dist/query-helpers.js:76:38 at node_modules/@testing-library/dom/dist/query-helpers.js:52:17 at node_modules/@testing-library/dom/dist/query-helpers.js:95:19 at Object.getByText (test/components/views/settings/tabs/user/SessionManagerTab-test.tsx:1757:20)
MemberList › memberlist is rendered correctly › Invite button › opens room inviter on button click: test/components/views/rooms/MemberList-test.tsx#L447
Found multiple elements with the role "button" and name "Invite to this room" Here are the matching elements: Ignored nodes: comments, script, style <button aria-disabled="true" class="_button_zt6rp_17 mx_MemberList_invite" data-kind="secondary" data-size="sm" role="button" tabindex="0" > <div height="1em" width="1em" /> Invite to this room </button> Ignored nodes: comments, script, style <button aria-disabled="false" class="_button_zt6rp_17 mx_MemberList_invite" data-kind="secondary" data-size="sm" role="button" tabindex="0" > <div height="1em" width="1em" /> Invite to this room </button> (If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)). Ignored nodes: comments, script, style <body> <div> <div aria-labelledby="memberlist-panel-tab" class="mx_BaseCard mx_MemberList" id="memberlist-panel" role="tabpanel" > <div class="mx_BaseCard_header" > <div class="mx_BaseCard_header_spacer" /> <button class="_icon-button_bh2qc_17 _subtle-bg_bh2qc_38" data-testid="base-card-close-button" role="button" style="--cpd-icon-button-size: 28px;" tabindex="0" > <div class="_indicator-icon_133tf_26" style="--cpd-icon-button-size: 100%;" > <svg fill="currentColor" height="1em" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414Z" /> </svg> </div> </button> </div> <div class="mx_AutoHideScrollbar" tabindex="-1" > <button aria-disabled="true" class="_button_zt6rp_17 mx_MemberList_invite" data-kind="secondary" data-size="sm" role="button" tabindex="0" > <div height="1em" width="1em" /> Invite to this room </button> <div class="mx_MemberList_wrapper" > <div class="mx_MemberList_section mx_MemberList_joined" role="list" > <div> <div aria-label="@Admin0:localhost (power 100)" class="mx_AccessibleButton mx_EntityTile mx_EntityTile_online" role="button" tabindex="0" > <div class="mx_EntityTile_avatar" > <span aria-hidden="true" class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61" data-color="5" data-testid="avatar-img" data-type="round" role="presentation" style="--cpd-avatar-size: 36px;" title="@Admin0:localhost" > a </span> </div> <div class="mx_EntityTile_details" > <div class="mx_EntityTile_name" > <div class="mx_DisambiguatedProfile" > <span class="" dir="auto" > @Admin0:localhost </span> </div> </div> <div class="mx_PresenceLabel" > Online </div>
languageHandler › UserFriendlyError › includes English message and localized translated message: test/languageHandler-test.tsx#L150
expect(received).toStrictEqual(expected) // deep equality Expected: "This email address is already in use ([email protected])" Received: "This email address is already in use (%(email)s)" at Object.toStrictEqual (test/languageHandler-test.tsx:150:43)
languageHandler › UserFriendlyError › includes underlying cause error: test/languageHandler-test.tsx#L165
expect(received).toStrictEqual(expected) // deep equality Expected: [Error: Fake underlying error] Received: undefined at Object.toStrictEqual (test/languageHandler-test.tsx:165:41)
LogoutDialog › Prompts user to set up backup if there is no backup on the server: test/components/views/dialogs/LogoutDialog-test.tsx#L71
expect(received).toMatchSnapshot() Snapshot name: `LogoutDialog Prompts user to set up backup if there is no backup on the server 1` - Snapshot - 1 + Received + 0 @@ -68,11 +68,10 @@ </button> </p> </details> </div> <div - aria-describedby=":rs:" aria-label="Close dialog" class="mx_AccessibleButton mx_Dialog_cancelButton" role="button" tabindex="0" /> at Object.toMatchSnapshot (test/components/views/dialogs/LogoutDialog-test.tsx:71:36)
Jest (2)
Process completed with exit code 1.