VIDCS-2954: Screen Share cannot be used when the Browser Window Size is small #551
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.
|