implements Pedro's tests #151
Annotations
3 errors and 1 warning
|
test/DragUser.test.tsx#L35
TestingLibraryElementError: Unable to find an element by: [data-testid="draggable-1"]
Ignored nodes: comments, script, style
<body>
<div>
<div
aria-describedby="DndDescribedBy-0"
aria-disabled="false"
aria-roledescription="draggable"
role="button"
tabindex="0"
>
<div
class="group relative flex max-w-max flex-col items-center justify-center"
>
<span
class="relative left-3 top-3 z-10 flex h-3 w-3 cursor-move items-center justify-center rounded-full bg-primary-light p-2 text-[0.6rem] font-medium text-white"
>
x
2
</span>
<div
class="undefined bg-white group h-fit w-fit rounded-full p-1 drop-shadow-lg focus-within:outline-primary focus:outline-primary"
>
<img
alt="User profile photo"
class="rounded-full h-10 w-10"
data-nimg="1"
decoding="async"
height="300"
loading="lazy"
src="/_next/image?url=https%3A%2F%2Ftest.com&w=640&q=75"
srcset="/_next/image?url=https%3A%2F%2Ftest.com&w=384&q=75 1x, /_next/image?url=https%3A%2F%2Ftest.com&w=640&q=75 2x"
style="color: transparent;"
width="300"
/>
</div>
<div
class="absolute bottom-7 left-1/2 z-10 ml-auto mr-auto min-w-max -translate-x-1/2 rotate-180 scale-0 transform rounded-xl px-3 py-2 text-xs font-medium transition-all duration-500 group-hover:scale-100"
>
<div
class="flex max-w-xs flex-col items-center shadow-lg"
>
<div
class="clip-bottom h-2 w-4 bg-primary/90"
/>
<div
class="w-[25ch] rotate-180 cursor-default rounded bg-primary/90 p-2 text-center text-xs text-white"
>
Test User
</div>
</div>
</div>
</div>
</div>
<div
id="DndDescribedBy-0"
style="display: none;"
>
To pick up a draggable item, press the space bar.
While dragging, use the arrow keys to move the item.
Press space again to drop the item in its new position, or press escape to cancel.
</div>
<div
aria-atomic="true"
aria-live="assertive"
id="DndLiveRegion-0"
role="status"
style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
/>
</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
❯ test/DragUser.test.tsx:35:34
|
|
test/DragUser.test.tsx#L42
TestingLibraryElementError: Unable to find an element by: [data-testid="draggable-1"]
Ignored nodes: comments, script, style
<body>
<div>
<div
aria-describedby="DndDescribedBy-1"
aria-disabled="false"
aria-roledescription="draggable"
role="button"
tabindex="0"
>
<div
class="group relative flex max-w-max flex-col items-center justify-center"
>
<div
class="undefined bg-white group h-fit w-fit rounded-full p-1 drop-shadow-lg focus-within:outline-primary focus:outline-primary"
>
<img
alt="User profile photo"
class="rounded-full h-10 w-10"
data-nimg="1"
decoding="async"
height="300"
loading="lazy"
src="/_next/image?url=https%3A%2F%2Ftest.com&w=640&q=75"
srcset="/_next/image?url=https%3A%2F%2Ftest.com&w=384&q=75 1x, /_next/image?url=https%3A%2F%2Ftest.com&w=640&q=75 2x"
style="color: transparent;"
width="300"
/>
</div>
<div
class="absolute bottom-7 left-1/2 z-10 ml-auto mr-auto min-w-max -translate-x-1/2 rotate-180 scale-0 transform rounded-xl px-3 py-2 text-xs font-medium transition-all duration-500 group-hover:scale-100"
>
<div
class="flex max-w-xs flex-col items-center shadow-lg"
>
<div
class="clip-bottom h-2 w-4 bg-primary/90"
/>
<div
class="w-[25ch] rotate-180 cursor-default rounded bg-primary/90 p-2 text-center text-xs text-white"
>
Test User
</div>
</div>
</div>
</div>
</div>
<div
id="DndDescribedBy-1"
style="display: none;"
>
To pick up a draggable item, press the space bar.
While dragging, use the arrow keys to move the item.
Press space again to drop the item in its new position, or press escape to cancel.
</div>
<div
aria-atomic="true"
aria-live="assertive"
id="DndLiveRegion-1"
role="status"
style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
/>
</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
❯ test/DragUser.test.tsx:42:34
|
|
|
|
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/cache@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
This job failed
Loading