Playwright & testcontainers #432
R-Sandorsonar.yml
on: pull_request
SonarQube Server
3m 3s
sonarQube Frontend
1m 1s
SonarQube Screenshot
2m 28s
Annotations
10 errors
|
__tests__/app.test.tsx > Bookmark Operation. > Add Bookmark: Testing bookmark context.:
frontend/__tests__/app.test.tsx#L255
AssertionError: expected 1 to be 4 // Object.is equality
- Expected
+ Received
- 4
+ 1
❯ __tests__/app.test.tsx:255:29
|
|
__tests__/app.test.tsx > Bookmark Operation. > Delete Bookmark: Testing bookmark context.:
frontend/__tests__/app.test.tsx#L187
TestingLibraryElementError: Unable to find an element by: [data-testid="bk-id-1-deleteBtn"]
Ignored nodes: comments, script, style
<body
data-bs-theme="dark"
>
<div>
<div>
<nav
class="bg-body-tertiary navbar navbar-expand-md navbar-light"
style="border-bottom: 1px solid; height: 60px;"
>
<div
class="_navContainer_22be8d container"
>
<span
class="cursor-pointer _navBrand_22be8d navbar-brand"
>
<img
alt="Find First logo"
class="d-inline-block align-top"
data-nimg="1"
decoding="async"
height="30"
loading="lazy"
src="/_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=96&q=75"
srcset="/_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=48&q=75 1x, /_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=96&q=75 2x"
style="color: transparent;"
width="38"
/>
FindFirst
</span>
<div
class="d-flex flex-grow-1 _searchBar_22be8d"
>
<div
class="flex-grow d-flex"
>
<div
class="_searchButtonsContainer_22be8d"
>
<button
class="_pillButton_22be8d"
data-testid="[object Object]searchType"
title="Title Search"
type="button"
>
/b
</button>
</div>
<input
class="flex-grow-1 _searchBarInput_22be8d "
placeholder="Search"
type="text"
value=""
/>
<button
class="btn _searchBarBtn_22be8d"
type="submit"
>
<i
class="bi bi-search"
/>
</button>
</div>
</div>
<div
class="btn-group _navBtns_22be8d"
>
<div
class="float-left mr-4"
data-testid="import-modal"
>
<button
class="btn"
data-testid="import-btn"
type="button"
>
<i
class="bi bi-file-earmark-arrow-up-fill"
/>
</button>
</div>
<button
class="btn float-left mr-4"
data-bs-placement="bottom"
data-testid="export-component"
title="Export Bookmarks"
>
<i
class="bi bi-download"
/>
</button>
<div
class="float-left text-center items-center mr-5 "
>
<button
class="btn"
data-testid="light-dark"
title="Switch to Light Mode"
>
<i
class="bi bi-lamp-fill"
/>
</button>
</div>
<button
class="d-inline-block btn btn-secondary"
type="button"
>
Logout
</button>
</div>
</div>
</nav>
<div
class="_containerFluid_22be8d container-fluid"
>
<div
class="row"
>
<div
class="col-md-4 col-lg-3 _tagList_29b7e4"
>
<div>
<div
class="_tagList_29b7e4 list-group list-group-flush"
>
<div
class="_item_7851e4 list-group-item"
>
<button
class="d-flex btn _btn_7851e4 justify-content-between align-items-start"
data-testid="Cooking-list-item"
>
Cooking
<span
class="badge rounded-pill bg-primary"
|
|
__tests__/app.test.tsx > User is authenticated and bookmark/tag data is present. > User deletes a tag:
frontend/__tests__/app.test.tsx#L136
TestingLibraryElementError: Unable to find an element by: [data-testid="Best Cheesecake Recipe-input"]
Ignored nodes: comments, script, style
<body
data-bs-theme="dark"
>
<div>
<div>
<nav
class="bg-body-tertiary navbar navbar-expand-md navbar-light"
style="border-bottom: 1px solid; height: 60px;"
>
<div
class="_navContainer_22be8d container"
>
<span
class="cursor-pointer _navBrand_22be8d navbar-brand"
>
<img
alt="Find First logo"
class="d-inline-block align-top"
data-nimg="1"
decoding="async"
height="30"
loading="lazy"
src="/_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=96&q=75"
srcset="/_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=48&q=75 1x, /_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=96&q=75 2x"
style="color: transparent;"
width="38"
/>
FindFirst
</span>
<div
class="d-flex flex-grow-1 _searchBar_22be8d"
>
<div
class="flex-grow d-flex"
>
<div
class="_searchButtonsContainer_22be8d"
>
<button
class="_pillButton_22be8d"
data-testid="[object Object]searchType"
title="Title Search"
type="button"
>
/b
</button>
</div>
<input
class="flex-grow-1 _searchBarInput_22be8d "
placeholder="Search"
type="text"
value=""
/>
<button
class="btn _searchBarBtn_22be8d"
type="submit"
>
<i
class="bi bi-search"
/>
</button>
</div>
</div>
<div
class="btn-group _navBtns_22be8d"
>
<div
class="float-left mr-4"
data-testid="import-modal"
>
<button
class="btn"
data-testid="import-btn"
type="button"
>
<i
class="bi bi-file-earmark-arrow-up-fill"
/>
</button>
</div>
<button
class="btn float-left mr-4"
data-bs-placement="bottom"
data-testid="export-component"
title="Export Bookmarks"
>
<i
class="bi bi-download"
/>
</button>
<div
class="float-left text-center items-center mr-5 "
>
<button
class="btn"
data-testid="light-dark"
title="Switch to Light Mode"
>
<i
class="bi bi-lamp-fill"
/>
</button>
</div>
<button
class="d-inline-block btn btn-secondary"
type="button"
>
Logout
</button>
</div>
</div>
</nav>
<div
class="_containerFluid_22be8d container-fluid"
>
<div
class="row"
>
<div
class="col-md-4 col-lg-3 _tagList_29b7e4"
>
<div>
<div
class="_tagList_29b7e4 list-group list-group-flush"
>
<div
class="_item_7851e4 list-group-item"
>
<button
class="d-flex btn _btn_7851e4 justify-content-between align-items-start"
data-testid="Cooking-list-item"
>
Cooking
<span
class="badge rounded-pill bg-primary"
|
|
__tests__/app.test.tsx > User is authenticated and bookmark/tag data is present. > User adds a tag:
frontend/__tests__/app.test.tsx#L84
TestingLibraryElementError: Unable to find an element by: [data-testid="Best Cheesecake Recipe-input"]
Ignored nodes: comments, script, style
<body
data-bs-theme="dark"
>
<div>
<div>
<nav
class="bg-body-tertiary navbar navbar-expand-md navbar-light"
style="border-bottom: 1px solid; height: 60px;"
>
<div
class="_navContainer_22be8d container"
>
<span
class="cursor-pointer _navBrand_22be8d navbar-brand"
>
<img
alt="Find First logo"
class="d-inline-block align-top"
data-nimg="1"
decoding="async"
height="30"
loading="lazy"
src="/_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=96&q=75"
srcset="/_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=48&q=75 1x, /_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=96&q=75 2x"
style="color: transparent;"
width="38"
/>
FindFirst
</span>
<div
class="d-flex flex-grow-1 _searchBar_22be8d"
>
<div
class="flex-grow d-flex"
>
<div
class="_searchButtonsContainer_22be8d"
>
<button
class="_pillButton_22be8d"
data-testid="[object Object]searchType"
title="Title Search"
type="button"
>
/b
</button>
</div>
<input
class="flex-grow-1 _searchBarInput_22be8d "
placeholder="Search"
type="text"
value=""
/>
<button
class="btn _searchBarBtn_22be8d"
type="submit"
>
<i
class="bi bi-search"
/>
</button>
</div>
</div>
<div
class="btn-group _navBtns_22be8d"
>
<div
class="float-left mr-4"
data-testid="import-modal"
>
<button
class="btn"
data-testid="import-btn"
type="button"
>
<i
class="bi bi-file-earmark-arrow-up-fill"
/>
</button>
</div>
<button
class="btn float-left mr-4"
data-bs-placement="bottom"
data-testid="export-component"
title="Export Bookmarks"
>
<i
class="bi bi-download"
/>
</button>
<div
class="float-left text-center items-center mr-5 "
>
<button
class="btn"
data-testid="light-dark"
title="Switch to Light Mode"
>
<i
class="bi bi-lamp-fill"
/>
</button>
</div>
<button
class="d-inline-block btn btn-secondary"
type="button"
>
Logout
</button>
</div>
</div>
</nav>
<div
class="_containerFluid_22be8d container-fluid"
>
<div
class="row"
>
<div
class="col-md-4 col-lg-3 _tagList_29b7e4"
>
<div>
<div
class="_tagList_29b7e4 list-group list-group-flush"
>
<div
class="_item_7851e4 list-group-item"
>
<button
class="d-flex btn _btn_7851e4 justify-content-between align-items-start"
data-testid="Cooking-list-item"
>
Cooking
<span
class="badge rounded-pill bg-primary"
|
|
__tests__/app.test.tsx > User is authenticated and bookmark/tag data is present. > User clicks a tag in list:
frontend/__tests__/app.test.tsx#L49
TestingLibraryElementError: Unable to find an element with the text: /Best Cheesecake Recipe/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
data-bs-theme="dark"
>
<div>
<div>
<nav
class="bg-body-tertiary navbar navbar-expand-md navbar-light"
style="border-bottom: 1px solid; height: 60px;"
>
<div
class="_navContainer_22be8d container"
>
<span
class="cursor-pointer _navBrand_22be8d navbar-brand"
>
<img
alt="Find First logo"
class="d-inline-block align-top"
data-nimg="1"
decoding="async"
height="30"
loading="lazy"
src="/_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=96&q=75"
srcset="/_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=48&q=75 1x, /_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=96&q=75 2x"
style="color: transparent;"
width="38"
/>
FindFirst
</span>
<div
class="d-flex flex-grow-1 _searchBar_22be8d"
>
<div
class="flex-grow d-flex"
>
<div
class="_searchButtonsContainer_22be8d"
>
<button
class="_pillButton_22be8d"
data-testid="[object Object]searchType"
title="Title Search"
type="button"
>
/b
</button>
</div>
<input
class="flex-grow-1 _searchBarInput_22be8d "
placeholder="Search"
type="text"
value=""
/>
<button
class="btn _searchBarBtn_22be8d"
type="submit"
>
<i
class="bi bi-search"
/>
</button>
</div>
</div>
<div
class="btn-group _navBtns_22be8d"
>
<div
class="float-left mr-4"
data-testid="import-modal"
>
<button
class="btn"
data-testid="import-btn"
type="button"
>
<i
class="bi bi-file-earmark-arrow-up-fill"
/>
</button>
</div>
<button
class="btn float-left mr-4"
data-bs-placement="bottom"
data-testid="export-component"
title="Export Bookmarks"
>
<i
class="bi bi-download"
/>
</button>
<div
class="float-left text-center items-center mr-5 "
>
<button
class="btn"
data-testid="light-dark"
title="Switch to Light Mode"
>
<i
class="bi bi-lamp-fill"
/>
</button>
</div>
<button
class="d-inline-block btn btn-secondary"
type="button"
>
Logout
</button>
</div>
</div>
</nav>
<div
class="_containerFluid_22be8d container-fluid"
>
<div
class="row"
>
<div
class="col-md-4 col-lg-3 _tagList_29b7e4"
>
<div>
<div
class="_tagList_29b7e4 list-group list-group-flush"
>
<div
class="_item_7851e4 list-group-item"
>
<button
class="d-flex btn _btn_7851e4 justify-content-between align-items-start"
data-tes
|
|
__tests__/app.test.tsx > User is authenticated and bookmark/tag data is present. > should be bookmarks available:
frontend/__tests__/app.test.tsx#L42
TestingLibraryElementError: Unable to find an element with the text: /Best Cheesecake/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
data-bs-theme="dark"
>
<div>
<div>
<nav
class="bg-body-tertiary navbar navbar-expand-md navbar-light"
style="border-bottom: 1px solid; height: 60px;"
>
<div
class="_navContainer_22be8d container"
>
<span
class="cursor-pointer _navBrand_22be8d navbar-brand"
>
<img
alt="Find First logo"
class="d-inline-block align-top"
data-nimg="1"
decoding="async"
height="30"
loading="lazy"
src="/_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=96&q=75"
srcset="/_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=48&q=75 1x, /_next/image?url=%2Fbasic-f-v2-dark-mode-v2-fav.png&w=96&q=75 2x"
style="color: transparent;"
width="38"
/>
FindFirst
</span>
<div
class="d-flex flex-grow-1 _searchBar_22be8d"
>
<div
class="flex-grow d-flex"
>
<div
class="_searchButtonsContainer_22be8d"
>
<button
class="_pillButton_22be8d"
data-testid="[object Object]searchType"
title="Title Search"
type="button"
>
/b
</button>
</div>
<input
class="flex-grow-1 _searchBarInput_22be8d "
placeholder="Search"
type="text"
value=""
/>
<button
class="btn _searchBarBtn_22be8d"
type="submit"
>
<i
class="bi bi-search"
/>
</button>
</div>
</div>
<div
class="btn-group _navBtns_22be8d"
>
<div
class="float-left mr-4"
data-testid="import-modal"
>
<button
class="btn"
data-testid="import-btn"
type="button"
>
<i
class="bi bi-file-earmark-arrow-up-fill"
/>
</button>
</div>
<button
class="btn float-left mr-4"
data-bs-placement="bottom"
data-testid="export-component"
title="Export Bookmarks"
>
<i
class="bi bi-download"
/>
</button>
<div
class="float-left text-center items-center mr-5 "
>
<button
class="btn"
data-testid="light-dark"
title="Switch to Light Mode"
>
<i
class="bi bi-lamp-fill"
/>
</button>
</div>
<button
class="d-inline-block btn btn-secondary"
type="button"
>
Logout
</button>
</div>
</div>
</nav>
<div
class="_containerFluid_22be8d container-fluid"
>
<div
class="row"
>
<div
class="col-md-4 col-lg-3 _tagList_29b7e4"
>
<div>
<div
class="_tagList_29b7e4 list-group list-group-flush"
>
<div
class="_item_7851e4 list-group-item"
>
<button
class="d-flex btn _btn_7851e4 justify-content-between align-items-start"
data-testid="Co
|
|
Unhandled error:
frontend/components/Bookmark/BookmarkCard.tsx#L65
TypeError: Cannot read properties of undefined (reading 'forEach')
❯ components/Bookmark/BookmarkCard.tsx:65:21
❯ Object.react-stack-bottom-frame node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:22509:20
❯ runWithFiberInDEV node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:543:16
❯ commitHookEffectListMount node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:10758:29
❯ commitHookPassiveMountEffects node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:10880:11
❯ commitPassiveMountOnFiber node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12653:13
❯ recursivelyTraversePassiveMountEffects node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12627:11
❯ commitPassiveMountOnFiber node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12755:11
❯ recursivelyTraversePassiveMountEffects node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12627:11
❯ commitPassiveMountOnFiber node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12755:11
This error originated in "__tests__/Bookmark/PaginatedBookmarkLoading.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "should automatically load the next page in test environment". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
|
Unhandled error:
frontend/components/Bookmark/BookmarkCard.tsx#L65
TypeError: Cannot read properties of undefined (reading 'forEach')
❯ components/Bookmark/BookmarkCard.tsx:65:21
❯ Object.react-stack-bottom-frame node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:22509:20
❯ runWithFiberInDEV node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:543:16
❯ commitHookEffectListMount node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:10758:29
❯ commitHookPassiveMountEffects node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:10880:11
❯ commitPassiveMountOnFiber node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12653:13
❯ recursivelyTraversePassiveMountEffects node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12627:11
❯ commitPassiveMountOnFiber node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12755:11
❯ recursivelyTraversePassiveMountEffects node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12627:11
❯ commitPassiveMountOnFiber node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12755:11
This error originated in "__tests__/Bookmark/PaginatedBookmarkLoading.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "should automatically load the next page in test environment". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
|
Unhandled error:
frontend/components/Bookmark/BookmarkCard.tsx#L65
TypeError: Cannot read properties of undefined (reading 'forEach')
❯ components/Bookmark/BookmarkCard.tsx:65:21
❯ Object.react-stack-bottom-frame node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:22509:20
❯ runWithFiberInDEV node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:543:16
❯ commitHookEffectListMount node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:10758:29
❯ commitHookPassiveMountEffects node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:10880:11
❯ commitPassiveMountOnFiber node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12653:13
❯ recursivelyTraversePassiveMountEffects node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12627:11
❯ commitPassiveMountOnFiber node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12755:11
❯ recursivelyTraversePassiveMountEffects node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12627:11
❯ commitPassiveMountOnFiber node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12755:11
This error originated in "__tests__/Bookmark/PaginatedBookmarkLoading.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "should load the first page of bookmarks on initial render". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
|
Unhandled error:
frontend/components/Bookmark/BookmarkCard.tsx#L65
TypeError: Cannot read properties of undefined (reading 'forEach')
❯ components/Bookmark/BookmarkCard.tsx:65:21
❯ Object.react-stack-bottom-frame node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:22509:20
❯ runWithFiberInDEV node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:543:16
❯ commitHookEffectListMount node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:10758:29
❯ commitHookPassiveMountEffects node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:10880:11
❯ commitPassiveMountOnFiber node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12653:13
❯ recursivelyTraversePassiveMountEffects node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12627:11
❯ commitPassiveMountOnFiber node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12755:11
❯ recursivelyTraversePassiveMountEffects node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12627:11
❯ commitPassiveMountOnFiber node_modules/.pnpm/react-dom@19.0.0_react@19.0.0/node_modules/react-dom/cjs/react-dom-client.development.js:12755:11
This error originated in "__tests__/Bookmark/PaginatedBookmarkLoading.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "should load the first page of bookmarks on initial render". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|