Show LOC on concluded rankings #333
msaroufimAnnotations
11 errors and 1 warning
|
src/pages/news/News.test.tsx > News > renders news items and markdown:
frontend/src/pages/news/News.test.tsx#L122
TestingLibraryElementError: Unable to find an element by: [data-testid="news-sidbar"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="MuiBox-root css-vjviqw"
>
<h4
class="MuiTypography-root MuiTypography-h4 MuiTypography-gutterBottom css-1it4a80-MuiTypography-root"
>
News and Announcements
</h4>
<div
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-1cp3svp-MuiPaper-root-MuiCard-root"
>
<button
class="MuiButtonBase-root MuiCardActionArea-root css-coyn9m-MuiButtonBase-root-MuiCardActionArea-root"
tabindex="0"
type="button"
>
<div
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
>
<h2
class="MuiTypography-root MuiTypography-h6 css-1miy0lu-MuiTypography-root"
>
Title One
</h2>
<p
class="MuiTypography-root MuiTypography-body2 css-tmy7vb-MuiTypography-root"
>
2025-07-10
</p>
<p
class="MuiTypography-root MuiTypography-body2 css-2abux7-MuiTypography-root"
>
This is markdown content one.
</p>
</div>
<span
class="MuiCardActionArea-focusHighlight css-1h5un5t-MuiCardActionArea-focusHighlight"
/>
</button>
</div>
<div
class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-1cp3svp-MuiPaper-root-MuiCard-root"
>
<button
class="MuiButtonBase-root MuiCardActionArea-root css-coyn9m-MuiButtonBase-root-MuiCardActionArea-root"
tabindex="0"
type="button"
>
<div
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
>
<h2
class="MuiTypography-root MuiTypography-h6 css-1miy0lu-MuiTypography-root"
>
Title Two
</h2>
<p
class="MuiTypography-root MuiTypography-body2 css-tmy7vb-MuiTypography-root"
>
2025-07-09
</p>
<p
class="MuiTypography-root MuiTypography-body2 css-2abux7-MuiTypography-root"
>
Another markdown section.
</p>
</div>
<span
class="MuiCardActionArea-focusHighlight css-1h5un5t-MuiCardActionArea-focusHighlight"
/>
</button>
</div>
</div>
</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
❯ src/pages/news/News.test.tsx:122:28
|
|
src/pages/news/News.test.tsx > News > shows loading state:
frontend/src/pages/news/News.test.tsx#L78
TestingLibraryElementError: Unable to find an element with the text: /Summoning/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>
<div>
<div
class="MuiBox-root css-1v1atuu"
>
<span
class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorSecondary css-w58ak0-MuiCircularProgress-root"
role="progressbar"
style="width: 40px; height: 40px;"
>
<svg
class="MuiCircularProgress-svg css-54pwck-MuiCircularProgress-svg"
viewBox="22 22 44 44"
>
<circle
class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate css-19t5dcl-MuiCircularProgress-circle"
cx="44"
cy="44"
fill="none"
r="20.2"
stroke-width="3.6"
/>
</svg>
</span>
<div
class="MuiBox-root css-axw7ok"
>
<svg
color="#f48fb1"
fill="currentColor"
height="40"
stroke="currentColor"
stroke-width="0"
style="color: rgb(244, 143, 177);"
viewBox="0 0 512 512"
width="40"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M242.29 27.29c-4.165 0-4.79.695-5.593 3.058-.803 2.362-.714 8.368 4.065 17.097 8.758 16 32.356 39.726 78.675 64.582 7.15-7.48 15.604-12.92 24.57-16.713-25.48-14.076-44.05-29.58-58.892-42.158-18.93-16.04-31.326-25.867-42.826-25.867zm-66.274 54.66c-3.815.007-4.68.864-5.07 1.355-.39.49-1 1.882-.485 5.125 1.03 6.484 7.16 18.015 18 28.943 21.683 21.855 60.793 42.287 109.542 34.72 2.13-.33 4.725-.616 7.846 1.194 3.12 1.81 4.73 5.96 4.77 8.36.076 4.807-1.495 6.874-2.722 9.546-2.452 5.345-4.35 11.657-4.375 11.47v.003c1.98 15 14.374 26.28 32.396 34.63 18.023 8.353 40.75 13.004 58.875 14.737 12.552 1.2 27.23.995 40.9-1.388-1.555-2.715-2.676-5.576-3.31-8.516-1.763-8.156.105-16.39 4.093-23.327 6.392-11.12 18.112-19.685 32.36-22.83-4.64-7.837-10.434-16.323-17.024-24.592-19.92-24.992-47.433-46.955-67.978-47.384-20.465-.427-44.107 6.055-57.367 24.242-2.24 3.07-5.56 4.144-8.018 4.46-2.457.318-4.623.1-6.92-.284-4.592-.766-9.7-2.373-15.613-4.527-11.825-4.308-26.625-10.89-42.127-17.774-15.502-6.883-31.668-14.06-45.744-19.44-14.076-5.38-26.546-8.735-32.027-8.724zm224.422 61.915a16 16 0 0 1 15.533 15.994 16 16 0 0 1-32 0 16 16 0 0 1 16.467-15.995zM39.79 190.777c-.804.006-2.017.25-4.017 1.24a9 9 0 0 0-.002 0c-4.252 2.103-7.437 7.213-8.883 16.325-1.447 9.11-.696 21.27 1.888 33.53 2.585 12.263 6.954 24.683 12.116 34.634 3.023 5.827 6.386 10.568 9.53 14.133 4.966-17.297 13.943-33.833 27.697-48.44-3.153-2.038-5.968-4.422-8.365-7.046-7.05-7.717-11.604-16.873-15.648-24.877-4.045-8.003-7.82-14.854-10.64-17.605-1.408-1.376-2.22-1.714-2.99-1.84-.192-.032-.414-.057-.683-.055zm437.63 2.06c-11.655 1.13-21.29 7.89-25.342 14.936-2.183 3.797-2.794 7.368-2.105 10.555.51 2.36 1.71 4.797 4.408 7.29 11.853-4.564 21.157-11.42 26.145-20.938-.286.42.182-1.32-.504-4.184-.494-2.07-1.397-4.71-2.6-7.66zm-198.496 7.724c-2.463-.004-4.896.007-7.3.034-71.537.806-120.588 13.47-152.624 32.187-36.613 21.393-51.716 50.092-54.844 81.44-3.128 31.346 6.6 65.513 22 94.56 14.84 27.988 35.094 51.027 51.97 62.22H312.19c-.134-1.91-.67-3.555-1.502-5.188-1.637-3.21-4.918-6.56-10.032-9.687-10.228-6.256-27.12-11.045-44.812-14.438-17.693-3.392-36.175-5.596-50.625-8-7.227-1.2-13.393-2.377-18.532-4.125-2.57-.873-4.92-1.813-7.313-3.593-2.392-1.782-5.313-5.385-5.313-9.97 0-2.61 1.27-4.982 2.375-6.22 1.107-1.236 2.03-1.74 2.75-2.124 1.442-.765 2.283-.952 3.125-1.156 1.686-.408 3.238-.605 5.125-.813 3.776-.414 8.714-.75 14.72-1.187 12.01-.875 28.107-2.106 44.968-4.688 33.722-5.162 69.382-16.778 81.156-36.437 6.403-10.69 5.69-20.67-.56-31.156-6.253-10.487-18.818-20.728-35.72-27.376-33.803-13.297-84.07-12.464-132.72 22.47l-10.5-14.627c33.327-23.93 67.99-33.66 99-33.78 18.608-.072 35.892 3.33 50.782 9.187 1
|
|
src/pages/login/login.test.tsx > <Login /> > renders Discord login button with correct href:
frontend/src/pages/login/login.test.tsx#L32
Error: expect(element).toHaveAttribute("href", "/api/auth/discord?next=/") // element.getAttribute("href") === "/api/auth/discord?next=/"
Expected the element to have attribute:
href="/api/auth/discord?next=/"
Received:
href="/api/auth/discord?next=%2F"
❯ src/pages/login/login.test.tsx:32:24
|
|
src/pages/leaderboard/Leaderboard.test.tsx > Leaderboard > shows expired message when deadline is in the past:
frontend/src/pages/leaderboard/Leaderboard.test.tsx#L513
TestingLibraryElementError: Unable to find an element by: [data-testid="leaderboard-submit-btn"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="MuiBox-root css-hboir5"
>
<div
class="MuiBox-root css-1aaebfi"
>
<div
class="MuiBox-root css-1hzmvx4"
>
<div
class="MuiBox-root css-0"
>
<div
class="MuiStack-root css-eggeq0-MuiStack-root"
>
<div
class="MuiStack-root css-fzw5gs-MuiStack-root"
>
<h1
style="margin: 0px;"
>
lb-auth
</h1>
<p
class="MuiTypography-root MuiTypography-body2 css-1wle3ir-MuiTypography-root"
>
Ended Jan 29, 2024, 2:00 PM UTC
</p>
</div>
<div
class="MuiStack-root css-niqf4j-MuiStack-root"
>
<button
class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-g9a2eh-MuiButtonBase-root-MuiButton-root"
tabindex="0"
type="button"
>
<span
class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1sh91j5-MuiButton-startIcon"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
data-testid="TerminalIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M20 4H4c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2m0 14H4V8h16zm-2-1h-6v-2h6zM7.5 17l-1.41-1.41L8.67 13l-2.59-2.59L7.5 9l4 4z"
/>
</svg>
</span>
Submit via CLI
</button>
</div>
</div>
<div
class="MuiGrid-root MuiGrid-direction-xs-row css-q0im44-MuiGrid-root"
>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1j74uew-MuiPaper-root-MuiCard-root"
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
>
<div
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
>
<details>
<summary
style="cursor: pointer; font-weight: bold; font-size: 1.5rem;"
>
Description
</summary>
</details>
</div>
</div>
</div>
<div
class="MuiBox-root css-1gsv261"
>
<div
class="MuiTabs-root css-1xkjjjh-MuiTabs-root"
>
<div
class="MuiButtonBase-root MuiTabScrollButton-root MuiTabScrollButton-horizontal Mui-disabled MuiTabs-scrollButtons css-1mf9qzl-MuiButtonBase-root-MuiTabScrollButton-root"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
data-testid="KeyboardArrowLeftIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
/>
<
|
|
src/pages/leaderboard/Leaderboard.test.tsx > Leaderboard > shows expand button if ranking has ≥ 4 items and toggles rows:
frontend/src/pages/leaderboard/Leaderboard.test.tsx#L268
AssertionError: expected [ <div …(2)>…(4)</div>, …(3) ] to have a length of 3 but got 4
- Expected
+ Received
- 3
+ 4
❯ src/pages/leaderboard/Leaderboard.test.tsx:268:54
|
|
src/pages/leaderboard/Leaderboard.test.tsx > Leaderboard > shows error message:
frontend/src/pages/leaderboard/Leaderboard.test.tsx#L134
TestingLibraryElementError: Unable to find an element with the text: Something went wrong. 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>
<div>
<div
class="MuiBox-root css-hboir5"
>
<div
class="MuiBox-root css-1aaebfi"
>
<div
class="MuiBox-root css-1v1atuu"
>
<span
class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorSecondary css-w58ak0-MuiCircularProgress-root"
role="progressbar"
style="width: 40px; height: 40px;"
>
<svg
class="MuiCircularProgress-svg css-54pwck-MuiCircularProgress-svg"
viewBox="22 22 44 44"
>
<circle
class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate css-19t5dcl-MuiCircularProgress-circle"
cx="44"
cy="44"
fill="none"
r="20.2"
stroke-width="3.6"
/>
</svg>
</span>
<div
class="MuiBox-root css-axw7ok"
>
<svg
color="#f48fb1"
fill="currentColor"
height="40"
stroke="currentColor"
stroke-width="0"
style="color: rgb(244, 143, 177);"
viewBox="0 0 512 512"
width="40"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M242.29 27.29c-4.165 0-4.79.695-5.593 3.058-.803 2.362-.714 8.368 4.065 17.097 8.758 16 32.356 39.726 78.675 64.582 7.15-7.48 15.604-12.92 24.57-16.713-25.48-14.076-44.05-29.58-58.892-42.158-18.93-16.04-31.326-25.867-42.826-25.867zm-66.274 54.66c-3.815.007-4.68.864-5.07 1.355-.39.49-1 1.882-.485 5.125 1.03 6.484 7.16 18.015 18 28.943 21.683 21.855 60.793 42.287 109.542 34.72 2.13-.33 4.725-.616 7.846 1.194 3.12 1.81 4.73 5.96 4.77 8.36.076 4.807-1.495 6.874-2.722 9.546-2.452 5.345-4.35 11.657-4.375 11.47v.003c1.98 15 14.374 26.28 32.396 34.63 18.023 8.353 40.75 13.004 58.875 14.737 12.552 1.2 27.23.995 40.9-1.388-1.555-2.715-2.676-5.576-3.31-8.516-1.763-8.156.105-16.39 4.093-23.327 6.392-11.12 18.112-19.685 32.36-22.83-4.64-7.837-10.434-16.323-17.024-24.592-19.92-24.992-47.433-46.955-67.978-47.384-20.465-.427-44.107 6.055-57.367 24.242-2.24 3.07-5.56 4.144-8.018 4.46-2.457.318-4.623.1-6.92-.284-4.592-.766-9.7-2.373-15.613-4.527-11.825-4.308-26.625-10.89-42.127-17.774-15.502-6.883-31.668-14.06-45.744-19.44-14.076-5.38-26.546-8.735-32.027-8.724zm224.422 61.915a16 16 0 0 1 15.533 15.994 16 16 0 0 1-32 0 16 16 0 0 1 16.467-15.995zM39.79 190.777c-.804.006-2.017.25-4.017 1.24a9 9 0 0 0-.002 0c-4.252 2.103-7.437 7.213-8.883 16.325-1.447 9.11-.696 21.27 1.888 33.53 2.585 12.263 6.954 24.683 12.116 34.634 3.023 5.827 6.386 10.568 9.53 14.133 4.966-17.297 13.943-33.833 27.697-48.44-3.153-2.038-5.968-4.422-8.365-7.046-7.05-7.717-11.604-16.873-15.648-24.877-4.045-8.003-7.82-14.854-10.64-17.605-1.408-1.376-2.22-1.714-2.99-1.84-.192-.032-.414-.057-.683-.055zm437.63 2.06c-11.655 1.13-21.29 7.89-25.342 14.936-2.183 3.797-2.794 7.368-2.105 10.555.51 2.36 1.71 4.797 4.408 7.29 11.853-4.564 21.157-11.42 26.145-20.938-.286.42.182-1.32-.504-4.184-.494-2.07-1.397-4.71-2.6-7.66zm-198.496 7.724c-2.463-.004-4.896.007-7.3.034-71.537.806-120.588 13.47-152.624 32.187-36.613 21.393-51.716 50.092-54.844 81.44-3.128 31.346 6.6 65.513 22 94.56 14.84 27.988 35.094 51.027 51.97 62.22H312.19c-.134-1.91-.67-3.555-1.502-5.188-1.637-3.21-4.918-6.56-10.032-9.687-10.228-6.256-27.12-11.045-44.812-14.438-17.693-3.392-36.175-5.596-50.625-8-7.227-1.2-13.393-2.377-18.532-4.125-2.57-.873-4.92-1.813-7.313-3.593-2.392-1.782-5.313-5.385-5.313-9.97 0-2.61 1.27-4.982 2.375-6.22 1.107-1.236 2.03-1.74 2.75-2.124 1.442-.765 2.283-.952 3.125-1.156 1.686-.408 3.238-.605 5.125-.813 3.776-.414 8.714-.75 14.72-1.187 12.01-
|
|
src/pages/leaderboard/Leaderboard.test.tsx > Leaderboard > shows loading state:
frontend/src/pages/leaderboard/Leaderboard.test.tsx#L121
TestingLibraryElementError: Unable to find an element with the text: /Summoning/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>
<div>
<div
class="MuiBox-root css-hboir5"
>
<div
class="MuiBox-root css-1aaebfi"
>
<div
class="MuiBox-root css-1v1atuu"
>
<span
class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorSecondary css-w58ak0-MuiCircularProgress-root"
role="progressbar"
style="width: 40px; height: 40px;"
>
<svg
class="MuiCircularProgress-svg css-54pwck-MuiCircularProgress-svg"
viewBox="22 22 44 44"
>
<circle
class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate css-19t5dcl-MuiCircularProgress-circle"
cx="44"
cy="44"
fill="none"
r="20.2"
stroke-width="3.6"
/>
</svg>
</span>
<div
class="MuiBox-root css-axw7ok"
>
<svg
color="#f48fb1"
fill="currentColor"
height="40"
stroke="currentColor"
stroke-width="0"
style="color: rgb(244, 143, 177);"
viewBox="0 0 512 512"
width="40"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M242.29 27.29c-4.165 0-4.79.695-5.593 3.058-.803 2.362-.714 8.368 4.065 17.097 8.758 16 32.356 39.726 78.675 64.582 7.15-7.48 15.604-12.92 24.57-16.713-25.48-14.076-44.05-29.58-58.892-42.158-18.93-16.04-31.326-25.867-42.826-25.867zm-66.274 54.66c-3.815.007-4.68.864-5.07 1.355-.39.49-1 1.882-.485 5.125 1.03 6.484 7.16 18.015 18 28.943 21.683 21.855 60.793 42.287 109.542 34.72 2.13-.33 4.725-.616 7.846 1.194 3.12 1.81 4.73 5.96 4.77 8.36.076 4.807-1.495 6.874-2.722 9.546-2.452 5.345-4.35 11.657-4.375 11.47v.003c1.98 15 14.374 26.28 32.396 34.63 18.023 8.353 40.75 13.004 58.875 14.737 12.552 1.2 27.23.995 40.9-1.388-1.555-2.715-2.676-5.576-3.31-8.516-1.763-8.156.105-16.39 4.093-23.327 6.392-11.12 18.112-19.685 32.36-22.83-4.64-7.837-10.434-16.323-17.024-24.592-19.92-24.992-47.433-46.955-67.978-47.384-20.465-.427-44.107 6.055-57.367 24.242-2.24 3.07-5.56 4.144-8.018 4.46-2.457.318-4.623.1-6.92-.284-4.592-.766-9.7-2.373-15.613-4.527-11.825-4.308-26.625-10.89-42.127-17.774-15.502-6.883-31.668-14.06-45.744-19.44-14.076-5.38-26.546-8.735-32.027-8.724zm224.422 61.915a16 16 0 0 1 15.533 15.994 16 16 0 0 1-32 0 16 16 0 0 1 16.467-15.995zM39.79 190.777c-.804.006-2.017.25-4.017 1.24a9 9 0 0 0-.002 0c-4.252 2.103-7.437 7.213-8.883 16.325-1.447 9.11-.696 21.27 1.888 33.53 2.585 12.263 6.954 24.683 12.116 34.634 3.023 5.827 6.386 10.568 9.53 14.133 4.966-17.297 13.943-33.833 27.697-48.44-3.153-2.038-5.968-4.422-8.365-7.046-7.05-7.717-11.604-16.873-15.648-24.877-4.045-8.003-7.82-14.854-10.64-17.605-1.408-1.376-2.22-1.714-2.99-1.84-.192-.032-.414-.057-.683-.055zm437.63 2.06c-11.655 1.13-21.29 7.89-25.342 14.936-2.183 3.797-2.794 7.368-2.105 10.555.51 2.36 1.71 4.797 4.408 7.29 11.853-4.564 21.157-11.42 26.145-20.938-.286.42.182-1.32-.504-4.184-.494-2.07-1.397-4.71-2.6-7.66zm-198.496 7.724c-2.463-.004-4.896.007-7.3.034-71.537.806-120.588 13.47-152.624 32.187-36.613 21.393-51.716 50.092-54.844 81.44-3.128 31.346 6.6 65.513 22 94.56 14.84 27.988 35.094 51.027 51.97 62.22H312.19c-.134-1.91-.67-3.555-1.502-5.188-1.637-3.21-4.918-6.56-10.032-9.687-10.228-6.256-27.12-11.045-44.812-14.438-17.693-3.392-36.175-5.596-50.625-8-7.227-1.2-13.393-2.377-18.532-4.125-2.57-.873-4.92-1.813-7.313-3.593-2.392-1.782-5.313-5.385-5.313-9.97 0-2.61 1.27-4.982 2.375-6.22 1.107-1.236 2.03-1.74 2.75-2.124 1.442-.765 2.283-.952 3.125-1.156 1.686-.408 3.238-.605 5.125-.813 3.776-.414 8.714-.75 14.72-1.187 12.01-.875 28.
|
|
src/components/app-layout/NavUserProfile.test.tsx > shows info when authenticated:
frontend/src/components/app-layout/NavUserProfile.test.tsx#L50
TestingLibraryElementError: Unable to find an element by: [data-testid="profile-btn"]
Ignored nodes: comments, script, style
<body
style="padding-right: 1024px; overflow: hidden;"
>
<div
aria-hidden="true"
>
<button
aria-controls="user-menu"
aria-expanded="true"
aria-haspopup="true"
aria-label="sara"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-lk7kvc-MuiButtonBase-root-MuiIconButton-root"
data-mui-internal-clone-element="true"
data-testid="profile-avatar"
tabindex="0"
type="button"
>
<div
class="MuiAvatar-root MuiAvatar-circular css-1mhkns4-MuiAvatar-root"
>
<img
alt="sara"
class="MuiAvatar-img css-1su80sj-MuiAvatar-img"
src="fake.com"
/>
</div>
</button>
</div>
<div
class="MuiPopover-root MuiMenu-root MuiModal-root css-pa188r-MuiModal-root-MuiPopover-root-MuiMenu-root"
id="user-menu"
role="presentation"
>
<div
aria-hidden="true"
class="MuiBackdrop-root MuiBackdrop-invisible MuiModal-backdrop css-vl6bb4-MuiBackdrop-root-MuiModal-backdrop"
style="opacity: 1; 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 css-1tktgsa-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; transform: scale(1, 1); transition: opacity 0ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 0ms 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 Mui-focusVisible MuiMenuItem-root MuiMenuItem-gutters css-1lm4p5-MuiButtonBase-root-MuiMenuItem-root"
data-testid="logout-btn"
role="menuitem"
tabindex="0"
>
<div
class="MuiListItemIcon-root css-cokf1l-MuiListItemIcon-root"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
data-testid="LogoutIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="m17 7-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4z"
/>
</svg>
</div>
Logout
</li>
</ul>
</div>
<div
data-testid="sentinelEnd"
tabindex="0"
/>
</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
❯ src/components/app-layout/NavUserProfile.test.tsx:50:17
|
|
src/components/app-layout/NavBar.test.tsx > NavBar > renders all expected navigation links in correct order:
frontend/src/components/app-layout/NavBar.test.tsx#L30
AssertionError: expected [ <a …(2)>…(1)</a>, <a …(2)>…(1)</a> ] to have a length of 5 but got 2
- Expected
+ Received
- 5
+ 2
❯ src/components/app-layout/NavBar.test.tsx:30:29
|
|
src/components/app-layout/NavBar.test.tsx > NavBar > renders Working Groups link with correct URL:
frontend/src/components/app-layout/NavBar.test.tsx#L9
TestingLibraryElementError: Unable to find an accessible element with the role "link" and name `/working groups/i`
Here are the accessible roles:
banner:
Name "":
<header
class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation4 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionFixed mui-fixed css-ndnlem-MuiPaper-root-MuiAppBar-root"
style="--Paper-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);"
/>
--------------------------------------------------
link:
Name "GPU MODE":
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-6b04s2-MuiTypography-root-MuiLink-root"
href="/"
/>
Name "News":
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-opw7is-MuiTypography-root-MuiLink-root"
href="/news"
/>
Name "Events":
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-opw7is-MuiTypography-root-MuiLink-root"
href="/events"
/>
Name "Projects":
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-opw7is-MuiTypography-root-MuiLink-root"
href="/working-groups"
/>
Name "Login":
<a
aria-label="Login"
class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeSmall MuiButton-outlinedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeSmall MuiButton-outlinedSizeSmall MuiButton-colorPrimary css-14ra4zo-MuiButtonBase-root-MuiButton-root"
data-mui-internal-clone-element="true"
data-testid="login-btn"
href="/login"
tabindex="0"
/>
--------------------------------------------------
img:
Name "GPU MODE":
<img
alt="GPU MODE"
class="MuiBox-root css-1cwcwxp"
src="/gpu-mode-logo/black-cropped.svg"
/>
--------------------------------------------------
button:
Name "Switch to light mode":
<button
aria-label="Switch to light mode"
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit MuiIconButton-sizeSmall css-38cjb0-MuiButtonBase-root-MuiIconButton-root"
data-mui-internal-clone-element="true"
tabindex="0"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<header
class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation4 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionFixed mui-fixed css-ndnlem-MuiPaper-root-MuiAppBar-root"
style="--Paper-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);"
>
<div
class="MuiBox-root css-1hzmvx4"
>
<div
class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular css-h6ref9-MuiToolbar-root"
>
<div
class="MuiBox-root css-u60zxe"
>
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-6b04s2-MuiTypography-root-MuiLink-root"
href="/"
>
<div
class="MuiBox-root css-171onha"
>
<img
alt="GPU MODE"
class="MuiBox-root css-1cwcwxp"
src="/gpu-mode-logo/black-cropped.svg"
/>
</div>
</a>
</div>
<div
class="MuiBox-root css-mubuwc"
>
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-opw7is-MuiTypography-root-MuiLink-root"
href="/news"
>
<div
class="MuiBox-root css-1drdzif"
>
News
</div>
</a>
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-opw7is-MuiTypography-root-MuiLink-root"
|
|
test
Process completed with exit code 4.
|
|
test
Node.js 20 is deprecated. The following actions target Node.js 20 but are being forced to run on Node.js 24: actions/checkout@v4, actions/setup-node@v4, actions/setup-python@v5. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|