Upgrade to React 19 #1597
t3chguyAnnotations
11 errors
|
Jest (2)
Process completed with exit code 1.
|
|
AutoDiscoveryUtils › authComponentStateForError › should return expected error for the registration page:
test/unit-tests/utils/AutoDiscoveryUtils-test.tsx#L383
expect(received).toMatchSnapshot()
Snapshot name: `AutoDiscoveryUtils authComponentStateForError should return expected error for the registration page 1`
- Snapshot - 18
+ Received + 56
{
- "serverDeadError": <div>
- <strong>
- Your Element is misconfigured
- </strong>
- <div>
- <span>
- Ask your Element admin to check
- <a
- href="https://github.com/vector-im/element-web/blob/master/docs/config.md"
- rel="noreferrer noopener"
- target="_blank"
- >
- your config
- </a>
- for incorrect or duplicate entries.
- </span>
- </div>
- </div>,
+ "serverDeadError": {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": "Your Element is misconfigured",
+ },
+ "type": "strong",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ "Ask your Element admin to check ",
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": "your config",
+ "href": "https://github.com/vector-im/element-web/blob/master/docs/config.md",
+ "rel": "noreferrer noopener",
+ "target": "_blank",
+ },
+ "type": "a",
+ },
+ " for incorrect or duplicate entries.",
+ ],
+ },
+ "type": "span",
+ },
+ },
+ "type": "div",
+ },
+ ],
+ },
+ "type": "div",
+ },
"serverErrorIsFatal": true,
"serverIsAlive": false,
}
at Object.toMatchSnapshot (test/unit-tests/utils/AutoDiscoveryUtils-test.tsx:383:86)
|
|
FormattingButtons › Each button should display the tooltip on mouse over when not disabled:
test/unit-tests/components/views/rooms/wysiwyg_composer/components/FormattingButtons-test.tsx#L130
Unable to find an element with the text: Bold. 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_FormattingButtons"
>
<button
aria-label="Bold"
class="mx_AccessibleButton mx_FormattingButtons_Button mx_FormattingButtons_Button_hover"
role="button"
tabindex="0"
>
<svg
class="mx_FormattingButtons_Icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.8 19c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 6.8 17V7c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 8.8 5h3.525c1.083 0 2.083.333 3 1 .917.667 1.375 1.592 1.375 2.775 0 .85-.192 1.504-.575 1.963-.383.458-.742.787-1.075.987.417.183.88.525 1.387 1.025.509.5.763 1.25.763 2.25 0 1.483-.542 2.52-1.625 3.113-1.083.591-2.1.887-3.05.887H8.8Zm1.025-2.8h2.6c.8 0 1.287-.204 1.462-.612.175-.409.263-.705.263-.888 0-.183-.088-.48-.263-.887-.175-.409-.687-.613-1.537-.613H9.825v3Zm0-5.7h2.325c.55 0 .95-.142 1.2-.425a1.4 1.4 0 0 0 .375-.95c0-.4-.142-.725-.425-.975-.283-.25-.65-.375-1.1-.375H9.825V10.5Z"
/>
</svg>
</button>
<button
aria-label="Italic"
class="mx_AccessibleButton mx_FormattingButtons_Button mx_FormattingButtons_Button_hover"
role="button"
tabindex="0"
>
<svg
class="mx_FormattingButtons_Icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.25 19c-.35 0-.646-.12-.888-.363A1.207 1.207 0 0 1 5 17.75c0-.35.12-.646.362-.887.242-.242.538-.363.888-.363H9l3-9H9.25c-.35 0-.646-.12-.887-.362A1.207 1.207 0 0 1 8 6.25c0-.35.12-.646.363-.888A1.21 1.21 0 0 1 9.25 5h7.5c.35 0 .646.12.887.362.242.242.363.538.363.888s-.12.646-.363.888a1.207 1.207 0 0 1-.887.362H14.5l-3 9h2.25c.35 0 .646.12.887.363.242.241.363.537.363.887s-.12.646-.363.887a1.207 1.207 0 0 1-.887.363h-7.5Z"
/>
</svg>
</button>
<button
aria-label="Underline"
class="mx_AccessibleButton mx_FormattingButtons_Button mx_FormattingButtons_Button_hover"
role="button"
tabindex="0"
>
<svg
class="mx_FormattingButtons_Icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6 21a.967.967 0 0 1-.713-.288A.968.968 0 0 1 5 20a.97.97 0 0 1 .287-.712A.967.967 0 0 1 6 19h12c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 18 21H6Zm6-4c-1.683 0-2.992-.525-3.925-1.575-.933-1.05-1.4-2.442-1.4-4.175V4.275c0-.35.13-.65.388-.9A1.27 1.27 0 0 1 7.974 3c.35 0 .65.125.9.375s.375.55.375.9V11.4c0 .933.233 1.692.7 2.275.467.583 1.15.875 2.05.875.9 0 1.583-.292 2.05-.875.467-.583.7-1.342.7-2.275V4.275c0-.35.13-.65.387-.9A1.27 1.27 0 0 1 16.05 3c.35 0 .65.125.9.375s.375.55.375.9v6.975c0 1.733-.467 3.125-1.4 4.175C14.992 16.475 13.683 17 12 17Z"
/>
</svg>
</button>
<button
aria-label="Strikethrough"
class="mx_AccessibleButton mx_FormattingButtons_Button mx_FormattingButtons_Button_hover"
role="button"
tabindex="0"
>
<svg
class="mx_FormattingButtons_Icon"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.15 20c-1.267 0-2.392-.375-3.375-1.125-.983-.75-1.692-1.775-2.125-3.075l2.2-.95c.233.8.638 1.458 1.213 1.975.574.517 1.287.775 2.137.775.7 0 1.333-.167 1.9-.5.567-.333.85-.867.85-1.6 0-.3-.058-.575-.175-.825A2.362 2.362 0 0 0 14.3 14h2.8a4.279 4.279 0 0 1 .25
|
|
RoomStatusBar › <RoomStatusBar /> › should render nothing when room has no error or unsent messages:
src/components/structures/RoomStatusBar.tsx#L98
TypeError: Cannot read properties of undefined (reading 'getSyncState')
at new getSyncState (src/components/structures/RoomStatusBar.tsx:98:37)
at updateClassComponent (node_modules/react-dom/cjs/react-dom-client.development.js:8134:21)
at beginWork (node_modules/react-dom/cjs/react-dom-client.development.js:9697:13)
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:543:16)
at performUnitOfWork (node_modules/react-dom/cjs/react-dom-client.development.js:15052:22)
at workLoopSync (node_modules/react-dom/cjs/react-dom-client.development.js:14870:41)
at renderRootSync (node_modules/react-dom/cjs/react-dom-client.development.js:14850:11)
at performWorkOnRoot (node_modules/react-dom/cjs/react-dom-client.development.js:14384:44)
at performWorkOnRootViaSchedulerTask (node_modules/react-dom/cjs/react-dom-client.development.js:15931:7)
at flushActQueue (node_modules/react/cjs/react.development.js:862:34)
at Object.<anonymous>.process.env.NODE_ENV.exports.act (node_modules/react/cjs/react.development.js:1151:10)
at node_modules/@testing-library/react/dist/act-compat.js:47:25
at renderRoot (node_modules/@testing-library/react/dist/pure.js:180:26)
at render (node_modules/@testing-library/react/dist/pure.js:271:10)
at customRender (test/test-utils/jest-matrix-react.tsx:29:18)
at getComponent (test/unit-tests/components/structures/RoomStatusBar-test.tsx:52:15)
at Object.getComponent (test/unit-tests/components/structures/RoomStatusBar-test.tsx:102:35)
|
|
RoomStatusBar › <RoomStatusBar /> › unsent messages › should render warning when messages are unsent due to consent:
src/components/structures/RoomStatusBar.tsx#L98
TypeError: Cannot read properties of undefined (reading 'getSyncState')
at new getSyncState (src/components/structures/RoomStatusBar.tsx:98:37)
at updateClassComponent (node_modules/react-dom/cjs/react-dom-client.development.js:8134:21)
at beginWork (node_modules/react-dom/cjs/react-dom-client.development.js:9697:13)
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:543:16)
at performUnitOfWork (node_modules/react-dom/cjs/react-dom-client.development.js:15052:22)
at workLoopSync (node_modules/react-dom/cjs/react-dom-client.development.js:14870:41)
at renderRootSync (node_modules/react-dom/cjs/react-dom-client.development.js:14850:11)
at performWorkOnRoot (node_modules/react-dom/cjs/react-dom-client.development.js:14384:44)
at performWorkOnRootViaSchedulerTask (node_modules/react-dom/cjs/react-dom-client.development.js:15931:7)
at flushActQueue (node_modules/react/cjs/react.development.js:862:34)
at Object.<anonymous>.process.env.NODE_ENV.exports.act (node_modules/react/cjs/react.development.js:1151:10)
at node_modules/@testing-library/react/dist/act-compat.js:47:25
at renderRoot (node_modules/@testing-library/react/dist/pure.js:180:26)
at render (node_modules/@testing-library/react/dist/pure.js:271:10)
at customRender (test/test-utils/jest-matrix-react.tsx:29:18)
at getComponent (test/unit-tests/components/structures/RoomStatusBar-test.tsx:52:15)
at Object.getComponent (test/unit-tests/components/structures/RoomStatusBar-test.tsx:123:39)
|
|
RoomStatusBar › <RoomStatusBar /> › unsent messages › should render warning when messages are unsent due to resource limit:
src/components/structures/RoomStatusBar.tsx#L98
TypeError: Cannot read properties of undefined (reading 'getSyncState')
at new getSyncState (src/components/structures/RoomStatusBar.tsx:98:37)
at updateClassComponent (node_modules/react-dom/cjs/react-dom-client.development.js:8134:21)
at beginWork (node_modules/react-dom/cjs/react-dom-client.development.js:9697:13)
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:543:16)
at performUnitOfWork (node_modules/react-dom/cjs/react-dom-client.development.js:15052:22)
at workLoopSync (node_modules/react-dom/cjs/react-dom-client.development.js:14870:41)
at renderRootSync (node_modules/react-dom/cjs/react-dom-client.development.js:14850:11)
at performWorkOnRoot (node_modules/react-dom/cjs/react-dom-client.development.js:14384:44)
at performWorkOnRootViaSchedulerTask (node_modules/react-dom/cjs/react-dom-client.development.js:15931:7)
at flushActQueue (node_modules/react/cjs/react.development.js:862:34)
at Object.<anonymous>.process.env.NODE_ENV.exports.act (node_modules/react/cjs/react.development.js:1151:10)
at node_modules/@testing-library/react/dist/act-compat.js:47:25
at renderRoot (node_modules/@testing-library/react/dist/pure.js:180:26)
at render (node_modules/@testing-library/react/dist/pure.js:271:10)
at customRender (test/test-utils/jest-matrix-react.tsx:29:18)
at getComponent (test/unit-tests/components/structures/RoomStatusBar-test.tsx:52:15)
at Object.getComponent (test/unit-tests/components/structures/RoomStatusBar-test.tsx:144:39)
|
|
FormattingUtils › formatList › should return expected sentence in ReactNode when given 2 React children:
test/unit-tests/utils/FormattingUtils-test.tsx#L72
expect(received).toMatchSnapshot()
Snapshot name: `FormattingUtils formatList should return expected sentence in ReactNode when given 2 React children 1`
- Snapshot - 9
+ Received + 35
- <span>
- <span>
- a
- </span>
- and
- <span>
- b
- </span>
- </span>
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "a",
+ "props": {
+ "children": "a",
+ },
+ "type": "span",
+ },
+ undefined,
+ " and ",
+ undefined,
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "b",
+ "props": {
+ "children": "b",
+ },
+ "type": "span",
+ },
+ null,
+ ],
+ },
+ "type": "span",
+ }
at Object.toMatchSnapshot (test/unit-tests/utils/FormattingUtils-test.tsx:72:82)
|
|
FormattingUtils › formatList › should return expected sentence in ReactNode when given more React children:
test/unit-tests/utils/FormattingUtils-test.tsx#L83
expect(received).toMatchSnapshot()
Snapshot name: `FormattingUtils formatList should return expected sentence in ReactNode when given more React children 1`
- Snapshot - 17
+ Received + 61
- <span>
- <span>
- a
- </span>
- ,
- <span>
- b
- </span>
- ,
- <span>
- c
- </span>
- and
- <span>
- d
- </span>
- </span>
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "a",
+ "props": {
+ "children": "a",
+ },
+ "type": "span",
+ },
+ undefined,
+ ", ",
+ undefined,
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "b",
+ "props": {
+ "children": "b",
+ },
+ "type": "span",
+ },
+ undefined,
+ ", ",
+ undefined,
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "c",
+ "props": {
+ "children": "c",
+ },
+ "type": "span",
+ },
+ undefined,
+ " and ",
+ undefined,
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "d",
+ "props": {
+ "children": "d",
+ },
+ "type": "span",
+ },
+ null,
+ ],
+ },
+ "type": "span",
+ }
at Object.toMatchSnapshot (test/unit-tests/utils/FormattingUtils-test.tsx:83:15)
|
|
FormattingUtils › formatList › should return expected sentence in ReactNode when using itemLimit:
test/unit-tests/utils/FormattingUtils-test.tsx#L92
expect(received).toMatchSnapshot()
Snapshot name: `FormattingUtils formatList should return expected sentence in ReactNode when using itemLimit 1`
- Snapshot - 12
+ Received + 45
- <span>
- <span>
- <span>
- a
- </span>
- ,
- <span>
- b
- </span>
- </span>
- and 2 others
- </span>
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "a",
+ "props": {
+ "children": "a",
+ },
+ "type": "span",
+ },
+ ", ",
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "b",
+ "props": {
+ "children": "b",
+ },
+ "type": "span",
+ },
+ null,
+ ],
+ },
+ "type": "span",
+ },
+ " and 2 others",
+ ],
+ },
+ "type": "span",
+ }
at Object.toMatchSnapshot (test/unit-tests/utils/FormattingUtils-test.tsx:92:15)
|
|
Jest (1)
Process completed with exit code 1.
|
|
jest-tests
Process completed with exit code 1.
|