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
parent
826b03b78e
commit
957c0b31bf
@ -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();
|
||||
|
||||
@ -76,6 +76,7 @@ function AssociateModal({
|
||||
<Modal
|
||||
variant="large"
|
||||
title={title}
|
||||
aria-label={i18n._(t`Association modal`)}
|
||||
isOpen={isModalOpen}
|
||||
onClose={handleClose}
|
||||
actions={[
|
||||
|
||||
@ -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);
|
||||
});
|
||||
});
|
||||
|
||||
@ -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}
|
||||
|
||||
@ -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`);
|
||||
|
||||
@ -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';
|
||||
|
||||
@ -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={[
|
||||
|
||||
@ -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>
|
||||
`;
|
||||
|
||||
@ -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>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -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>
|
||||
`;
|
||||
|
||||
@ -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`)}
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
Loading…
Reference in New Issue
Block a user