Header devsite #183
Triggered via pull request
November 28, 2024 00:29
Rajandeep98
Status
Cancelled
Total duration
2m 24s
Artifacts
–
developer-connect-ui-ci.yaml
on: pull_request
developer-connect-ui-ci
/
detemine-package-manager
3s
Matrix: developer-connect-ui-ci / linting-npm
Matrix: developer-connect-ui-ci / linting-pnpm
Matrix: developer-connect-ui-ci / unit-testing-npm
Matrix: developer-connect-ui-ci / verify-build-npm
Matrix: developer-connect-ui-ci / unit-testing-pnpm
Matrix: developer-connect-ui-ci / verify-build
developer-connect-ui-ci
/
code-coverage-npm
0s
developer-connect-ui-ci
/
code-coverage
0s
Annotations
5 errors
|
tests/unit/components/SbcHeaderMain.test.ts > <SbcHeaderMain/> > renders header links:
web/site/app/tests/unit/components/SbcHeaderMain.test.ts#L79
TestingLibraryElementError: Unable to find an element with the text: Service BC Connect. 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
data-v-app=""
id="__nuxt"
/>
<div>
<div
id="test-wrapper"
>
<header
class="2xl: left-1 h-16 border-b-4 border-bcGovColor-navDivider bg-bcGovColor-header p-2 sm:px-4 dark:border-b dark:bg-bcGovColor-darkGray"
id="sbc-main-header"
>
<nav
aria-label="Main Navigation"
class="m-auto flex w-full max-w-[1312px] items-center justify-between"
>
<div
class="flex h-12 min-h-12 min-w-96 items-center gap-x-8 py-2.5"
>
<div
class="h-12"
>
<a
aria-hidden="true"
class="mr-2"
href="/en-CA"
tabindex="-1"
>
<div>
<img
alt="Government of British Columbia Logo"
class="hidden h-11 max-w-48 scale-150 sm:block"
src="/@fs/home/runner/work/developer.connect/developer.connect/web/site/node_modules/.pnpm/@daxiom[email protected][email protected][email protected][email protected][email protected][email protected]/node_modules/@daxiom/sbc-nuxt-assets-layer/public/BCGovLogo/gov_bc_logo_horiz_en.png"
/>
<img
alt="Government of British Columbia Logo"
class="block h-11 w-14 scale-150 sm:hidden"
src="/@fs/home/runner/work/developer.connect/developer.connect/web/site/node_modules/.pnpm/@daxiom[email protected][email protected][email protected][email protected][email protected][email protected]/node_modules/@daxiom/sbc-nuxt-assets-layer/public/BCGovLogo/gov_bc_logo_vert_en.png"
/>
</div>
</a>
</div>
<div
class="flex h-7 w-60 cursor-pointer text-left font-sans text-lg font-bold leading-7 lg:block"
>
<a
href="/en-CA"
>
<span>
<span
class="text-white"
>
Service
</span>
<span
class="text-bcGovColor-navDivider"
>
BC
</span>
<span
class="text-white"
>
Connect
</span>
</span>
</a>
</div>
</div>
<div
class="flex gap-1"
>
<button
aria-label="Open Main Navigation Menu"
class="focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 rounded-md gap-x-2.5 p-2.5 text-white text-base font-semibold tracking-wide dark:text-white hover:bg-white/[0.1] dark:bg-gray-900 dark:hover:bg-gray-800/75 focus-visible:ring-2 focus-visible:ring-white dark:focus-visible:ring-white transition-colors duration-300 ease-in-out inline-flex items-center lg:hidden"
type="button"
>
<span
aria-hidden="true"
class="i-mdi-menu flex-shrink-0 h-5 w-5"
/>
</button>
</div>
</nav>
</header>
</div>
</div>
</body>
❯ Object.getElementError ../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ ../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ ../node_mo
|
|
tests/unit/components/SbcHeaderMain.test.ts > <SbcHeaderMain/> > renders logo, darkmode button, locale select menu:
web/site/app/tests/unit/components/SbcHeaderMain.test.ts#L96
TestingLibraryElementError: Unable to find a label with the text of: Switch to dark mode
Ignored nodes: comments, script, style
<body>
<div
data-v-app=""
id="__nuxt"
/>
<div>
<div
id="test-wrapper"
>
<header
class="2xl: left-1 h-16 border-b-4 border-bcGovColor-navDivider bg-bcGovColor-header p-2 sm:px-4 dark:border-b dark:bg-bcGovColor-darkGray"
id="sbc-main-header"
>
<nav
aria-label="Main Navigation"
class="m-auto flex w-full max-w-[1312px] items-center justify-between"
>
<div
class="flex h-12 min-h-12 min-w-96 items-center gap-x-8 py-2.5"
>
<div
class="h-12"
>
<a
aria-hidden="true"
class="mr-2"
href="/en-CA"
tabindex="-1"
>
<div>
<img
alt="Government of British Columbia Logo"
class="hidden h-11 max-w-48 scale-150 sm:block"
src="/@fs/home/runner/work/developer.connect/developer.connect/web/site/node_modules/.pnpm/@daxiom[email protected][email protected][email protected][email protected][email protected][email protected]/node_modules/@daxiom/sbc-nuxt-assets-layer/public/BCGovLogo/gov_bc_logo_horiz_en.png"
/>
<img
alt="Government of British Columbia Logo"
class="block h-11 w-14 scale-150 sm:hidden"
src="/@fs/home/runner/work/developer.connect/developer.connect/web/site/node_modules/.pnpm/@daxiom[email protected][email protected][email protected][email protected][email protected][email protected]/node_modules/@daxiom/sbc-nuxt-assets-layer/public/BCGovLogo/gov_bc_logo_vert_en.png"
/>
</div>
</a>
</div>
<div
class="flex h-7 w-60 cursor-pointer text-left font-sans text-lg font-bold leading-7 lg:block"
>
<a
href="/en-CA"
>
<span>
<span
class="text-white"
>
Service
</span>
<span
class="text-bcGovColor-navDivider"
>
BC
</span>
<span
class="text-white"
>
Connect
</span>
</span>
</a>
</div>
</div>
<div
class="flex gap-1"
>
<button
aria-label="Open Main Navigation Menu"
class="focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 rounded-md gap-x-2.5 p-2.5 text-white text-base font-semibold tracking-wide dark:text-white hover:bg-white/[0.1] dark:bg-gray-900 dark:hover:bg-gray-800/75 focus-visible:ring-2 focus-visible:ring-white dark:focus-visible:ring-white transition-colors duration-300 ease-in-out inline-flex items-center lg:hidden"
type="button"
>
<span
aria-hidden="true"
class="i-mdi-menu flex-shrink-0 h-5 w-5"
/>
</button>
</div>
</nav>
</header>
</div>
</div>
</body>
❯ Object.getElementError ../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ getAllByLabelText ../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/queries/label-text.js:111:38
❯ ../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ ../node_modules/.pnpm/@testing-librar
|
|
tests/unit/composables/sbcNav.test.ts > useSbcNav > should return main links:
web/site/app/tests/unit/composables/sbcNav.test.ts#L41
AssertionError: expected [ { icon: 'i-mdi-home', …(2) } ] to deeply equal [ { icon: 'i-mdi-home', …(2) }, …(2) ]
- Expected
+ Received
Array [
Object {
"icon": "i-mdi-home",
"label": "btn.sbcConnect",
"to": "/en-CA/",
},
- Object {
- "icon": "i-mdi-database",
- "label": "btn.products",
- "to": "/en-CA/products",
- },
- Object {
- "icon": "i-mdi-book-open-variant",
- "label": "Docs",
- "to": "/en-CA/products/get-started/account-setup",
- },
]
❯ tests/unit/composables/sbcNav.test.ts:41:5
|
|
developer-connect-ui-ci / unit-testing-pnpm (21, 9)
Process completed with exit code 1.
|
|
developer-connect-ui-ci / verify-build (21, 9)
The run was canceled by @Rajandeep98.
|