Fix submission scrolling bug for virtualized codeblocks (#225) #263
Jack-KhuuAnnotations
11 errors and 1 warning
|
test
Process completed with exit code 1.
|
|
src/pages/news/News.test.tsx > News > scrolls to section when slug is provided in URL:
frontend/src/pages/news/components/NewsSinglePost.tsx#L35
Error: useLocation() may be used only in the context of a <Router> component.
❯ invariant node_modules/react-router/dist/development/chunk-JZWAC4HX.mjs:188:11
❯ useLocation node_modules/react-router/dist/development/chunk-JZWAC4HX.mjs:5520:3
❯ NewsSinglePost src/pages/news/components/NewsSinglePost.tsx:35:20
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:23863:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom-client.development.js:5529:22
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom-client.development.js:8897:19
❯ beginWork node_modules/react-dom/cjs/react-dom-client.development.js:10522:18
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:1522:13
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom-client.development.js:15140:22
❯ workLoopSync node_modules/react-dom/cjs/react-dom-client.development.js:14956:41
|
|
src/pages/news/News.test.tsx > News > calls scrollIntoView when sidebar item is clicked:
frontend/src/pages/news/News.test.tsx#L157
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:157:28
|
|
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:
frontend/src/lib/store/themeStore.ts#L13
TypeError: window.matchMedia is not a function
❯ getSystemPreference src/lib/store/themeStore.ts:13:17
❯ resolveMode src/lib/store/themeStore.ts:19:30
❯ src/lib/store/themeStore.ts:37:19
❯ createStoreImpl node_modules/zustand/esm/vanilla.mjs:19:32
❯ createStore node_modules/zustand/esm/vanilla.mjs:22:52
❯ createImpl node_modules/zustand/esm/react.mjs:15:15
❯ create node_modules/zustand/esm/react.mjs:20:47
❯ src/lib/store/themeStore.ts:33:30
|
|
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:
frontend/src/lib/store/themeStore.ts#L13
TypeError: window.matchMedia is not a function
❯ getSystemPreference src/lib/store/themeStore.ts:13:17
❯ resolveMode src/lib/store/themeStore.ts:19:30
❯ src/lib/store/themeStore.ts:37:19
❯ createStoreImpl node_modules/zustand/esm/vanilla.mjs:19:32
❯ createStore node_modules/zustand/esm/vanilla.mjs:22:52
❯ createImpl node_modules/zustand/esm/react.mjs:15:15
❯ create node_modules/zustand/esm/react.mjs:20:47
❯ src/lib/store/themeStore.ts:33:30
|
|
src/App.test.tsx:
frontend/src/lib/store/themeStore.ts#L13
TypeError: window.matchMedia is not a function
❯ getSystemPreference src/lib/store/themeStore.ts:13:17
❯ resolveMode src/lib/store/themeStore.ts:19:30
❯ src/lib/store/themeStore.ts:37:19
❯ createStoreImpl node_modules/zustand/esm/vanilla.mjs:19:32
❯ createStore node_modules/zustand/esm/vanilla.mjs:22:52
❯ createImpl node_modules/zustand/esm/react.mjs:15:15
❯ create node_modules/zustand/esm/react.mjs:20:47
❯ src/lib/store/themeStore.ts:33:30
|
|
test
Process completed with exit code 4.
|
|
test
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/checkout@v4, actions/setup-node@v4, actions/setup-python@v5. Actions will be forced to run with Node.js 24 by default starting June 2nd, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|