File dropdown #71
MarkE16Annotations
8 errors
|
tests/integration/Main.test.tsx:
tests/integration/Main.test.tsx#L79
Error: generateCanvasImage does not exist
❯ tests/integration/Main.test.tsx:79:5
|
|
tests/integration/Navbar.test.tsx > Navbar functionality > should render the Navbar component:
tests/integration/Navbar.test.tsx#L17
TestingLibraryElementError: Unable to find an element by: [data-testid="export-link"]
Ignored nodes: comments, script, style
<body>
<div>
<header
data-testid="nav-bar"
>
<nav
id="navbar-container"
>
<section
id="navbar-links-section"
>
<img
alt="logo"
id="navbar-logo"
src="/assets/icons/IdeaDrawnNewLogo_transparent.png"
/>
<div
id="navbar-links"
>
<button
name="File"
>
File
</button>
<button
name="Edit"
>
Edit
</button>
<button
name="View"
>
View
</button>
<button
name="Filter"
>
Filter
</button>
<button
name="Admin"
>
Admin
</button>
</div>
</section>
</nav>
<a
style="display: none;"
type="file"
/>
</header>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ tests/integration/Navbar.test.tsx:17:29
|
|
tests/integration/Navbar.test.tsx > Navbar functionality > clicking on any tab should open MUI 'not implemented' snackbar:
tests/integration/Navbar.test.tsx#L35
TestingLibraryElementError: Unable to find an element with the text: /This feature is not yet implemented/i. 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
style="padding-right: 1024px; overflow: hidden;"
>
<div
aria-hidden="true"
>
<header
data-testid="nav-bar"
>
<nav
id="navbar-container"
>
<section
id="navbar-links-section"
>
<img
alt="logo"
id="navbar-logo"
src="/assets/icons/IdeaDrawnNewLogo_transparent.png"
/>
<div
id="navbar-links"
>
<button
name="File"
>
File
</button>
<button
name="Edit"
>
Edit
</button>
<button
name="View"
>
View
</button>
<button
name="Filter"
>
Filter
</button>
<button
name="Admin"
>
Admin
</button>
</div>
</section>
</nav>
<a
style="display: none;"
type="file"
/>
</header>
</div>
<div
class="MuiPopover-root MuiMenu-root MuiModal-root css-onmpsg-MuiModal-root-MuiPopover-root-MuiMenu-root"
role="presentation"
>
<div
aria-hidden="true"
class="MuiBackdrop-root MuiBackdrop-invisible MuiModal-backdrop css-vl6bb4-MuiBackdrop-root-MuiModal-backdrop"
style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
/>
<div
data-testid="sentinelStart"
tabindex="0"
/>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiPopover-paper MuiMenu-paper MuiMenu-paper css-120jsko-MuiPaper-root-MuiPopover-paper-MuiMenu-paper"
style="--Paper-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); opacity: 1; webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; top: 16px; left: 16px; transform-origin: -16px -16px;"
tabindex="-1"
>
<ul
class="MuiList-root MuiList-padding MuiMenu-list css-1toxriw-MuiList-root-MuiMenu-list"
role="menu"
tabindex="-1"
>
<li
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-lubh6a-MuiButtonBase-root-MuiMenuItem-root"
role="menuitem"
tabindex="-1"
>
Save File
</li>
<li
class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-lubh6a-MuiButtonBase-root-MuiMenuItem-root"
role="menuitem"
tabindex="-1"
>
Export File
</li>
</ul>
</div>
<div
data-testid="sentinelEnd"
tabindex="0"
/>
</div>
</body>
Ignored nodes: comments, script, style
<body
style="padding-right: 1024px; overflow: hidden;"
>
<div
aria-hidden="true"
>
<header
data-testid="nav-bar"
>
<nav
id="navbar-container"
>
<section
id="navbar-links-section"
>
<img
alt="logo"
id="navbar-logo"
src="/assets/icons/IdeaDrawnNewLogo_transparent.png"
/>
<div
id="navbar-links"
>
<button
name="File"
>
File
</button>
<button
name="Edit"
>
Edit
</button>
<button
name="View"
>
View
</button>
<butto
|
|
tests/unit/useStore.test.ts > useStore functionality > should return the entire store:
tests/unit/useStore.test.ts#L71
AssertionError: expected { width: 400, height: 400, …(50) } to deeply equal { width: 400, height: 400, …(46) }
- Expected
+ Received
Object {
"changeColor": Any<Function>,
"changeColorAlpha": Any<Function>,
"changeDPI": Any<Function>,
"changeDimensions": Any<Function>,
"changeDrawStrength": Any<Function>,
"changeElementProperties": Any<Function>,
"changeEraserStrength": Any<Function>,
"changeMode": Any<Function>,
+ "changeShape": [Function changeShape],
"changeX": Any<Function>,
"changeY": Any<Function>,
"color": "hsla(0, 0%, 0%, 1)",
"copiedElements": Array [],
"copyElement": Any<Function>,
"createElement": Any<Function>,
"createLayer": Any<Function>,
"decreaseScale": Any<Function>,
"deleteElement": Any<Function>,
"deleteLayer": Any<Function>,
"dpi": 1,
"drawStrength": 5,
"elementMoving": false,
"elements": Array [],
"eraserStrength": 3,
"focusElement": Any<Function>,
"height": 400,
"increaseScale": Any<Function>,
"layers": Array [
Object {
"active": true,
"hidden": false,
"id": Any<String>,
"name": "Layer 1",
},
],
"mode": "select",
"moveLayerDown": Any<Function>,
"moveLayerUp": Any<Function>,
"pasteElement": Any<Function>,
"position": Object {
"x": 0,
"y": 0,
},
+ "prepareForExport": [Function prepareForExport],
+ "prepareForSave": [Function prepareForSave],
"push": Any<Function>,
"redo": Any<Function>,
"redoStack": Array [],
"removeLayer": Any<Function>,
"renameLayer": Any<Function>,
"scale": 1,
"setElements": Any<Function>,
"setLayers": Any<Function>,
"setPosition": Any<Function>,
+ "shape": "rectangle",
"toggleLayer": Any<Function>,
"toggleLayerVisibility": Any<Function>,
"undo": Any<Function>,
"undoStack": Array [],
"unfocusElement": Any<Function>,
"updateMovingState": Any<Function>,
"width": 400,
}
❯ tests/unit/useStore.test.ts:71:33
|
|
tests/unit/utils.test.ts > generateCanvasImage functionality > should properly draw the layers in order:
tests/unit/utils.test.ts#L305
TypeError: generateCanvasImage is not a function
❯ tests/unit/utils.test.ts:305:9
|
|
tests/unit/utils.test.ts > generateCanvasImage functionality > should throw if no layers are provided:
tests/unit/utils.test.ts#L317
TypeError: generateCanvasImage is not a function
❯ tests/unit/utils.test.ts:317:22
❯ tests/unit/utils.test.ts:317:45
|
|
tests/unit/utils.test.ts > generateCanvasImage functionality > should properly draw shape elements:
tests/unit/utils.test.ts#L346
TypeError: generateCanvasImage is not a function
❯ tests/unit/utils.test.ts:346:9
|
|
Execute Vite tests
Process completed with exit code 1.
|