Marke16/improvements 1 #49
MarkE16Annotations
7 errors
|
tests/integration/LeftToolbar.test.tsx > Left Toolbar functionality > should render the component:
tests/integration/LeftToolbar.test.tsx#L27
AssertionError: expected <span …(3)>…(1)</span>
…(9) to have a length of 11 but got 10
- Expected
+ Received
- 11
+ 10
❯ tests/integration/LeftToolbar.test.tsx:27:30
|
|
tests/integration/LeftToolbar.test.tsx > Left Toolbar functionality > should properly show tooltips on hover:
tests/integration/LeftToolbar.test.tsx#L38
TestingLibraryElementError: Unable to find an element by: [data-testid="tool-text"]
Ignored nodes: comments, script, style
<body>
<div>
<aside
data-testid="left-toolbar-container"
id="left-toolbar-container"
>
<span
aria-label="Select (S)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option active"
data-modename="select"
data-shortcut="s"
data-testid="tool-select"
>
<svg
aria-hidden="true"
class="icon"
fill="none"
height="1em"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 25 25"
width="1em"
>
<path
d="M7 2l11 11-4 1 2 6-3 2-2-6-4 4z"
/>
</svg>
</button>
</span>
<span
aria-label="Draw (D)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="draw"
data-shortcut="d"
data-testid="tool-draw"
>
<svg
class="icon"
fill="none"
height="1em"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
/>
</svg>
</button>
</span>
<span
aria-label="Erase (E)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="erase"
data-shortcut="e"
data-testid="tool-erase"
>
<svg
class="icon"
fill="none"
height="1em"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.24 3.56L21.19 8.51C21.97 9.29 21.97 10.55 21.19 11.33L12 20.52C10.44 22.08 7.91 22.08 6.35 20.52L2.81 16.98C2.03 16.2 2.03 14.94 2.81 14.16L13.41 3.56C14.19 2.78 15.46 2.78 16.24 3.56Z"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
<path
d="M14 6L19 11"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
<path
d="M4.5 23H25"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
</button>
</span>
<span
aria-label="Shapes (A)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="shapes"
data-shortcut="a"
data-testid="tool-shapes"
>
<svg
class="icon"
fill="none"
height="1em"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="15"
cy="20"
fill="none"
r="5"
stroke="currentColor"
stroke-width="2"
/>
<rect
fill="none"
height="10"
stroke="currentColor"
stroke-width="2"
transform="rotate(45, 10, 2)"
width="10"
x="8"
y="2"
/>
<polygon
fill="none"
points="20,4 20,23 0,23"
stroke="currentColor"
stroke-width="2"
/>
</
|
|
tests/integration/LeftToolbar.test.tsx > Left Toolbar functionality > should properly change to all existing modes:
tests/integration/LeftToolbar.test.tsx#L65
TestingLibraryElementError: Unable to find an element by: [data-testid="tool-text"]
Ignored nodes: comments, script, style
<body>
<div>
<aside
data-testid="left-toolbar-container"
id="left-toolbar-container"
>
<span
aria-label="Select (S)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="select"
data-shortcut="s"
data-testid="tool-select"
>
<svg
aria-hidden="true"
class="icon"
fill="none"
height="1em"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 25 25"
width="1em"
>
<path
d="M7 2l11 11-4 1 2 6-3 2-2-6-4 4z"
/>
</svg>
</button>
</span>
<span
aria-label="Draw (D)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="draw"
data-shortcut="d"
data-testid="tool-draw"
>
<svg
class="icon"
fill="none"
height="1em"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
/>
</svg>
</button>
</span>
<span
aria-label="Erase (E)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="erase"
data-shortcut="e"
data-testid="tool-erase"
>
<svg
class="icon"
fill="none"
height="1em"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.24 3.56L21.19 8.51C21.97 9.29 21.97 10.55 21.19 11.33L12 20.52C10.44 22.08 7.91 22.08 6.35 20.52L2.81 16.98C2.03 16.2 2.03 14.94 2.81 14.16L13.41 3.56C14.19 2.78 15.46 2.78 16.24 3.56Z"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
<path
d="M14 6L19 11"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
<path
d="M4.5 23H25"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
</button>
</span>
<span
aria-label="Shapes (A)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option active"
data-modename="shapes"
data-shortcut="a"
data-testid="tool-shapes"
>
<svg
class="icon"
fill="none"
height="1em"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="15"
cy="20"
fill="none"
r="5"
stroke="currentColor"
stroke-width="2"
/>
<rect
fill="none"
height="10"
stroke="currentColor"
stroke-width="2"
transform="rotate(45, 10, 2)"
width="10"
x="8"
y="2"
/>
<polygon
fill="none"
points="20,4 20,23 0,23"
stroke="currentColor"
stroke-width="2"
/>
</
|
|
tests/integration/Main.test.tsx > Canvas Interactive Functionality > Element functionality > should create a text element:
tests/integration/Main.test.tsx#L1061
TestingLibraryElementError: Unable to find an element by: [data-testid="tool-text"]
Ignored nodes: comments, script, style
<body>
<div>
<main
data-testid="main-content"
id="main-content"
>
<aside
data-testid="left-toolbar-container"
id="left-toolbar-container"
>
<span
aria-label="Select (S)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option active"
data-modename="select"
data-shortcut="s"
data-testid="tool-select"
>
<svg
aria-hidden="true"
class="icon"
fill="none"
height="1em"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 25 25"
width="1em"
>
<path
d="M7 2l11 11-4 1 2 6-3 2-2-6-4 4z"
/>
</svg>
</button>
</span>
<span
aria-label="Draw (D)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="draw"
data-shortcut="d"
data-testid="tool-draw"
>
<svg
class="icon"
fill="none"
height="1em"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
/>
</svg>
</button>
</span>
<span
aria-label="Erase (E)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="erase"
data-shortcut="e"
data-testid="tool-erase"
>
<svg
class="icon"
fill="none"
height="1em"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.24 3.56L21.19 8.51C21.97 9.29 21.97 10.55 21.19 11.33L12 20.52C10.44 22.08 7.91 22.08 6.35 20.52L2.81 16.98C2.03 16.2 2.03 14.94 2.81 14.16L13.41 3.56C14.19 2.78 15.46 2.78 16.24 3.56Z"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
<path
d="M14 6L19 11"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
<path
d="M4.5 23H25"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
</button>
</span>
<span
aria-label="Shapes (A)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="shapes"
data-shortcut="a"
data-testid="tool-shapes"
>
<svg
class="icon"
fill="none"
height="1em"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="15"
cy="20"
fill="none"
r="5"
stroke="currentColor"
stroke-width="2"
/>
<rect
fill="none"
height="10"
stroke="currentColor
|
|
tests/integration/Main.test.tsx > Canvas Interactive Functionality > Element functionality > should type into the text element and save the new text:
tests/integration/Main.test.tsx#L1102
TestingLibraryElementError: Unable to find an element by: [data-testid="tool-text"]
Ignored nodes: comments, script, style
<body>
<div>
<main
data-testid="main-content"
id="main-content"
>
<aside
data-testid="left-toolbar-container"
id="left-toolbar-container"
>
<span
aria-label="Select (S)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option active"
data-modename="select"
data-shortcut="s"
data-testid="tool-select"
>
<svg
aria-hidden="true"
class="icon"
fill="none"
height="1em"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 25 25"
width="1em"
>
<path
d="M7 2l11 11-4 1 2 6-3 2-2-6-4 4z"
/>
</svg>
</button>
</span>
<span
aria-label="Draw (D)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="draw"
data-shortcut="d"
data-testid="tool-draw"
>
<svg
class="icon"
fill="none"
height="1em"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
/>
</svg>
</button>
</span>
<span
aria-label="Erase (E)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="erase"
data-shortcut="e"
data-testid="tool-erase"
>
<svg
class="icon"
fill="none"
height="1em"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.24 3.56L21.19 8.51C21.97 9.29 21.97 10.55 21.19 11.33L12 20.52C10.44 22.08 7.91 22.08 6.35 20.52L2.81 16.98C2.03 16.2 2.03 14.94 2.81 14.16L13.41 3.56C14.19 2.78 15.46 2.78 16.24 3.56Z"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
<path
d="M14 6L19 11"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
<path
d="M4.5 23H25"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
</button>
</span>
<span
aria-label="Shapes (A)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="shapes"
data-shortcut="a"
data-testid="tool-shapes"
>
<svg
class="icon"
fill="none"
height="1em"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="15"
cy="20"
fill="none"
r="5"
stroke="currentColor"
stroke-width="2"
/>
<rect
fill="none"
height="10"
stroke="currentColor
|
|
tests/integration/Main.test.tsx > Canvas Interactive Functionality > Element functionality > should revert to original text if saving empty text:
tests/integration/Main.test.tsx#L1131
TestingLibraryElementError: Unable to find an element by: [data-testid="tool-text"]
Ignored nodes: comments, script, style
<body>
<div>
<main
data-testid="main-content"
id="main-content"
>
<aside
data-testid="left-toolbar-container"
id="left-toolbar-container"
>
<span
aria-label="Select (S)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option active"
data-modename="select"
data-shortcut="s"
data-testid="tool-select"
>
<svg
aria-hidden="true"
class="icon"
fill="none"
height="1em"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 25 25"
width="1em"
>
<path
d="M7 2l11 11-4 1 2 6-3 2-2-6-4 4z"
/>
</svg>
</button>
</span>
<span
aria-label="Draw (D)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="draw"
data-shortcut="d"
data-testid="tool-draw"
>
<svg
class="icon"
fill="none"
height="1em"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
/>
</svg>
</button>
</span>
<span
aria-label="Erase (E)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="erase"
data-shortcut="e"
data-testid="tool-erase"
>
<svg
class="icon"
fill="none"
height="1em"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.24 3.56L21.19 8.51C21.97 9.29 21.97 10.55 21.19 11.33L12 20.52C10.44 22.08 7.91 22.08 6.35 20.52L2.81 16.98C2.03 16.2 2.03 14.94 2.81 14.16L13.41 3.56C14.19 2.78 15.46 2.78 16.24 3.56Z"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
<path
d="M14 6L19 11"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
<path
d="M4.5 23H25"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
</button>
</span>
<span
aria-label="Shapes (A)"
class=""
data-mui-internal-clone-element="true"
>
<button
class="toolbar-option"
data-modename="shapes"
data-shortcut="a"
data-testid="tool-shapes"
>
<svg
class="icon"
fill="none"
height="1em"
viewBox="0 0 25 25"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="15"
cy="20"
fill="none"
r="5"
stroke="currentColor"
stroke-width="2"
/>
<rect
fill="none"
height="10"
stroke="currentColor
|
|
Execute Vite tests
Process completed with exit code 1.
|