made it closer match the designs #2653
deployment.yml
on: push
unit-tests
1m 16s
chromatic-deployment
2m 50s
Annotations
2 errors and 2 warnings
src/components/DateTime/DateTime.test.tsx > DateTime > renders the DateTime component with relevant timezone information:
src/components/DateTime/DateTime.test.tsx#L45
TestingLibraryElementError: Unable to find an element with the text: (content) => { return content.startsWith("Local (America/New_York"); } (normalized from '(content) => {
return content.startsWith("Local (America/New_York");
}'). 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>
<span
data-radix-focus-guard=""
style="outline: none; opacity: 0; position: fixed; pointer-events: none;"
tabindex="0"
/>
<div>
<div
aria-controls="radix-:r0:"
aria-expanded="true"
aria-haspopup="dialog"
class="sc-1dii14g-0 buBXLQ sc-1h2hi8y-0 enydSd"
data-state="open"
type="button"
>
<p
class="sc-6r74pj-0 eknhHu"
>
5 minutes ago
</p>
</div>
<div
aria-label="Notifications (F8)"
role="region"
style="pointer-events: none;"
tabindex="-1"
>
<ol
class="sc-tmc8vl-6 egupiF"
tabindex="-1"
/>
</div>
</div>
<div
data-radix-popper-content-wrapper=""
style="position: fixed; left: 0px; top: 0px; transform: translate(0, -200%); min-width: max-content;"
>
<div
class="sc-1fv0ktx-0 sc-1dii14g-1 dCGIbn hliMHe"
data-align="center"
data-side="top"
data-state="open"
id="radix-:r0:"
role="dialog"
style="--radix-popover-content-transform-origin: var(--radix-popper-transform-origin); --radix-popover-content-available-width: var(--radix-popper-available-width); --radix-popover-content-available-height: var(--radix-popper-available-height); --radix-popover-trigger-width: var(--radix-popper-anchor-width); --radix-popover-trigger-height: var(--radix-popper-anchor-height); animation: none;"
tabindex="-1"
>
<span
style="position: absolute; bottom: 0px; transform: translateY(100%); visibility: hidden;"
>
<svg
class="sc-1fv0ktx-2 fggPLk"
fill="none"
height="10"
preserveAspectRatio="none"
style="display: block;"
viewBox="0 0 30 10"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 -1L15 9L30 -1"
stroke-linejoin="round"
stroke-width="1.5"
/>
</svg>
</span>
<div
class="sc-r57kdn-0 fxggfy"
data-testid="grid-container"
>
<p
class="sc-6r74pj-0 kkRnyq"
>
Local
</p>
<div
class="sc-bcplth-0 HQloK"
data-testid="container"
>
<p
class="sc-6r74pj-0 kkRnyq"
>
Jul 4, 2024, 11:40:00 AM
(
EDT
)
</p>
</div>
<p
class="sc-6r74pj-0 kkRnyq"
>
System
</p>
<div
class="sc-bcplth-0 HQloK"
data-testid="container"
>
<p
class="sc-6r74pj-0 kkRnyq"
>
Jul 4, 2024, 8:40:00 AM
(
PDT
)
</p>
</div>
<p
class="sc-6r74pj-0 kkRnyq"
>
UTC
</p>
<div
class="sc-bcplth-0 HQloK"
data-testid="container"
>
<p
class="sc-6r74pj-0 kkRnyq"
>
Jul 4, 2024, 3:40:00 PM
</p>
</div>
<p
class="sc-6r74pj-0 kkRnyq"
>
Unix
</p>
<div
class="sc-bcplth-0 HQloK"
data-testid="container"
>
<p
class="sc-6r74pj-0 kkRnyq"
>
1720107600
</p>
</div>
</div>
</div>
</div>
<span
data-radix-focus-guard=""
style="outline: none; opacity: 0; position: fixed; pointer-events: none;"
tabindex="0"
/>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.j
|
unit-tests
Process completed with exit code 1.
|
unit-tests
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
chromatic-deployment
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|