Skip to content

VIDCS-2954: Screen Share cannot be used when the Browser Window Size is small #551

VIDCS-2954: Screen Share cannot be used when the Browser Window Size is small

VIDCS-2954: Screen Share cannot be used when the Browser Window Size is small #551

Triggered via pull request March 3, 2025 17:51
Status Failure
Total duration 4m 53s
Artifacts

run-tests.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

5 errors
src/components/MeetingRoom/Toolbar/Toolbar.spec.tsx > Toolbar > on a small viewport, displays the ToolbarOverflowButton button: frontend/src/components/MeetingRoom/Toolbar/Toolbar.spec.tsx#L71
Error: expect(element).not.toBeInTheDocument() expected document not to contain element, found <button aria-label="video layout" class="MuiButtonBase-root MuiIconButton-root MuiIconButton-edgeStart MuiIconButton-sizeSmall css-e2k2wo-MuiButtonBase-root-MuiIconButton-root" data-mui-internal-clone-element="true" data-testid="archiving-button" tabindex="0" type="button" > <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" data-testid="RadioButtonCheckedIcon" focusable="false" style="color: white;" viewBox="0 0 24 24" > <path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8" /> </svg> <span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" /> </button> instead ❯ src/components/MeetingRoom/Toolbar/Toolbar.spec.tsx:71:58
src/components/MeetingRoom/ToolbarOverflowButton/ToolbarOverflowButton.spec.tsx > ToolbarOverflowButton > renders: frontend/src/components/MeetingRoom/ToolbarOverflowButton/ToolbarOverflowButton.spec.tsx#L38
Error: expect(received).toBeInTheDocument() received value must be an HTMLElement or an SVGElement. ❯ src/components/MeetingRoom/ToolbarOverflowButton/ToolbarOverflowButton.spec.tsx:38:58
src/components/MeetingRoom/ToolbarOverflowButton/ToolbarOverflowButton.spec.tsx > ToolbarOverflowButton > toggling shows and hides the toolbar buttons: frontend/src/components/MeetingRoom/ToolbarOverflowButton/ToolbarOverflowButton.spec.tsx#L49
TestingLibraryElementError: Unable to find an element by: [data-testid="hidden-toolbar-items"] Ignored nodes: comments, script, style <body> <div /> </body> ❯ Object.getElementError ../node_modules/@testing-library/dom/dist/config.js:37:19 ❯ ../node_modules/@testing-library/dom/dist/query-helpers.js:76:38 ❯ ../node_modules/@testing-library/dom/dist/query-helpers.js:52:17 ❯ ../node_modules/@testing-library/dom/dist/query-helpers.js:95:19 ❯ src/components/MeetingRoom/ToolbarOverflowButton/ToolbarOverflowButton.spec.tsx:49:14 ❯ ../node_modules/@testing-library/react/dist/act-compat.js:48:24 ❯ act ../node_modules/react/cjs/react.development.js:2512:16 ❯ Proxy.<anonymous> ../node_modules/@testing-library/react/dist/act-compat.js:47:25 ❯ src/components/MeetingRoom/ToolbarOverflowButton/ToolbarOverflowButton.spec.tsx:48:5
src/components/MeetingRoom/ToolbarOverflowButton/ToolbarOverflowButton.spec.tsx > ToolbarOverflowButton > should have the unread messages badge present: frontend/src/components/MeetingRoom/ToolbarOverflowButton/ToolbarOverflowButton.spec.tsx#L60
TestingLibraryElementError: Unable to find an element by: [data-testid="chat-button-unread-count"] Ignored nodes: comments, script, style <body> <div /> </body> ❯ Object.getElementError ../node_modules/@testing-library/dom/dist/config.js:37:19 ❯ ../node_modules/@testing-library/dom/dist/query-helpers.js:76:38 ❯ ../node_modules/@testing-library/dom/dist/query-helpers.js:52:17 ❯ ../node_modules/@testing-library/dom/dist/query-helpers.js:95:19 ❯ src/components/MeetingRoom/ToolbarOverflowButton/ToolbarOverflowButton.spec.tsx:60:19
run
Process completed with exit code 1.