Feat/UI improvements #229
Annotations
3 errors
|
|
|
Run npm run test:
src/components/layouts/SidebarApp.spec.tsx#L37
TestingLibraryElementError: Unable to find an element with the text: LOGO. 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="MuiBox-root css-k008qs"
>
<div
class="MuiDrawer-root MuiDrawer-docked css-1f2xuhi-MuiDrawer-docked"
data-testid="drawer_app"
>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiDrawer-paper MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft css-12i7wg6-MuiPaper-root-MuiDrawer-paper"
>
<div
class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular css-hyum1k-MuiToolbar-root"
>
<div
class="MuiBox-root css-12auco2"
>
<h6
class="MuiTypography-root MuiTypography-h6 css-tjvwag-MuiTypography-root"
>
LogID
</h6>
</div>
</div>
<hr
class="MuiDivider-root MuiDivider-fullWidth css-9mgopn-MuiDivider-root"
/>
<ul
class="MuiList-root MuiList-padding css-rczv4v-MuiList-root"
>
<div
class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-gutters css-19g4dxj-MuiButtonBase-root-MuiListItemButton-root"
role="button"
tabindex="0"
>
<div
class="MuiListItemIcon-root css-5ao0sl-MuiListItemIcon-root"
>
<div
data-testid="home-icon"
/>
</div>
<div
class="MuiListItemText-root css-7zx3z7-MuiListItemText-root"
>
<span
class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-10hburv-MuiTypography-root"
>
Home
</span>
</div>
<span
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
</div>
<div
class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-gutters css-19g4dxj-MuiButtonBase-root-MuiListItemButton-root"
role="button"
tabindex="0"
>
<div
class="MuiListItemIcon-root css-5ao0sl-MuiListItemIcon-root"
>
<div
data-testid="settings-icon"
/>
</div>
<div
class="MuiListItemText-root css-7zx3z7-MuiListItemText-root"
>
<span
class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-10hburv-MuiTypography-root"
>
Settings
</span>
</div>
<span
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
</div>
</ul>
</div>
</div>
</div>
</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/layouts/SidebarApp.spec.tsx:37:25
|
|
Run npm run test
The operation was canceled.
|
Loading