Fixes: #302 (#389) #492
R-Sandorsonar.yml
on: push
SonarQube Server
2m 11s
sonarQube Frontend
1m 36s
SonarQube Screenshot
2m 5s
Annotations
12 errors
|
__tests__/Navbar/Navbar.test.tsx > GlobalNavbar > renders ImportModal and Export components when user is authorized:
frontend/__tests__/Navbar/Navbar.test.tsx#L128
TestingLibraryElementError: Unable to find an element by: [data-testid="import-modal"]
Ignored nodes: comments, script, style
<body
data-bs-theme="dark"
>
<div>
<nav
class="bg-body-tertiary navbar navbar-expand-md navbar-light"
style="border-bottom: 1px solid; height: 60px;"
>
<div
class="_navContainer_25c139 container"
>
<span
class="cursor-pointer _navBrand_25c139 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="btn-group _navBtns_25c139"
>
<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>
<div
class="btn-group"
role="group"
>
<button
class="btn btn-secondary"
type="button"
>
Login
</button>
<button
class="btn btn-secondary"
type="button"
>
Signup
</button>
</div>
</div>
</div>
</nav>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ __tests__/Navbar/Navbar.test.tsx:128:32
|
|
__tests__/Navbar/Navbar.test.tsx > GlobalNavbar > calls authService.logout and router.push on logout button click:
frontend/__tests__/Navbar/Navbar.test.tsx#L117
TestingLibraryElementError: Unable to find an element with the text: Logout. 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>
<nav
class="bg-body-tertiary navbar navbar-expand-md navbar-light"
style="border-bottom: 1px solid; height: 60px;"
>
<div
class="_navContainer_25c139 container"
>
<span
class="cursor-pointer _navBrand_25c139 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="btn-group _navBtns_25c139"
>
<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>
<div
class="btn-group"
role="group"
>
<button
class="btn btn-secondary"
type="button"
>
Login
</button>
<button
class="btn btn-secondary"
type="button"
>
Signup
</button>
</div>
</div>
</div>
</nav>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ __tests__/Navbar/Navbar.test.tsx:117:33
|
|
__tests__/Navbar/Navbar.test.tsx > GlobalNavbar > renders logout button when user is authorized:
frontend/__tests__/Navbar/Navbar.test.tsx#L88
TestingLibraryElementError: Unable to find an element with the text: Logout. 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>
<nav
class="bg-body-tertiary navbar navbar-expand-md navbar-light"
style="border-bottom: 1px solid; height: 60px;"
>
<div
class="_navContainer_25c139 container"
>
<span
class="cursor-pointer _navBrand_25c139 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="btn-group _navBtns_25c139"
>
<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>
<div
class="btn-group"
role="group"
>
<button
class="btn btn-secondary"
type="button"
>
Login
</button>
<button
class="btn btn-secondary"
type="button"
>
Signup
</button>
</div>
</div>
</div>
</nav>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ __tests__/Navbar/Navbar.test.tsx:88:33
|
|
__tests__/app.test.tsx > Bookmark Operation. > Add Bookmark: Testing bookmark context.:
frontend/__tests__/app.test.tsx#L233
AssertionError: expected 7 to be 4 // Object.is equality
- Expected
+ Received
- 4
+ 7
❯ __tests__/app.test.tsx:233:29
|
|
__tests__/app.test.tsx > Bookmark Operation. > Delete Bookmark: Testing bookmark context.:
frontend/__tests__/app.test.tsx#L172
TestingLibraryElementError: Found multiple elements by: [data-testid="bk-id-1-deleteBtn"]
Here are the matching elements:
Ignored nodes: comments, script, style
<button
aria-label="Close"
class="btn-close _deleteBookmarkIcon_759939"
data-testid="bk-id-1-deleteBtn"
type="button"
/>
Ignored nodes: comments, script, style
<button
aria-label="Close"
class="btn-close _deleteBookmarkIcon_759939"
data-testid="bk-id-1-deleteBtn"
type="button"
/>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
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_25c139 container"
>
<span
class="cursor-pointer _navBrand_25c139 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_25c139"
>
<div
class="flex-grow d-flex"
>
<div
class="_searchButtonsContainer_25c139"
>
<button
class="_pillButton_25c139"
data-testid="[object Object]searchType"
title="Title Search"
type="button"
>
/b
</button>
</div>
<input
class="flex-grow-1 _searchBarInput_25c139 "
placeholder="Search"
type="text"
value=""
/>
<button
class="btn _searchBarBtn_25c139"
type="submit"
>
<i
class="bi bi-search"
/>
</button>
</div>
</div>
<div
class="btn-group _navBtns_25c139"
>
<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>
<img
alt="Profile"
class="rounded-circle ms-6"
data-nimg="1"
decoding="async"
height="36"
loading="lazy"
src="/_next/image?url=%2Fimg_avatar.png&w=96&q=75"
|
|
__tests__/app.test.tsx > Clicks around the page. > Logout click:
frontend/__tests__/app.test.tsx#L162
AssertionError: expected [ <div …(2)>…(1)</div>, …(5) ] to deeply equal []
- Expected
+ Received
- []
+ [
+ <div
+ class="_main_759939"
+ data-testid="bookmark-Best Cheesecake Recipe"
+ >
+ <div
+ class="card _bookmarkCard_759939"
+ >
+ <div
+ class="_cardHeader_759939"
+ >
+ <button
+ aria-label="Close"
+ class="btn-close _deleteBookmarkIcon_759939"
+ data-testid="bk-id-1-deleteBtn"
+ type="button"
+ />
+ <button
+ class="btn _editBookmarkIcon_759939"
+ data-testid="1-edit-btn"
+ >
+ <i
+ class="bi bi-pen"
+ />
+ </button>
+ </div>
+ <div
+ style="display: block; position: initial;"
+ />
+ <div
+ class="card-body"
+ >
+ <div
+ class="card-title h5"
+ >
+ Best Cheesecake Recipe
+ </div>
+ <a
+ class="card-link"
+ href="https://sugarspunrun.com/best-cheesecake-recipe/"
+ target="_blank"
+ >
+ https://sugarspunrun.com/best-cheesecake-recipe/
+ </a>
+ </div>
+ <div
+ class="_cardFooter_759939 card-footer"
+ >
+ <div
+ class="_container_759939"
+ >
+ <button
+ class="_pillButton_759939"
+ data-testid="deserts-tag-1-bk"
+ type="button"
+ >
+ deserts
+ <i
+ class="xtag bi bi-journal-x"
+ />
+ </button>
+ <input
+ class="_input_759939"
+ data-testid="Best Cheesecake Recipe-input"
+ placeholder="Enter a tag"
+ value=""
+ />
+ </div>
+ </div>
+ </div>
+ </div>,
+ <div
+ class="_main_759939"
+ data-testid="bookmark-Dark mode guide"
+ >
+ <div
+ class="card _bookmarkCard_759939"
+ >
+ <div
+ class="_cardHeader_759939"
+ >
+ <button
+ aria-label="Close"
+ class="btn-close _deleteBookmarkIcon_759939"
+ data-testid="bk-id-2-deleteBtn"
+ type="button"
+ />
+ <button
+ class="btn _editBookmarkIcon_759939"
+ data-testid="2-edit-btn"
+ >
+ <i
+ class="bi bi-pen"
+ />
+ </button>
+ </div>
+ <div
+ style="display: block; position: initial;"
+ />
+ <div
+ class="card-body"
+ >
+ <div
+ class="card-title h5"
+ >
+ Dark mode guide
+ </div>
+ <a
+ class="card-link"
+ href="https://blog.logrocket.com/dark-mode-react-in-depth-guide/"
+ target="_blank"
+ >
+ https://blog.logrocket.com/dark-mode-react-in-depth-guide/
+ </a>
+ </div>
+ <div
+ class="_cardFooter_759939 card-footer"
+ >
+ <div
+ class="_container_759939"
+ >
+ <button
+ class="_pillButton_759939"
+ data-testid="web_dev-tag-2-bk"
+ type="button"
+ >
+ web_dev
+ <i
+ class="xtag bi bi-journal-x"
+ />
+ </button>
+ <input
+ class="_input_759939"
+ data-testid="Dark mode guide-input"
+ placeholder="Enter a tag"
+ value=""
+ />
+ </div>
+ </div>
+ </div>
+ </div>,
+ <div
+ class="_main_759939"
+ data-testid="bookmark-Chicken Parm"
+ >
+ <div
+ class="card _bookmarkCard_759939"
+ >
+ <div
+ class="_cardHeader_759939"
+ >
+ <button
+ aria-label="Close"
+ class="btn-close _deleteBookmarkIcon_759939"
+ data-testid="bk-id-3-deleteBtn"
+ type="button"
+ />
+ <button
+ class="btn _editBookmarkIcon_759939"
+ data-t
|
|
__tests__/app.test.tsx > User is authenticated and bookmark/tag data is present. > User deletes a tag:
frontend/__tests__/app.test.tsx#L132
TestingLibraryElementError: Found multiple elements by: [data-testid="Best Cheesecake Recipe-input"]
Here are the matching elements:
Ignored nodes: comments, script, style
<input
class="_input_759939"
data-testid="Best Cheesecake Recipe-input"
placeholder="Enter a tag"
value=""
/>
Ignored nodes: comments, script, style
<input
class="_input_759939"
data-testid="Best Cheesecake Recipe-input"
placeholder="Enter a tag"
value=""
/>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
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_25c139 container"
>
<span
class="cursor-pointer _navBrand_25c139 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_25c139"
>
<div
class="flex-grow d-flex"
>
<div
class="_searchButtonsContainer_25c139"
>
<button
class="_pillButton_25c139"
data-testid="[object Object]searchType"
title="Title Search"
type="button"
>
/b
</button>
</div>
<input
class="flex-grow-1 _searchBarInput_25c139 "
placeholder="Search"
type="text"
value=""
/>
<button
class="btn _searchBarBtn_25c139"
type="submit"
>
<i
class="bi bi-search"
/>
</button>
</div>
</div>
<div
class="btn-group _navBtns_25c139"
>
<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>
<img
alt="Profile"
class="rounded-circle ms-6"
data-nimg="1"
decoding="async"
height="36"
loading="lazy"
src="/_next/image?url=%2Fimg_avatar.png&w=96&q=75"
srcset
|
|
__tests__/app.test.tsx > User is authenticated and bookmark/tag data is present. > User adds a tag:
frontend/__tests__/app.test.tsx#L82
TestingLibraryElementError: Found multiple elements by: [data-testid="Best Cheesecake Recipe-input"]
Here are the matching elements:
Ignored nodes: comments, script, style
<input
class="_input_759939"
data-testid="Best Cheesecake Recipe-input"
placeholder="Enter a tag"
value=""
/>
Ignored nodes: comments, script, style
<input
class="_input_759939"
data-testid="Best Cheesecake Recipe-input"
placeholder="Enter a tag"
value=""
/>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
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_25c139 container"
>
<span
class="cursor-pointer _navBrand_25c139 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_25c139"
>
<div
class="flex-grow d-flex"
>
<div
class="_searchButtonsContainer_25c139"
>
<button
class="_pillButton_25c139"
data-testid="[object Object]searchType"
title="Title Search"
type="button"
>
/b
</button>
</div>
<input
class="flex-grow-1 _searchBarInput_25c139 "
placeholder="Search"
type="text"
value=""
/>
<button
class="btn _searchBarBtn_25c139"
type="submit"
>
<i
class="bi bi-search"
/>
</button>
</div>
</div>
<div
class="btn-group _navBtns_25c139"
>
<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>
<img
alt="Profile"
class="rounded-circle ms-6"
data-nimg="1"
decoding="async"
height="36"
loading="lazy"
src="/_next/image?url=%2Fimg_avatar.png&w=96&q=75"
srcset
|
|
__tests__/app.test.tsx > User is authenticated and bookmark/tag data is present. > User clicks a tag in list:
frontend/__tests__/app.test.tsx#L47
TestingLibraryElementError: Found multiple elements with the text: /Best Cheesecake Recipe/i
Here are the matching elements:
Ignored nodes: comments, script, style
<div
class="card-title h5"
>
Best Cheesecake Recipe
</div>
Ignored nodes: comments, script, style
<div
class="card-title h5"
>
Best Cheesecake Recipe
</div>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
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_25c139 container"
>
<span
class="cursor-pointer _navBrand_25c139 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_25c139"
>
<div
class="flex-grow d-flex"
>
<div
class="_searchButtonsContainer_25c139"
>
<button
class="_pillButton_25c139"
data-testid="[object Object]searchType"
title="Title Search"
type="button"
>
/b
</button>
</div>
<input
class="flex-grow-1 _searchBarInput_25c139 "
placeholder="Search"
type="text"
value=""
/>
<button
class="btn _searchBarBtn_25c139"
type="submit"
>
<i
class="bi bi-search"
/>
</button>
</div>
</div>
<div
class="btn-group _navBtns_25c139"
>
<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>
<img
alt="Profile"
class="rounded-circle ms-6"
data-nimg="1"
decoding="async"
height="36"
loading="lazy"
src="/_next/image?url=%2Fimg_avatar.png&w=96&q=75"
srcset="/_next/image?url=%2Fimg_avatar.png&w=48&q=75 1x, /_next/image?url=%2Fimg_avatar.png&w=96&q=75 2x"
styl
|
|
__tests__/app.test.tsx > User is authenticated and bookmark/tag data is present. > should be bookmarks available:
frontend/__tests__/app.test.tsx#L40
TestingLibraryElementError: Found multiple elements with the text: /Best Cheesecake/i
Here are the matching elements:
Ignored nodes: comments, script, style
<div
class="card-title h5"
>
Best Cheesecake Recipe
</div>
Ignored nodes: comments, script, style
<div
class="card-title h5"
>
Best Cheesecake Recipe
</div>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
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_25c139 container"
>
<span
class="cursor-pointer _navBrand_25c139 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_25c139"
>
<div
class="flex-grow d-flex"
>
<div
class="_searchButtonsContainer_25c139"
>
<button
class="_pillButton_25c139"
data-testid="[object Object]searchType"
title="Title Search"
type="button"
>
/b
</button>
</div>
<input
class="flex-grow-1 _searchBarInput_25c139 "
placeholder="Search"
type="text"
value=""
/>
<button
class="btn _searchBarBtn_25c139"
type="submit"
>
<i
class="bi bi-search"
/>
</button>
</div>
</div>
<div
class="btn-group _navBtns_25c139"
>
<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>
<img
alt="Profile"
class="rounded-circle ms-6"
data-nimg="1"
decoding="async"
height="36"
loading="lazy"
src="/_next/image?url=%2Fimg_avatar.png&w=96&q=75"
srcset="/_next/image?url=%2Fimg_avatar.png&w=48&q=75 1x, /_next/image?url=%2Fimg_avatar.png&w=96&q=75 2x"
style="colo
|
|
SonarQube Screenshot
Process completed with exit code 1.
|
|
SonarQube Server
Process completed with exit code 1.
|