Fl/test #39565
francineluccaci.yml
on: pull_request
format
47s
lint
3m 49s
build-components-json
3m 10s
sizes
3m 28s
Matrix: examples
Matrix: test
Matrix: type-check
Annotations
60 errors
|
examples (react-19)
'child.props' is of type 'unknown'.
|
|
examples (react-19)
Spread types may only be created from object types.
|
|
examples (react-19)
'TrailingVisual' cannot be used as a JSX component.
|
|
examples (react-19)
JSX element type 'TrailingVisual' does not have any construct or call signatures.
|
|
examples (react-19)
'LeadingVisual' cannot be used as a JSX component.
|
|
examples (react-19)
JSX element type 'LeadingVisual' does not have any construct or call signatures.
|
|
examples (react-19)
'menuButtonChild.props' is of type 'unknown'.
|
|
examples (react-19)
Unused '@ts-expect-error' directive.
|
|
examples (react-19)
No overload matches this call.
|
|
examples (react-19)
Unused '@ts-expect-error' directive.
|
|
type-check (react-19)
'LeadingVisual' cannot be used as a JSX component.
|
|
type-check (react-19)
JSX element type 'LeadingVisual' does not have any construct or call signatures.
|
|
type-check (react-19)
Type 'RefObject<HTMLElement | null>' is not assignable to type 'RefObject<HTMLElement>'.
|
|
type-check (react-19)
'menuButtonChild.props' is of type 'unknown'.
|
|
type-check (react-19)
Unused '@ts-expect-error' directive.
|
|
type-check (react-19)
No overload matches this call.
|
|
type-check (react-19)
Unused '@ts-expect-error' directive.
|
|
type-check (react-19)
Type 'RefObject<HTMLButtonElement | null>' is not assignable to type 'RefObject<HTMLElement>'.
|
|
type-check (react-19)
Type 'RefObject<HTMLButtonElement | null>' is not assignable to type 'RefObject<HTMLElement>'.
|
|
type-check (react-19)
Type 'RefObject<HTMLButtonElement | null>' is not assignable to type 'RefObject<HTMLElement>'.
|
|
type-check (react-19)
Spread types may only be created from object types.
|
|
type-check (react-19)
'TrailingVisual' cannot be used as a JSX component.
|
|
type-check (react-19)
JSX element type 'TrailingVisual' does not have any construct or call signatures.
|
|
type-check (react-19)
'LeadingVisual' cannot be used as a JSX component.
|
|
type-check (react-19)
JSX element type 'LeadingVisual' does not have any construct or call signatures.
|
|
type-check (react-19)
'menuButtonChild.props' is of type 'unknown'.
|
|
type-check (react-19)
Unused '@ts-expect-error' directive.
|
|
type-check (react-19)
No overload matches this call.
|
|
type-check (react-19)
Unused '@ts-expect-error' directive.
|
|
type-check (react-19)
@primer/react#build: command (/home/runner/work/react/react/packages/react) /opt/hostedtoolcache/node/24.14.0/x64/bin/npm run build exited (2)
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar Registry System > should clean up registry on unmount:
packages/react/src/ActionBar/ActionBar.test.tsx#L261
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Will unmount"
Here are the accessible roles:
button:
Name "Unmount":
<button
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Unmount test"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-labelledby="_r_1u_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_1u_"
>
Will unmount
</span>
</div>
</div>
<button
type="button"
>
Unmount
</button>
</div>
</div>
</body>
❯ getByRole src/ActionBar/ActionBar.test.tsx:261:18
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar Registry System > should handle zero-width scenarios gracefully:
packages/react/src/ActionBar/ActionBar.test.tsx#L237
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Zero width button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
style="width: 0px; overflow: hidden;"
>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Zero width"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-labelledby="_r_1r_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_1r_"
>
Zero width button
</span>
</div>
</div>
</div>
</div>
</body>
❯ getByRole src/ActionBar/ActionBar.test.tsx:237:18
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar Registry System > should handle fragments and array mapping:
packages/react/src/ActionBar/ActionBar.test.tsx#L192
TestingLibraryElementError: Unable to find an accessible element with the role "button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Fragment test"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-labelledby="_r_1c_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_1c_"
>
In fragment
</span>
<button
aria-labelledby="_r_1f_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-italic"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M6 2.75A.75.75 0 0 1 6.75 2h6.5a.75.75 0 0 1 0 1.5h-2.505l-3.858 9H9.25a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.505l3.858-9H6.75A.75.75 0 0 1 6 2.75Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_1f_"
>
Mapped 1
</span>
<button
aria-labelledby="_r_1i_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-italic"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M6 2.75A.75.75 0 0 1 6.75 2h6.5a.75.75 0 0 1 0 1.5h-2.505l-3.858 9H9.25a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.505l3.858-9H6.75A.75.75 0 0 1 6 2.75Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_1i_"
>
Mapped 2
</span>
<button
aria-labelledby="_r
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar Registry System > should handle conditional rendering without breaking order:
packages/react/src/ActionBar/ActionBar.test.tsx#L159
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/First|Second|Third/`
Here are the accessible roles:
button:
Name "Hide first":
<button
type="button"
/>
Name "Show all":
<button
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Conditional"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-labelledby="_r_12_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_12_"
>
First
</span>
<div
class="prc-ActionBar-Group-9koQ7"
>
<button
aria-labelledby="_r_16_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-italic"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M6 2.75A.75.75 0 0 1 6.75 2h6.5a.75.75 0 0 1 0 1.5h-2.505l-3.858 9H9.25a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.505l3.858-9H6.75A.75.75 0 0 1 6 2.75Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_16_"
>
Second
</span>
</div>
<button
aria-labelledby="_r_19_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-code"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar Registry System > should preserve group order with deep nesting:
packages/react/src/ActionBar/ActionBar.test.tsx#L125
TestingLibraryElementError: Unable to find an accessible element with the role "button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Deep test"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<div>
<div
class="prc-ActionBar-Group-9koQ7"
>
<button
aria-labelledby="_r_n_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_n_"
>
First
</span>
</div>
</div>
<div
class="prc-ActionBar-Group-9koQ7"
>
<button
aria-labelledby="_r_r_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-italic"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M6 2.75A.75.75 0 0 1 6.75 2h6.5a.75.75 0 0 1 0 1.5h-2.505l-3.858 9H9.25a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.505l3.858-9H6.75A.75.75 0 0 1 6 2.75Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_r_"
>
Second
</span>
</div>
<div>
<div
class="prc-ActionBar-Group-9koQ7"
>
<button
aria-labelledby="_r_v_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-code"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="ver
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar Registry System > should preserve order with deep nesting:
packages/react/src/ActionBar/ActionBar.test.tsx#L99
TestingLibraryElementError: Unable to find an accessible element with the role "button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Deep test"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<div>
<button
aria-labelledby="_r_d_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_d_"
>
First
</span>
</div>
<button
aria-labelledby="_r_g_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-italic"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M6 2.75A.75.75 0 0 1 6.75 2h6.5a.75.75 0 0 1 0 1.5h-2.505l-3.858 9H9.25a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.505l3.858-9H6.75A.75.75 0 0 1 6 2.75Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_g_"
>
Second
</span>
<div>
<button
aria-labelledby="_r_j_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-code"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.73
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar > should trigger non-disabled button with spacebar or enter:
packages/react/src/ActionBar/ActionBar.test.tsx#L73
TestingLibraryElementError: Unable to find an accessible element with the role "button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Toolbar"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-labelledby="_r_a_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_a_"
>
Default
</span>
</div>
</div>
</div>
</body>
❯ getByRole src/ActionBar/ActionBar.test.tsx:73:26
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar > should not trigger disabled button with spacebar or enter:
packages/react/src/ActionBar/ActionBar.test.tsx#L53
TestingLibraryElementError: Unable to find an accessible element with the role "button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Toolbar"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-disabled="true"
aria-labelledby="_r_7_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_7_"
>
Default
</span>
</div>
</div>
</div>
</body>
❯ getByRole src/ActionBar/ActionBar.test.tsx:53:26
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar > should trigger non-disabled button:
packages/react/src/ActionBar/ActionBar.test.tsx#L38
TestingLibraryElementError: Unable to find an accessible element with the role "button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Toolbar"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-labelledby="_r_4_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_4_"
>
Default
</span>
</div>
</div>
</div>
</body>
❯ getByRole src/ActionBar/ActionBar.test.tsx:38:26
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar > should not trigger disabled button:
packages/react/src/ActionBar/ActionBar.test.tsx#L24
TestingLibraryElementError: Unable to find an accessible element with the role "button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Toolbar"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-disabled="true"
aria-labelledby="_r_1_"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id="_r_1_"
>
Default
</span>
</div>
</div>
</div>
</body>
❯ getByRole src/ActionBar/ActionBar.test.tsx:24:26
|
|
test (react-19)
Spread types may only be created from object types.
|
|
test (react-19)
'TrailingVisual' cannot be used as a JSX component.
|
|
test (react-19)
JSX element type 'TrailingVisual' does not have any construct or call signatures.
|
|
test (react-19)
'LeadingVisual' cannot be used as a JSX component.
|
|
test (react-19)
JSX element type 'LeadingVisual' does not have any construct or call signatures.
|
|
test (react-19)
'menuButtonChild.props' is of type 'unknown'.
|
|
test (react-19)
Unused '@ts-expect-error' directive.
|
|
test (react-19)
@primer/react#build: command (/home/runner/work/react/react/packages/react) /opt/hostedtoolcache/node/24.14.0/x64/bin/npm run build exited (2)
|
|
test (react-19)
No overload matches this call.
|
|
test (react-19)
Unused '@ts-expect-error' directive.
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar Registry System > should clean up registry on unmount:
packages/react/src/ActionBar/ActionBar.test.tsx#L261
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Will unmount"
Here are the accessible roles:
button:
Name "Unmount":
<button
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Unmount test"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-labelledby=":r1u:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":r1u:"
>
Will unmount
</span>
</div>
</div>
<button
type="button"
>
Unmount
</button>
</div>
</div>
</body>
❯ getByRole src/ActionBar/ActionBar.test.tsx:261:18
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar Registry System > should handle zero-width scenarios gracefully:
packages/react/src/ActionBar/ActionBar.test.tsx#L237
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Zero width button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
style="width: 0px; overflow: hidden;"
>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Zero width"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-labelledby=":r1r:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":r1r:"
>
Zero width button
</span>
</div>
</div>
</div>
</div>
</body>
❯ getByRole src/ActionBar/ActionBar.test.tsx:237:18
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar Registry System > should handle fragments and array mapping:
packages/react/src/ActionBar/ActionBar.test.tsx#L192
TestingLibraryElementError: Unable to find an accessible element with the role "button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Fragment test"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-labelledby=":r1c:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":r1c:"
>
In fragment
</span>
<button
aria-labelledby=":r1f:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-italic"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M6 2.75A.75.75 0 0 1 6.75 2h6.5a.75.75 0 0 1 0 1.5h-2.505l-3.858 9H9.25a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.505l3.858-9H6.75A.75.75 0 0 1 6 2.75Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":r1f:"
>
Mapped 1
</span>
<button
aria-labelledby=":r1i:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-italic"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M6 2.75A.75.75 0 0 1 6.75 2h6.5a.75.75 0 0 1 0 1.5h-2.505l-3.858 9H9.25a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.505l3.858-9H6.75A.75.75 0 0 1 6 2.75Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":r1i:"
>
Mapped 2
</span>
<button
aria-labelledby=":r1l:"
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar Registry System > should handle conditional rendering without breaking order:
packages/react/src/ActionBar/ActionBar.test.tsx#L159
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/First|Second|Third/`
Here are the accessible roles:
button:
Name "Hide first":
<button
type="button"
/>
Name "Show all":
<button
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Conditional"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-labelledby=":r12:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":r12:"
>
First
</span>
<div
class="prc-ActionBar-Group-9koQ7"
>
<button
aria-labelledby=":r16:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-italic"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M6 2.75A.75.75 0 0 1 6.75 2h6.5a.75.75 0 0 1 0 1.5h-2.505l-3.858 9H9.25a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.505l3.858-9H6.75A.75.75 0 0 1 6 2.75Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":r16:"
>
Second
</span>
</div>
<button
aria-labelledby=":r19:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-code"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.27
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar Registry System > should preserve group order with deep nesting:
packages/react/src/ActionBar/ActionBar.test.tsx#L125
TestingLibraryElementError: Unable to find an accessible element with the role "button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Deep test"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<div>
<div
class="prc-ActionBar-Group-9koQ7"
>
<button
aria-labelledby=":rn:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":rn:"
>
First
</span>
</div>
</div>
<div
class="prc-ActionBar-Group-9koQ7"
>
<button
aria-labelledby=":rr:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-italic"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M6 2.75A.75.75 0 0 1 6.75 2h6.5a.75.75 0 0 1 0 1.5h-2.505l-3.858 9H9.25a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.505l3.858-9H6.75A.75.75 0 0 1 6 2.75Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":rr:"
>
Second
</span>
</div>
<div>
<div
class="prc-ActionBar-Group-9koQ7"
>
<button
aria-labelledby=":rv:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-code"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar Registry System > should preserve order with deep nesting:
packages/react/src/ActionBar/ActionBar.test.tsx#L99
TestingLibraryElementError: Unable to find an accessible element with the role "button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Deep test"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<div>
<button
aria-labelledby=":rd:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":rd:"
>
First
</span>
</div>
<button
aria-labelledby=":rg:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-italic"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M6 2.75A.75.75 0 0 1 6.75 2h6.5a.75.75 0 0 1 0 1.5h-2.505l-3.858 9H9.25a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.505l3.858-9H6.75A.75.75 0 0 1 6 2.75Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":rg:"
>
Second
</span>
<div>
<button
aria-labelledby=":rj:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="-1"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-code"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.21
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar > should trigger non-disabled button with spacebar or enter:
packages/react/src/ActionBar/ActionBar.test.tsx#L73
TestingLibraryElementError: Unable to find an accessible element with the role "button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Toolbar"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-labelledby=":ra:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":ra:"
>
Default
</span>
</div>
</div>
</div>
</body>
❯ getByRole src/ActionBar/ActionBar.test.tsx:73:26
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar > should not trigger disabled button with spacebar or enter:
packages/react/src/ActionBar/ActionBar.test.tsx#L53
TestingLibraryElementError: Unable to find an accessible element with the role "button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Toolbar"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-disabled="true"
aria-labelledby=":r7:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":r7:"
>
Default
</span>
</div>
</div>
</div>
</body>
❯ getByRole src/ActionBar/ActionBar.test.tsx:53:26
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar > should trigger non-disabled button:
packages/react/src/ActionBar/ActionBar.test.tsx#L38
TestingLibraryElementError: Unable to find an accessible element with the role "button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Toolbar"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-labelledby=":r4:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":r4:"
>
Default
</span>
</div>
</div>
</div>
</body>
❯ getByRole src/ActionBar/ActionBar.test.tsx:38:26
|
|
[@primer/react (chromium)] src/ActionBar/ActionBar.test.tsx > ActionBar > should not trigger disabled button:
packages/react/src/ActionBar/ActionBar.test.tsx#L24
TestingLibraryElementError: Unable to find an accessible element with the role "button"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="prc-ActionBar-Nav-sVV5i"
data-flush="false"
>
<div
aria-label="Toolbar"
class="prc-ActionBar-List-A44b-"
data-gap="condensed"
role="toolbar"
style="visibility: hidden;"
>
<button
aria-disabled="true"
aria-labelledby=":r1:"
class="prc-Button-ButtonBase-Eb8-K prc-Button-IconButton-GE6m6"
data-component="IconButton"
data-loading="false"
data-no-visuals="true"
data-size="medium"
data-variant="invisible"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
class="octicon octicon-bold"
display="inline-block"
fill="currentColor"
focusable="false"
height="16"
overflow="visible"
style="vertical-align: text-bottom;"
viewBox="0 0 16 16"
width="16"
>
<path
d="M4 2h4.5a3.501 3.501 0 0 1 2.852 5.53A3.499 3.499 0 0 1 9.5 14H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 7v3h4.5a1.5 1.5 0 0 0 0-3Zm3.5-2a1.5 1.5 0 0 0 0-3H5v3Z"
/>
</svg>
</button>
<span
aria-hidden="true"
class="prc-TooltipV2-Tooltip-jugyt"
data-direction="s"
id=":r1:"
>
Default
</span>
</div>
</div>
</div>
</body>
❯ getByRole src/ActionBar/ActionBar.test.tsx:24:26
|