feat: Use names instead of id for component dropdown #7849
calvin-codecovci.yml
on: pull_request
Install deps
36s
Build Self Hosted Image
/
Build Self Hosted App
2m 2s
Codecov Startup
/
Codecov Startup
14s
Generate runner indexes Vitest
7s
Run Lint
1m 14s
Run Type Checker
47s
Run Prettier Check
38s
Upload Bundle Stats - Production
1m 38s
Upload Bundle Stats - Staging
1m 44s
Run storybook
1m 43s
Run Fossa
21s
Build Self Hosted Image
/
Push Self Hosted Image
0s
Build Self Hosted Image
/
Push Self Hosted Release Image
0s
Matrix: test-vitest
Build App
Push Self Hosted Image
/
Push Self Hosted Image
Push Self Hosted Image
/
Push Self Hosted Release Image
Annotations
6 errors
|
Test Runner #4 - Vitest
Process completed with exit code 1.
|
|
src/pages/RepoPage/CoverageTab/ComponentsTab/Header/Header.test.tsx > Header > Show by > MultiSelect > on page load > updates the location params on select:
src/pages/RepoPage/CoverageTab/ComponentsTab/Header/Header.test.tsx#L214
TestingLibraryElementError: Unable to find an element with the text: component1. 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
aria-live="polite"
aria-relevant="additions text"
id="a11y-status-message"
role="status"
style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
/>
<div>
<div
class="flex flex-col justify-end"
>
<div
class="grid w-2/3 divide-y divide-solid divide-ds-gray-secondary sm:w-full sm:grid-cols-2 sm:divide-x sm:divide-y-0 md:grid-cols-4"
>
BranchSelector
<div
class="flex flex-col justify-between gap-2 p-4 sm:py-0"
>
<h3
class="text-sm font-semibold text-ds-gray-octonary"
>
Configured components
</h3>
<p
class="flex flex-1 text-xl font-light text-ds-gray-octonary"
>
99
</p>
<p
class="text-xs"
>
<a
class="
font-sans cursor-pointer
hover:underline
focus:ring-2
text-ds-blue-default inline-flex items-center gap-1"
data-cy="components"
data-marketing="components"
href="https://docs.codecov.com/docs/components"
target="_blank"
>
Learn more
<span
class="text-ds-gray-quinary"
>
<svg
class="w-4 h-4"
data-icon=""
data-testid=""
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
</span>
</a>
</p>
</div>
<div
class="flex flex-col gap-2 p-4 sm:py-0"
>
<h3
class="text-sm font-semibold text-ds-gray-octonary"
>
Historical trend
</h3>
<div
class="relative"
>
<div>
<button
aria-controls="downshift-47-menu"
aria-expanded="false"
aria-label="Select Historical Trend"
class="flex justify-between items-center w-full rounded bg-ds-container text-left whitespace-nowrap disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary focus:outline-1 w-full h-8 px-3 border border-ds-gray-tertiary rounded-md bg-ds-background disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary"
data-marketing="select-historical-trend"
id="downshift-47-toggle-button"
tabindex="-1"
type="button"
>
<span
class="inline-flex items-center gap-1 truncate"
>
Last 3 months
</span>
<svg
class="w-6 h-6"
data-icon=""
data-testid=""
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
fill-rule="evenodd"
/>
</svg>
</button>
<div
class="hidden abs
|
|
src/pages/RepoPage/CoverageTab/ComponentsTab/Header/Header.test.tsx > Header > Show by > MultiSelect > on page load > loads the expected list:
src/pages/RepoPage/CoverageTab/ComponentsTab/Header/Header.test.tsx#L203
TestingLibraryElementError: Unable to find an element with the text: component1. 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="flex flex-col justify-end"
>
<div
class="grid w-2/3 divide-y divide-solid divide-ds-gray-secondary sm:w-full sm:grid-cols-2 sm:divide-x sm:divide-y-0 md:grid-cols-4"
>
BranchSelector
<div
class="flex flex-col justify-between gap-2 p-4 sm:py-0"
>
<h3
class="text-sm font-semibold text-ds-gray-octonary"
>
Configured components
</h3>
<p
class="flex flex-1 text-xl font-light text-ds-gray-octonary"
>
99
</p>
<p
class="text-xs"
>
<a
class="
font-sans cursor-pointer
hover:underline
focus:ring-2
text-ds-blue-default inline-flex items-center gap-1"
data-cy="components"
data-marketing="components"
href="https://docs.codecov.com/docs/components"
target="_blank"
>
Learn more
<span
class="text-ds-gray-quinary"
>
<svg
class="w-4 h-4"
data-icon=""
data-testid=""
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
</span>
</a>
</p>
</div>
<div
class="flex flex-col gap-2 p-4 sm:py-0"
>
<h3
class="text-sm font-semibold text-ds-gray-octonary"
>
Historical trend
</h3>
<div
class="relative"
>
<div>
<button
aria-controls="downshift-40-menu"
aria-expanded="false"
aria-label="Select Historical Trend"
class="flex justify-between items-center w-full rounded bg-ds-container text-left whitespace-nowrap disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary focus:outline-1 w-full h-8 px-3 border border-ds-gray-tertiary rounded-md bg-ds-background disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary"
data-marketing="select-historical-trend"
id="downshift-40-toggle-button"
tabindex="-1"
type="button"
>
<span
class="inline-flex items-center gap-1 truncate"
>
Last 3 months
</span>
<svg
class="w-6 h-6"
data-icon=""
data-testid=""
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
fill-rule="evenodd"
/>
</svg>
</button>
<div
class="hidden absolute inset-x-0 z-50"
>
<div
class="hidden"
>
<div>
<label
class="mb-2 block font-semibold sr-only"
|
|
Test Runner #0 - Vitest
The strategy configuration was canceled because "test-vitest._4" failed
|
|
Test Runner #3 - Vitest
The strategy configuration was canceled because "test-vitest._4" failed
|
|
Test Runner #3 - Vitest
The operation was canceled.
|