1
0
mirror of https://github.com/ansible/awx.git synced 2024-10-31 06:51:10 +03:00

initial round of jest fixes post v4 update, more aria-labels for modals, more i18nHash filtering to rid warnings, fix of malformed ToolbarContent import, update snapshots

This commit is contained in:
John Mitchell 2020-06-10 13:43:39 -04:00
parent 826b03b78e
commit 957c0b31bf
16 changed files with 711 additions and 872 deletions

View File

@ -14,6 +14,7 @@ describe('<About />', () => {
test('close button calls onClose handler', () => {
aboutWrapper = mountWithContexts(<About isOpen onClose={onClose} />);
console.log(aboutWrapper.debug())
closeButton = aboutWrapper.find('AboutModalBoxCloseButton Button');
closeButton.simulate('click');
expect(onClose).toBeCalled();

View File

@ -76,6 +76,7 @@ function AssociateModal({
<Modal
variant="large"
title={title}
aria-label={i18n._(t`Association modal`)}
isOpen={isModalOpen}
onClose={handleClose}
actions={[

View File

@ -11,7 +11,7 @@ describe('Background', () => {
</Background>
);
expect(wrapper).toHaveLength(1);
expect(wrapper.find('BackgroundImage')).toHaveLength(1);
expect(wrapper.find('.pf-c-background-image')).toHaveLength(1);
expect(wrapper.find('#test')).toHaveLength(1);
});
});

View File

@ -4,7 +4,7 @@ import { t } from '@lingui/macro';
import { ChipGroup as PFChipGroup } from '@patternfly/react-core';
import { number, shape } from 'prop-types';
function ChipGroup({ i18n, numChips, totalChips, ...props }) {
function ChipGroup({ i18n, numChips, totalChips, i18nHash, ...props }) {
return (
<PFChipGroup
{...props}

View File

@ -6,7 +6,7 @@ import { Chip } from '@patternfly/react-core';
import { Credential } from '../../types';
import { toTitleCase } from '../../util/strings';
function CredentialChip({ credential, i18n, ...props }) {
function CredentialChip({ credential, i18n, i18nHash, ...props }) {
let type;
if (credential.cloud) {
type = i18n._(t`Cloud`);

View File

@ -5,8 +5,8 @@ import { t } from '@lingui/macro';
import {
Checkbox,
Toolbar,
ToolbarContent as _ToolbarContent,
ToolbarGroup as _ToolbarGroup,
ToolbarContent,
ToolbarGroup,
ToolbarItem,
ToolbarToggleGroup,
} from '@patternfly/react-core';

View File

@ -144,6 +144,7 @@ function Lookup(props) {
<Modal
variant="large"
title={i18n._(t`Select ${header || i18n._(t`Items`)}`)}
aria-label={i18n._(t`Lookup modal`)}
isOpen={isModalOpen}
onClose={closeModal}
actions={[

View File

@ -22,7 +22,7 @@ exports[`<NotificationListItem canToggleNotifications /> initially renders succe
}
}
>
<DataListItem
<Component
aria-labelledby="items-list-item-9000"
id="9000"
key="9000"
@ -32,14 +32,14 @@ exports[`<NotificationListItem canToggleNotifications /> initially renders succe
className="pf-c-data-list__item"
id="9000"
>
<DataListItemRow
<Component
key=".0"
rowid="items-list-item-9000"
>
<div
className="pf-c-data-list__item-row"
>
<DataListItemCells
<Component
dataListCells={
Array [
<ForwardRef(Styled(PFDataListCell))>
@ -211,7 +211,7 @@ exports[`<NotificationListItem canToggleNotifications /> initially renders succe
</StyledComponent>
</DataListCell>
</div>
</DataListItemCells>
</Component>
<Styled(DataListAction)
aria-label="actions"
aria-labelledby="items-list-item-9000"
@ -264,7 +264,7 @@ exports[`<NotificationListItem canToggleNotifications /> initially renders succe
className="pf-c-data-list__item-action sc-bwzfXH llKtln"
rowid="items-list-item-9000"
>
<Component
<Switch
aria-label="Toggle notification start"
id="notification-9000-started-toggle"
isChecked={false}
@ -273,73 +273,43 @@ exports[`<NotificationListItem canToggleNotifications /> initially renders succe
labelOff="Start"
onChange={[Function]}
>
<ComponentWithOuia
component={[Function]}
componentProps={
Object {
"aria-label": "Toggle notification start",
"id": "notification-9000-started-toggle",
"isChecked": false,
"isDisabled": false,
"label": "Start",
"labelOff": "Start",
"onChange": [Function],
}
}
consumerContext={null}
<label
className="pf-c-switch"
data-ouia-component-id={0}
data-ouia-component-type="PF4/Switch"
data-ouia-safe={true}
htmlFor="notification-9000-started-toggle"
>
<Switch
<input
aria-label="Toggle notification start"
className=""
aria-labelledby={null}
checked={false}
className="pf-c-switch__input"
disabled={false}
id="notification-9000-started-toggle"
isChecked={false}
isDisabled={false}
label="Start"
labelOff="Start"
onChange={[Function]}
ouiaContext={
Object {
"isOuia": false,
"ouiaId": null,
}
}
type="checkbox"
/>
<span
className="pf-c-switch__toggle"
/>
<span
aria-hidden="true"
className="pf-c-switch__label pf-m-on"
id={null}
>
<label
className="pf-c-switch"
htmlFor="notification-9000-started-toggle"
>
<input
aria-label="Toggle notification start"
aria-labelledby={null}
checked={false}
className="pf-c-switch__input"
disabled={false}
id="notification-9000-started-toggle"
onChange={[Function]}
type="checkbox"
/>
<span
className="pf-c-switch__toggle"
/>
<span
aria-hidden="true"
className="pf-c-switch__label pf-m-on"
id={null}
>
Start
</span>
<span
aria-hidden="true"
className="pf-c-switch__label pf-m-off"
id={null}
>
Start
</span>
</label>
</Switch>
</ComponentWithOuia>
</Component>
<Component
Start
</span>
<span
aria-hidden="true"
className="pf-c-switch__label pf-m-off"
id={null}
>
Start
</span>
</label>
</Switch>
<Switch
aria-label="Toggle notification success"
id="notification-9000-success-toggle"
isChecked={false}
@ -348,73 +318,43 @@ exports[`<NotificationListItem canToggleNotifications /> initially renders succe
labelOff="Success"
onChange={[Function]}
>
<ComponentWithOuia
component={[Function]}
componentProps={
Object {
"aria-label": "Toggle notification success",
"id": "notification-9000-success-toggle",
"isChecked": false,
"isDisabled": false,
"label": "Success",
"labelOff": "Success",
"onChange": [Function],
}
}
consumerContext={null}
<label
className="pf-c-switch"
data-ouia-component-id={1}
data-ouia-component-type="PF4/Switch"
data-ouia-safe={true}
htmlFor="notification-9000-success-toggle"
>
<Switch
<input
aria-label="Toggle notification success"
className=""
aria-labelledby={null}
checked={false}
className="pf-c-switch__input"
disabled={false}
id="notification-9000-success-toggle"
isChecked={false}
isDisabled={false}
label="Success"
labelOff="Success"
onChange={[Function]}
ouiaContext={
Object {
"isOuia": false,
"ouiaId": null,
}
}
type="checkbox"
/>
<span
className="pf-c-switch__toggle"
/>
<span
aria-hidden="true"
className="pf-c-switch__label pf-m-on"
id={null}
>
<label
className="pf-c-switch"
htmlFor="notification-9000-success-toggle"
>
<input
aria-label="Toggle notification success"
aria-labelledby={null}
checked={false}
className="pf-c-switch__input"
disabled={false}
id="notification-9000-success-toggle"
onChange={[Function]}
type="checkbox"
/>
<span
className="pf-c-switch__toggle"
/>
<span
aria-hidden="true"
className="pf-c-switch__label pf-m-on"
id={null}
>
Success
</span>
<span
aria-hidden="true"
className="pf-c-switch__label pf-m-off"
id={null}
>
Success
</span>
</label>
</Switch>
</ComponentWithOuia>
</Component>
<Component
Success
</span>
<span
aria-hidden="true"
className="pf-c-switch__label pf-m-off"
id={null}
>
Success
</span>
</label>
</Switch>
<Switch
aria-label="Toggle notification failure"
id="notification-9000-error-toggle"
isChecked={false}
@ -423,79 +363,49 @@ exports[`<NotificationListItem canToggleNotifications /> initially renders succe
labelOff="Failure"
onChange={[Function]}
>
<ComponentWithOuia
component={[Function]}
componentProps={
Object {
"aria-label": "Toggle notification failure",
"id": "notification-9000-error-toggle",
"isChecked": false,
"isDisabled": false,
"label": "Failure",
"labelOff": "Failure",
"onChange": [Function],
}
}
consumerContext={null}
<label
className="pf-c-switch"
data-ouia-component-id={2}
data-ouia-component-type="PF4/Switch"
data-ouia-safe={true}
htmlFor="notification-9000-error-toggle"
>
<Switch
<input
aria-label="Toggle notification failure"
className=""
aria-labelledby={null}
checked={false}
className="pf-c-switch__input"
disabled={false}
id="notification-9000-error-toggle"
isChecked={false}
isDisabled={false}
label="Failure"
labelOff="Failure"
onChange={[Function]}
ouiaContext={
Object {
"isOuia": false,
"ouiaId": null,
}
}
type="checkbox"
/>
<span
className="pf-c-switch__toggle"
/>
<span
aria-hidden="true"
className="pf-c-switch__label pf-m-on"
id={null}
>
<label
className="pf-c-switch"
htmlFor="notification-9000-error-toggle"
>
<input
aria-label="Toggle notification failure"
aria-labelledby={null}
checked={false}
className="pf-c-switch__input"
disabled={false}
id="notification-9000-error-toggle"
onChange={[Function]}
type="checkbox"
/>
<span
className="pf-c-switch__toggle"
/>
<span
aria-hidden="true"
className="pf-c-switch__label pf-m-on"
id={null}
>
Failure
</span>
<span
aria-hidden="true"
className="pf-c-switch__label pf-m-off"
id={null}
>
Failure
</span>
</label>
</Switch>
</ComponentWithOuia>
</Component>
Failure
</span>
<span
aria-hidden="true"
className="pf-c-switch__label pf-m-off"
id={null}
>
Failure
</span>
</label>
</Switch>
</div>
</DataListAction>
</StyledComponent>
</Styled(DataListAction)>
</div>
</DataListItemRow>
</Component>
</li>
</DataListItem>
</Component>
</NotificationListItem>
`;

View File

@ -49,11 +49,11 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
id=""
role="tooltip"
>
<TooltipContent
<Unknown
isLeftAligned={false}
>
Select a row to delete
</TooltipContent>
</Unknown>
</div>
}
delay={
@ -103,44 +103,20 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
onClick={[Function]}
variant="danger"
>
<ComponentWithOuia
component={[Function]}
componentProps={
Object {
"aria-label": "Delete",
"children": "Delete",
"isDisabled": true,
"onClick": [Function],
"variant": "danger",
}
}
consumerContext={null}
<button
aria-disabled={null}
aria-label="Delete"
className="pf-c-button pf-m-danger"
data-ouia-component-id={null}
data-ouia-component-type="PF4/Button"
data-ouia-safe={true}
disabled={true}
onClick={[Function]}
tabIndex={null}
type="button"
>
<Button
aria-label="Delete"
isDisabled={true}
onClick={[Function]}
ouiaContext={
Object {
"isOuia": false,
"ouiaId": null,
}
}
variant="danger"
>
<button
aria-disabled={null}
aria-label="Delete"
className="pf-c-button pf-m-danger"
disabled={true}
onClick={[Function]}
tabIndex={null}
type="button"
>
Delete
</button>
</Button>
</ComponentWithOuia>
Delete
</button>
</Component>
</div>
<Portal
@ -165,7 +141,7 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
id=""
role="tooltip"
>
<TooltipContent
<Component
isLeftAligned={false}
>
<div
@ -173,7 +149,7 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
>
Select a row to delete
</div>
</TooltipContent>
</Component>
</div>
</Portal>
</PopoverBase>

View File

@ -32,7 +32,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
i18n={"/i18n/"}
onRoleDelete={[Function]}
>
<DataListItem
<Component
aria-labelledby="access-list-item"
id="2"
key="2"
@ -42,7 +42,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
className="pf-c-data-list__item"
id="2"
>
<DataListItemRow
<Component
key=".0"
rowid="access-list-item"
>
@ -53,8 +53,8 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
dataListCells={
Array [
<ForwardRef(Styled(PFDataListCell))>
<TextContent>
<Text
<Unknown>
<Unknown
component="h6"
>
<ForwardRef(ResourceAccessListItem___StyledLink)
@ -66,8 +66,8 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
>
jane
</ForwardRef(ResourceAccessListItem___StyledLink)>
</Text>
</TextContent>
</Unknown>
</Unknown>
<ForwardRef(Styled(DetailList))
stacked={true}
>
@ -92,12 +92,17 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
numChips={5}
totalChips={1}
>
<Unknown
<Chip
className=""
closeBtnAriaLabel="close"
component="div"
isOverflowChip={false}
isReadOnly={false}
onClick={[Function]}
tooltipPosition="top"
>
Member
</Unknown>
</Chip>
</WithI18n>
}
/>
@ -112,8 +117,8 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
dataListCells={
Array [
<ForwardRef(Styled(PFDataListCell))>
<TextContent>
<Text
<Unknown>
<Unknown
component="h6"
>
<ForwardRef(ResourceAccessListItem___StyledLink)
@ -125,8 +130,8 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
>
jane
</ForwardRef(ResourceAccessListItem___StyledLink)>
</Text>
</TextContent>
</Unknown>
</Unknown>
<ForwardRef(Styled(DetailList))
stacked={true}
>
@ -151,12 +156,17 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
numChips={5}
totalChips={1}
>
<Unknown
<Chip
className=""
closeBtnAriaLabel="close"
component="div"
isOverflowChip={false}
isReadOnly={false}
onClick={[Function]}
tooltipPosition="top"
>
Member
</Unknown>
</Chip>
</WithI18n>
}
/>
@ -189,13 +199,13 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
forwardedRef={null}
rowid="access-list-item"
>
<DataListItemCells
<Component
className="ResourceAccessListItem__DataListItemCells-sc-658iqk-0 jCdAGK"
dataListCells={
Array [
<ForwardRef(Styled(PFDataListCell))>
<TextContent>
<Text
<Unknown>
<Unknown
component="h6"
>
<ForwardRef(ResourceAccessListItem___StyledLink)
@ -207,8 +217,8 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
>
jane
</ForwardRef(ResourceAccessListItem___StyledLink)>
</Text>
</TextContent>
</Unknown>
</Unknown>
<ForwardRef(Styled(DetailList))
stacked={true}
>
@ -233,12 +243,17 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
numChips={5}
totalChips={1}
>
<Unknown
<Chip
className=""
closeBtnAriaLabel="close"
component="div"
isOverflowChip={false}
isReadOnly={false}
onClick={[Function]}
tooltipPosition="top"
>
Member
</Unknown>
</Chip>
</WithI18n>
}
/>
@ -287,11 +302,11 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
<div
className="pf-c-data-list__cell sc-bdVaJa kruorc"
>
<TextContent>
<Component>
<div
className="pf-c-content"
>
<Text
<Component
component="h6"
>
<h6
@ -378,9 +393,9 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
</StyledComponent>
</ResourceAccessListItem___StyledLink>
</h6>
</Text>
</Component>
</div>
</TextContent>
</Component>
<Styled(DetailList)
stacked={true}
>
@ -421,7 +436,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
className="sc-bwzfXH kVCDmm"
stacked={true}
>
<TextList
<Component
className="sc-bwzfXH kVCDmm"
component="dl"
>
@ -479,7 +494,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
data-cy={null}
fullWidth={false}
>
<TextListItem
<Component
className="sc-htpNat iYJcPm"
component="dt"
data-cy={null}
@ -491,7 +506,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
>
Name
</dt>
</TextListItem>
</Component>
</Component>
</StyledComponent>
</Styled(Component)>
@ -542,7 +557,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
data-cy={null}
fullWidth={false}
>
<TextListItem
<Component
className="sc-bxivhb gxmPlV"
component="dd"
data-cy={null}
@ -554,13 +569,13 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
>
jane brown
</dd>
</TextListItem>
</Component>
</Component>
</StyledComponent>
</Styled(Component)>
</Detail>
</dl>
</TextList>
</Component>
</DetailList>
</StyledComponent>
</Styled(DetailList)>
@ -644,7 +659,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
className="sc-bwzfXH kVCDmm"
stacked={true}
>
<TextList
<Component
className="sc-bwzfXH kVCDmm"
component="dl"
>
@ -661,12 +676,17 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
numChips={5}
totalChips={1}
>
<Unknown
<Chip
className=""
closeBtnAriaLabel="close"
component="div"
isOverflowChip={false}
isReadOnly={false}
onClick={[Function]}
tooltipPosition="top"
>
Member
</Unknown>
</Chip>
</WithI18n>
}
>
@ -714,7 +734,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
data-cy={null}
fullWidth={false}
>
<TextListItem
<Component
className="sc-htpNat iYJcPm"
component="dt"
data-cy={null}
@ -726,7 +746,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
>
Team Roles
</dt>
</TextListItem>
</Component>
</Component>
</StyledComponent>
</Styled(Component)>
@ -777,7 +797,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
data-cy={null}
fullWidth={false}
>
<TextListItem
<Component
className="sc-bxivhb gxmPlV"
component="dd"
data-cy={null}
@ -801,187 +821,125 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
totalChips={1}
>
<ChipGroup
className=""
aria-label="Chip group category"
categoryName=""
closeBtnAriaLabel="Close chip group"
collapsedText="-4 more"
defaultIsOpen={false}
expandedText="Show less"
isClosable={false}
numChips={5}
withToolbar={false}
onClick={[Function]}
tooltipPosition="top"
>
<ul
className="pf-c-chip-group"
<GenerateId
prefix="pf-random-id-"
>
<InnerChipGroup
className=""
collapsedText="-4 more"
defaultIsOpen={false}
expandedText="Show less"
isOpen={false}
numChips={5}
onToggleCollapse={[Function]}
withToolbar={false}
<div
className="pf-c-chip-group"
>
<Component
component="li"
isReadOnly={false}
key=".$3"
onClick={[Function]}
<ul
aria-label="Chip group category"
className="pf-c-chip-group__list"
role="list"
>
<ComponentWithOuia
component={[Function]}
componentProps={
Object {
"children": "Member",
"component": "li",
"isReadOnly": false,
"onClick": [Function],
}
}
consumerContext={null}
<li
className="pf-c-chip-group__list-item"
key="0"
>
<Chip
className=""
closeBtnAriaLabel="close"
component="li"
component="div"
isOverflowChip={false}
isReadOnly={false}
key=".$3"
onClick={[Function]}
ouiaContext={
Object {
"isOuia": false,
"ouiaId": null,
}
}
tooltipPosition="top"
>
<GenerateId
prefix="pf-random-id-"
>
<li
<div
className="pf-c-chip"
data-ouia-component-id={1}
data-ouia-component-type="PF4/Chip"
data-ouia-safe={true}
>
<span
className="pf-c-chip__text"
id="pf-random-id-0"
id="pf-random-id-1"
>
Member
</span>
<ChipButton
aria-labelledby="remove_pf-random-id-0 pf-random-id-0"
ariaLabel="close"
id="remove_pf-random-id-0"
<Component
aria-label="close"
aria-labelledby="remove_pf-random-id-1 pf-random-id-1"
id="remove_pf-random-id-1"
onClick={[Function]}
variant="plain"
>
<Component
<button
aria-disabled={null}
aria-label="close"
aria-labelledby="remove_pf-random-id-0 pf-random-id-0"
className=""
id="remove_pf-random-id-0"
aria-labelledby="remove_pf-random-id-1 pf-random-id-1"
className="pf-c-button pf-m-plain"
data-ouia-component-id={null}
data-ouia-component-type="PF4/Button"
data-ouia-safe={true}
disabled={false}
id="remove_pf-random-id-1"
onClick={[Function]}
variant="plain"
tabIndex={null}
type="button"
>
<ComponentWithOuia
component={[Function]}
componentProps={
Object {
"aria-label": "close",
"aria-labelledby": "remove_pf-random-id-0 pf-random-id-0",
"children": <TimesCircleIcon
aria-hidden="true"
color="currentColor"
noVerticalAlign={false}
size="sm"
title={null}
/>,
"className": "",
"id": "remove_pf-random-id-0",
"onClick": [Function],
"variant": "plain",
}
}
consumerContext={
Object {
"isOuia": false,
"ouiaId": null,
}
}
<TimesIcon
aria-hidden="true"
color="currentColor"
noVerticalAlign={false}
size="sm"
>
<Button
aria-label="close"
aria-labelledby="remove_pf-random-id-0 pf-random-id-0"
className=""
id="remove_pf-random-id-0"
onClick={[Function]}
ouiaContext={
<svg
aria-hidden="true"
aria-labelledby={null}
fill="currentColor"
height="1em"
role="img"
style={
Object {
"isOuia": false,
"ouiaId": null,
"verticalAlign": "-0.125em",
}
}
variant="plain"
viewBox="0 0 352 512"
width="1em"
>
<button
aria-disabled={null}
aria-label="close"
aria-labelledby="remove_pf-random-id-0 pf-random-id-0"
className="pf-c-button pf-m-plain"
disabled={false}
id="remove_pf-random-id-0"
onClick={[Function]}
tabIndex={null}
type="button"
>
<TimesCircleIcon
aria-hidden="true"
color="currentColor"
noVerticalAlign={false}
size="sm"
title={null}
>
<svg
aria-hidden="true"
aria-labelledby={null}
fill="currentColor"
height="1em"
role="img"
style={
Object {
"verticalAlign": "-0.125em",
}
}
viewBox="0 0 512 512"
width="1em"
>
<path
d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"
transform=""
/>
</svg>
</TimesCircleIcon>
</button>
</Button>
</ComponentWithOuia>
</Component>
</ChipButton>
</li>
<path
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
transform=""
/>
</svg>
</TimesIcon>
</button>
</Component>
</div>
</GenerateId>
</Chip>
</ComponentWithOuia>
</Component>
</InnerChipGroup>
</ul>
</li>
</ul>
</div>
</GenerateId>
</ChipGroup>
</ChipGroup>
</I18n>
</WithI18n>
</dd>
</TextListItem>
</Component>
</Component>
</StyledComponent>
</Styled(Component)>
</Detail>
</dl>
</TextList>
</Component>
</DetailList>
</StyledComponent>
</Styled(DetailList)>
@ -990,12 +948,12 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
</StyledComponent>
</DataListCell>
</div>
</DataListItemCells>
</Component>
</StyledComponent>
</ResourceAccessListItem__DataListItemCells>
</div>
</DataListItemRow>
</Component>
</li>
</DataListItem>
</Component>
</ResourceAccessListItem>
`;

View File

@ -143,6 +143,7 @@ function HostEventModal({ onClose, hostEvent = {}, isOpen = false, i18n }) {
isOpen={isOpen}
onClose={onClose}
title={i18n._(t`Host Details`)}
aria-label={i18n._(t`Host details modal`)}
>
<Tabs
aria-label={i18n._(t`Tabs`)}

View File

@ -30,6 +30,7 @@ function SurveyPreviewModal({
return (
<Modal
title={i18n._(t`Survey Preview`)}
aria-label={i18n._(t`Survey preview modal`)}
isOpen={isPreviewModalOpen}
onClose={() => onToggleModalOpen(false)}
variant="small"

View File

@ -21,6 +21,7 @@ function LinkModal({ header, i18n, onConfirm }) {
header={header}
isOpen
title={i18n._(t`Workflow Link`)}
aria-label={i18n._(t`Workflow link modal`)}
onClose={() => dispatch({ type: 'CANCEL_LINK_MODAL' })}
actions={[
<Button

View File

@ -134,6 +134,7 @@ function NodeViewModal({ i18n }) {
variant="large"
isOpen
title={unifiedJobTemplate.name}
aria-label={i18n._(t`Workflow node view modal`)}
onClose={() => dispatch({ type: 'SET_NODE_TO_VIEW', value: null })}
actions={[
<Button

View File

@ -12,6 +12,7 @@ function UnsavedChangesModal({ i18n, onSaveAndExit, onExit }) {
width={600}
isOpen
title={i18n._(t`Warning: Unsaved Changes`)}
aria-label={i18n._(t`Unsaved changes modal`)}
onClose={() => dispatch({ type: 'TOGGLE_UNSAVED_CHANGES_MODAL' })}
actions={[
<Button