Skip to content

Merge pull request #76 from wizelineacademy/tests-sofia2 #7

Merge pull request #76 from wizelineacademy/tests-sofia2

Merge pull request #76 from wizelineacademy/tests-sofia2 #7

Triggered via push June 15, 2024 04:04
Status Failure
Total duration 11m 12s
Artifacts
Frontend E2E Tests
10m 0s
Frontend E2E Tests
Frontend Unit Tests
55s
Frontend Unit Tests
Deploy to AWS - DEV
0s
Deploy to AWS - DEV
Fit to window
Zoom out
Zoom in

Annotations

8 errors and 3 warnings
src/tests/compare/Compare_Card.test.tsx > Compare_Card > renders correctly with initial data: knowx/src/tests/compare/Compare_Card.test.tsx#L34
TestingLibraryElementError: Unable to find an element with the text: Category1: Value1. 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="no-scrollbar h-[70vh] w-96 flex-shrink-0 overflow-y-scroll rounded-3xl border-2 border-black bg-white p-10 shadow-xl dark:bg-gray-800" > <div class="relative inline-block w-full text-left" data-headlessui-state="" > <button aria-expanded="false" aria-haspopup="menu" class=" inline-flex w-full justify-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50" data-headlessui-state="" id="headlessui-menu-button-:r0:" type="button" > <h2 class="text-2xl font-semibold text-black" > Initial Title </h2> <svg aria-hidden="true" class="ml-auto mt-1 h-7 w-7" data-slot="icon" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" > <path clip-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" fill-rule="evenodd" /> </svg> </button> </div> <hr class="my-8 h-px rounded-lg border-2 bg-gray-600 dark:bg-gray-700" /> <p class="mb-8 text-center text-lg text-backgroundDark dark:text-backgroundLight" > Initial Description </p> <ul class="space-y-4 text-backgroundDark dark:text-backgroundLight" > <div class="flex flex-row items-center" > <li class="mb-2 flex w-full flex-col justify-between text-backgroundDark dark:text-backgroundLight" > <div class="relative max-w-fit min-w-min inline-flex items-center justify-between box-border whitespace-nowrap px-1 h-7 text-small rounded-full bg-secondary/20 text-secondary" > <span class="flex-1 text-inherit font-normal px-2" > <p class="font-bold" > Category1 </p> </span> </div> <div class="ml-4 mt-2 opacity-90" > Value1 </div> </li> </div> </ul> </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/tests/compare/Compare_Card.test.tsx:34:19
src/tests/compare/Compare_Card.test.tsx > Compare_Card > updates data on title selection: knowx/src/tests/compare/Compare_Card.test.tsx#L53
TestingLibraryElementError: Unable to find an element with the text: Category1: Value1. 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="no-scrollbar h-[70vh] w-96 flex-shrink-0 overflow-y-scroll rounded-3xl border-2 border-black bg-white p-10 shadow-xl dark:bg-gray-800" > <div class="relative inline-block w-full text-left" data-headlessui-state="" > <button aria-expanded="false" aria-haspopup="menu" class=" inline-flex w-full justify-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50" data-headlessui-state="" id="headlessui-menu-button-:r2:" type="button" > <h2 class="text-2xl font-semibold text-black" > Service1 </h2> <svg aria-hidden="true" class="ml-auto mt-1 h-7 w-7" data-slot="icon" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" > <path clip-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" fill-rule="evenodd" /> </svg> </button> </div> <hr class="my-8 h-px rounded-lg border-2 bg-gray-600 dark:bg-gray-700" /> <p class="mb-8 text-center text-lg text-backgroundDark dark:text-backgroundLight" > Description1 </p> <ul class="space-y-4 text-backgroundDark dark:text-backgroundLight" > <div class="flex flex-row items-center" > <li class="mb-2 flex w-full flex-col justify-between text-backgroundDark dark:text-backgroundLight" > <div class="relative max-w-fit min-w-min inline-flex items-center justify-between box-border whitespace-nowrap px-1 h-7 text-small rounded-full bg-secondary/20 text-secondary" > <span class="flex-1 text-inherit font-normal px-2" > <p class="font-bold" > Category1 </p> </span> </div> <div class="ml-4 mt-2 opacity-90" > Value1 </div> </li> </div> </ul> </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/tests/compare/Compare_Card.test.tsx:53:19
src/tests/dashboard/inputBar.test.tsx > Input Bar Correct Redirect Test: knowx/src/tests/dashboard/inputBar.test.tsx#L69
TestingLibraryElementError: Unable to find an element with the title: Search Button. Ignored nodes: comments, script, style <body> <div> <div class="relative w-5/6" > <input class="left-20 right-20 h-20 w-full rounded-lg bg-black px-8 text-lg text-white dark:bg-backgroundLight dark:text-black" id="searchInput" name="search" placeholder="Search for a topic..." value="test" /> <button aria-hidden="true" class="z-0 group inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 border-medium min-w-20 text-small gap-2 [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none border-default bg-default-100 text-default-foreground data-[hover=true]:opacity-hover w-30 absolute right-0 h-20 rounded-none rounded-r-md border-none px-5 dark:dark" id="searchButton" title="searchButton" type="button" > <img alt="Search Arrow Right" class="relative left-0 right-0 top-0" data-nimg="1" decoding="async" fetchpriority="high" height="30" id="searchArrowRight" src="/arrow-right.svg" style="color: transparent;" title="searchArrowRight" width="40" /> </button> <ul class="absolute mt-2 w-full rounded-lg bg-white text-white shadow-lg dark:bg-backgroundLight dark:text-black" > <li aria-expanded="false" class="z-10 aria-expanded:scale-[0.97] aria-expanded:opacity-70 subpixel-antialiased flex cursor-pointer items-center justify-between p-2 hover:bg-gray-200 dark:hover:bg-gray-200" data-slot="trigger" type="button" > <span> test </span> <span class="text-gray-400" > 1/1/2021, 12:00:00 PM </span> </li> <li aria-expanded="false" class="z-10 aria-expanded:scale-[0.97] aria-expanded:opacity-70 subpixel-antialiased flex cursor-pointer items-center justify-between p-2 hover:bg-gray-200 dark:hover:bg-gray-200" data-slot="trigger" type="button" > <span> test2 </span> <span class="text-gray-400" > 1/2/2021, 12:00:00 PM </span> </li> <li aria-expanded="false" class="z-10 aria-expanded:scale-[0.97] aria-expanded:opacity-70 subpixel-antialiased flex cursor-pointer items-center justify-between p-2 hover:bg-gray-200 dark:hover:bg-gray-200" data-slot="trigger" type="button" > <span> test3 </span> <span class="text-gray-400" > 1/3/2021, 12:00:00 PM </span> </li> </ul> </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/tests/dashboard/inputBar.test.tsx:69:12 ❯ Proxy.act node_modules/react/cjs/react.development.js:2512:16 ❯ src/tests/dashboard/inputBar.test.tsx:68:3
src/tests/dashboard/inputBar.test.tsx > Input Bar Correct Redirect Test 2: knowx/src/tests/dashboard/inputBar.test.tsx#L86
TestingLibraryElementError: Unable to find an element with the title: Search Button. Ignored nodes: comments, script, style <body> <div> <div class="relative w-5/6" > <input class="left-20 right-20 h-20 w-full rounded-lg bg-black px-8 text-lg text-white dark:bg-backgroundLight dark:text-black" id="searchInput" name="search" placeholder="Search for a topic..." value="this is a search" /> <button aria-hidden="true" class="z-0 group inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 border-medium min-w-20 text-small gap-2 [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none border-default bg-default-100 text-default-foreground data-[hover=true]:opacity-hover w-30 absolute right-0 h-20 rounded-none rounded-r-md border-none px-5 dark:dark" id="searchButton" title="searchButton" type="button" > <img alt="Search Arrow Right" class="relative left-0 right-0 top-0" data-nimg="1" decoding="async" fetchpriority="high" height="30" id="searchArrowRight" src="/arrow-right.svg" style="color: transparent;" title="searchArrowRight" width="40" /> </button> </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/tests/dashboard/inputBar.test.tsx:86:12 ❯ Proxy.act node_modules/react/cjs/react.development.js:2512:16 ❯ src/tests/dashboard/inputBar.test.tsx:85:3
src/tests/history/checkUserMenu.test.tsx > Check User Menu on Dashboard: knowx/src/tests/history/checkUserMenu.test.tsx#L24
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "" Here are the accessible roles: banner: Name "": <header class="relative left-0 right-0 top-0 flex h-fit w-full items-center justify-between py-3 pb-20" /> -------------------------------------------------- img: Name "KnowX Logo": <img alt="KnowX Logo" class="absolute left-0 right-0 top-0 z-10 ml-auto mr-auto cursor-pointer pt-3 dark:invert" data-nimg="1" decoding="async" fetchpriority="high" height="50" loading="lazy" src="/Logo.svg" style="color: transparent;" width="50" /> Name "User Image": <img alt="User Image" class="h-10 w-10 select-none rounded-full" data-nimg="1" decoding="async" height="10" loading="lazy" src="/blankUser.png" style="color: transparent;" width="10" /> -------------------------------------------------- button: Name "dropdown-btn": <button aria-expanded="false" aria-haspopup="menu" data-headlessui-state="" id="headlessui-menu-button-:r0:" title="dropdown-btn" type="button" /> -------------------------------------------------- Ignored nodes: comments, script, style <body> <div> <div class="mx-auto flex h-screen flex-wrap content-baseline justify-center text-gray-600" > <header class="relative left-0 right-0 top-0 flex h-fit w-full items-center justify-between py-3 pb-20" > <div class="invisible" /> <img alt="KnowX Logo" class="absolute left-0 right-0 top-0 z-10 ml-auto mr-auto cursor-pointer pt-3 dark:invert" data-nimg="1" decoding="async" fetchpriority="high" height="50" loading="lazy" src="/Logo.svg" style="color: transparent;" width="50" /> <div class="flex cursor-pointer items-center justify-between right-0 mr-3" id="UserMenu" title="User Menu" > <div class="relative flex items-center rounded-lg bg-[#4040401a] p-3 dark:bg-[#d9d9d91a]" > <span class="mr-2 hidden select-none text-lg font-semibold sm:block dark:text-white" > Test User </span> <img alt="User Image" class="h-10 w-10 select-none rounded-full" data-nimg="1" decoding="async" height="10" loading="lazy" src="/blankUser.png" style="color: transparent;" width="10" /> <button aria-expanded="false" aria-haspopup="menu" data-headlessui-state="" id="headlessui-menu-button-:r0:" title="dropdown-btn" type="button" > <svg aria-hidden="true" class="-mr-1 ml-2 h-7 w-7 text-gray-600" data-slot="icon" fill="currentColor" id="dropdown-btn-icon" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" > <title> dropdown-btn-icon </title> <path clip-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" fill-rule="evenodd" /> </svg> </button> </div> </div> </header> </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/tests/history/checkUserMenu.test.tsx:24:12 ❯ Proxy.act n
src/tests/history/checkUserMenu.test.tsx > Check User Menu on History: knowx/src/tests/history/checkUserMenu.test.tsx#L46
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "" Here are the accessible roles: banner: Name "": <header class="relative left-0 right-0 top-0 flex h-fit w-full items-center justify-between py-3 pb-20" /> -------------------------------------------------- img: Name "KnowX Logo": <img alt="KnowX Logo" class="absolute left-0 right-0 top-0 z-10 ml-auto mr-auto cursor-pointer pt-3 dark:invert" data-nimg="1" decoding="async" fetchpriority="high" height="50" loading="lazy" src="/Logo.svg" style="color: transparent;" width="50" /> Name "User Image": <img alt="User Image" class="h-10 w-10 select-none rounded-full" data-nimg="1" decoding="async" height="10" loading="lazy" src="/blankUser.png" style="color: transparent;" width="10" /> -------------------------------------------------- button: Name "dropdown-btn": <button aria-expanded="false" aria-haspopup="menu" data-headlessui-state="" id="headlessui-menu-button-:r1:" title="dropdown-btn" type="button" /> -------------------------------------------------- Ignored nodes: comments, script, style <body> <div> <div class="mx-auto flex h-screen flex-wrap content-baseline justify-center text-gray-600" > <header class="relative left-0 right-0 top-0 flex h-fit w-full items-center justify-between py-3 pb-20" > <div class="invisible" /> <img alt="KnowX Logo" class="absolute left-0 right-0 top-0 z-10 ml-auto mr-auto cursor-pointer pt-3 dark:invert" data-nimg="1" decoding="async" fetchpriority="high" height="50" loading="lazy" src="/Logo.svg" style="color: transparent;" width="50" /> <div class="flex cursor-pointer items-center justify-between right-0 mr-3" id="UserMenu" title="User Menu" > <div class="relative flex items-center rounded-lg bg-[#4040401a] p-3 dark:bg-[#d9d9d91a]" > <span class="mr-2 hidden select-none text-lg font-semibold sm:block dark:text-white" > Test User </span> <img alt="User Image" class="h-10 w-10 select-none rounded-full" data-nimg="1" decoding="async" height="10" loading="lazy" src="/blankUser.png" style="color: transparent;" width="10" /> <button aria-expanded="false" aria-haspopup="menu" data-headlessui-state="" id="headlessui-menu-button-:r1:" title="dropdown-btn" type="button" > <svg aria-hidden="true" class="-mr-1 ml-2 h-7 w-7 text-gray-600" data-slot="icon" fill="currentColor" id="dropdown-btn-icon" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" > <title> dropdown-btn-icon </title> <path clip-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" fill-rule="evenodd" /> </svg> </button> </div> </div> </header> </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/tests/history/checkUserMenu.test.tsx:46:12 ❯ Proxy.act n
src/tests/history/historyList.test.tsx > Search History List Redirect Test: knowx/src/tests/history/historyList.test.tsx#L71
TestingLibraryElementError: Unable to find an accessible element with the role "row" and name "test" Here are the accessible roles: grid: Name "search history table": <table aria-describedby="" aria-label="search history table" class="min-w-full h-auto table-auto w-full" id="react-aria-:r20:" role="grid" tabindex="0" /> -------------------------------------------------- rowgroup: Name "": <thead class="[&>tr]:first:rounded-lg" role="rowgroup" /> Name "": <tbody role="rowgroup" /> -------------------------------------------------- row: Name "SEARCH VALUE DATE TIME ACTIONS": <tr class="group outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 cursor-default" role="row" /> Name "test 1/1/2021 12:00": <tr aria-labelledby="react-aria-:r20:-1-searchValue" aria-selected="false" class="group outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 cursor-pointer select-none" data-first="true" data-key="1" role="row" tabindex="-1" /> Name "test2 1/2/2021 12:00": <tr aria-labelledby="react-aria-:r20:-352-searchValue" aria-selected="false" class="group outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 cursor-pointer select-none" data-key="352" data-middle="true" data-odd="true" role="row" tabindex="-1" /> Name "test3 1/3/2021 12:00": <tr aria-labelledby="react-aria-:r20:-3-searchValue" aria-selected="false" class="group outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 cursor-pointer select-none" data-key="3" data-last="true" role="row" tabindex="-1" /> -------------------------------------------------- columnheader: Name "SEARCH VALUE": <th aria-describedby="react-aria-description-2" aria-sort="none" class="group px-3 h-10 text-left rtl:text-right align-middle bg-default-100 whitespace-nowrap text-foreground-500 text-tiny font-semibold first:rounded-l-lg rtl:first:rounded-r-lg rtl:first:rounded-l-[unset] last:rounded-r-lg rtl:last:rounded-l-lg rtl:last:rounded-r-[unset] data-[sortable=true]:transition-colors data-[sortable=true]:cursor-pointer data-[hover=true]:text-foreground-400 outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2" data-key="searchValue" data-sortable="true" id="searchValueFilter" role="columnheader" tabindex="-1" /> Name "DATE": <th aria-describedby="react-aria-description-2" aria-sort="none" class="group px-3 h-10 text-left rtl:text-right align-middle bg-default-100 whitespace-nowrap text-foreground-500 text-tiny font-semibold first:rounded-l-lg rtl:first:rounded-r-lg rtl:first:rounded-l-[unset] last:rounded-r-lg rtl:last:rounded-l-lg rtl:last:rounded-r-[unset] data-[sortable=true]:transition-colors data-[sortable=true]:cursor-pointer data-[hover=true]:text-foreground-400 outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2" data-key="timestamp" data-sortable="true" id="react-aria-:r20:-timestamp" role="columnheader" tabindex="-1" /> Name "TIME": <th aria-describedby="react-aria-description-2" aria-sort="none" class="group px-3 h-10 text-left rtl:text-right align-middle bg-default-100 whitespace-nowrap text-foreground-500 text-tiny font-semibold first:rounded-l-lg rtl:first:rounded-r-lg rtl:first:rounded-l-[unset] last:rounded-r-lg rtl:last:rounded-l-lg rtl:last:rounded-
Frontend Unit Tests
Process completed with exit code 1.
Frontend E2E Tests
Unexpected input(s) 'working-directory', valid inputs are ['always-auth', 'node-version', 'node-version-file', 'architecture', 'check-latest', 'registry-url', 'scope', 'token', 'cache', 'cache-dependency-path']
Frontend E2E Tests
Unexpected input(s) 'envkey_API_ROOT_ROUTE', 'envkey_DB_URL', 'envkey_NEXTAUTH_URL', 'envkey_NEXTAUTH_SECRET', 'envkey_GITHUB_ID', 'envkey_GITHUB_SECRET', 'envkey_GOOGLE_CLIENT_ID', 'envkey_GOOGLE_CLIENT_SECRET', 'envkey_SLACK_CLIENT_ID', 'envkey_SLACK_CLIENT_SECRET', 'envkey_EMAIL_SERVER_HOST', 'envkey_EMAIL_SERVER_PORT', 'envkey_EMAIL_SERVER_USER', 'envkey_EMAIL_SERVER_PASSWORD', 'envkey_EMAIL_FROM', 'envkey_SENDGRID_API_KEY', valid inputs are ['file_name', 'directory', 'fail_on_empty', 'sort_keys']
Frontend E2E Tests
Unexpected input(s) 'working-directory', valid inputs are ['always-auth', 'node-version', 'node-version-file', 'architecture', 'check-latest', 'registry-url', 'scope', 'token', 'cache', 'cache-dependency-path']