External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-17 22:37:41 -02:30
Code Issues Packages Projects Releases Wiki Activity

update snapshot and tooltip test

Browse Source
This commit is contained in:
John Mitchell
2020-07-20 14:06:14 -04:00
parent bfaa2abd31
commit 00b3ff6e51
4 changed files with 113 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
awx/ui_next/src/components/PaginatedDataList/__snapshots__/ToolbarDeleteButton.test.jsx.snap
View File

@@ -8,15 +8,13 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
pluralizedItemName="Items" pluralizedItemName="Items"
> >
<Tooltip <Tooltip
appendTo={[Function]}
aria="describedby"
boundary="window"
className=""
content="Select a row to delete" content="Select a row to delete"
position="top"
>
<Popper
appendTo={[Function]}
distance={15} distance={15}
enableFlip={true} enableFlip={true}
entryDelay={500}
exitDelay={500}
flipBehavior={ flipBehavior={
Array [ Array [
"top", "top",
@@ -28,27 +26,29 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
"bottom", "bottom",
] ]
} }
id=""
isAppLauncher={false}
isContentLeftAligned={false}
isVisible={false} isVisible={false}
maxWidth="18.75rem" onBlur={[Function]}
position="top" onDocumentClick={false}
tippyProps={Object {}} onDocumentKeyDown={[Function]}
trigger="mouseenter focus" onFocus={[Function]}
zIndex={9999} onMouseEnter={[Function]}
> onMouseLeave={[Function]}
<PopoverBase onTriggerEnter={[Function]}
appendTo={[Function]} placement="top"
aria="describedby" popper={
arrow={true}
boundary="window"
content={
<div <div
className="" className="pf-c-tooltip"
id="" id="pf-tooltip-1"
role="tooltip" role="tooltip"
style={
Object {
"maxWidth": null,
"opacity": 0,
"transition": "opacity 300ms cubic-bezier(.54, 1.5, .38, 1.11)",
}
}
> >
<TooltipArrow />
<TooltipContent <TooltipContent
isLeftAligned={false} isLeftAligned={false}
> >
@@ -56,47 +56,37 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
</TooltipContent> </TooltipContent>
</div> </div>
} }
delay={ popperMatchesTriggerWidth={false}
Array [ positionModifiers={
500,
500,
]
}
distance={15}
flip={true}
flipBehavior={
Array [
"top",
"right",
"bottom",
"left",
"top",
"right",
"bottom",
]
}
isVisible={false}
lazy={true}
maxWidth="18.75rem"
onCreate={[Function]}
placement="top"
popperOptions={
Object { Object {
"modifiers": Object { "bottom": "pf-m-bottom",
"hide": Object { "left": "pf-m-left",
"enabled": true, "right": "pf-m-right",
}, "top": "pf-m-top",
"preventOverflow": Object {
"enabled": true,
},
},
} }
} }
theme="pf-tooltip" trigger={
trigger="mouseenter focus" <div
aria-describedby="pf-tooltip-1"
>
<Button
aria-label="Delete"
isDisabled={true}
onClick={[Function]}
variant="danger"
>
Delete
</Button>
</div>
}
zIndex={9999} zIndex={9999}
> >
<div> <FindRefWrapper
onFoundRef={[Function]}
>
<div
aria-describedby="pf-tooltip-1"
>
<Button <Button
aria-label="Delete" aria-label="Delete"
isDisabled={true} isDisabled={true}
@@ -104,10 +94,10 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
variant="danger" variant="danger"
> >
<button <button
aria-disabled={null} aria-disabled={true}
aria-label="Delete" aria-label="Delete"
className="pf-c-button pf-m-danger" className="pf-c-button pf-m-danger pf-m-disabled"
data-ouia-component-id={null} data-ouia-component-id={0}
data-ouia-component-type="PF4/Button" data-ouia-component-type="PF4/Button"
data-ouia-safe={true} data-ouia-safe={true}
disabled={true} disabled={true}
@@ -119,40 +109,8 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
</button> </button>
</Button> </Button>
</div> </div>
<Portal </FindRefWrapper>
containerInfo={ </Popper>
<div>
<div
class=""
id=""
role="tooltip"
>
<div
class="pf-c-tooltip__content"
>
Select a row to delete
</div>
</div>
</div>
}
>
<div
className=""
id=""
role="tooltip"
>
<TooltipContent
isLeftAligned={false}
>
<div
className="pf-c-tooltip__content"
>
Select a row to delete
</div>
</TooltipContent>
</div>
</Portal>
</PopoverBase>
</Tooltip> </Tooltip>
</ToolbarDeleteButton> </ToolbarDeleteButton>
`; `;

41
awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap
View File

@@ -103,12 +103,17 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
aria-labelledby="pf-modal-part-0 alert-modal-header-label pf-modal-part-1" aria-labelledby="pf-modal-part-0 alert-modal-header-label pf-modal-part-1"
aria-modal="true" aria-modal="true"
class="pf-c-modal-box pf-m-sm" class="pf-c-modal-box pf-m-sm"
data-ouia-component-id="0"
data-ouia-component-type="PF4/ModalContent"
data-ouia-safe="true"
id="pf-modal-part-0" id="pf-modal-part-0"
role="dialog" role="dialog"
> >
<button <button
aria-disabled="false"
aria-label="Close" aria-label="Close"
class="pf-c-button pf-m-plain" class="pf-c-button pf-m-plain"
data-ouia-component-id="1"
data-ouia-component-type="PF4/Button" data-ouia-component-type="PF4/Button"
data-ouia-safe="true" data-ouia-safe="true"
type="button" type="button"
@@ -170,8 +175,10 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
class="pf-c-modal-box__footer" class="pf-c-modal-box__footer"
> >
<button <button
aria-disabled="false"
aria-label="Confirm delete" aria-label="Confirm delete"
class="pf-c-button pf-m-danger" class="pf-c-button pf-m-danger"
data-ouia-component-id="2"
data-ouia-component-type="PF4/Button" data-ouia-component-type="PF4/Button"
data-ouia-safe="true" data-ouia-safe="true"
type="button" type="button"
@@ -179,7 +186,9 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
Delete Delete
</button> </button>
<button <button
aria-disabled="false"
class="pf-c-button pf-m-secondary" class="pf-c-button pf-m-secondary"
data-ouia-component-id="3"
data-ouia-component-type="PF4/Button" data-ouia-component-type="PF4/Button"
data-ouia-safe="true" data-ouia-safe="true"
type="button" type="button"
@@ -214,6 +223,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
} }
isOpen={true} isOpen={true}
onClose={[Function]} onClose={[Function]}
ouiaSafe={true}
showClose={true} showClose={true}
title="Remove Team Access" title="Remove Team Access"
variant="small" variant="small"
@@ -233,12 +243,17 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
aria-labelledby="pf-modal-part-0 alert-modal-header-label pf-modal-part-1" aria-labelledby="pf-modal-part-0 alert-modal-header-label pf-modal-part-1"
aria-modal="true" aria-modal="true"
class="pf-c-modal-box pf-m-sm" class="pf-c-modal-box pf-m-sm"
data-ouia-component-id="0"
data-ouia-component-type="PF4/ModalContent"
data-ouia-safe="true"
id="pf-modal-part-0" id="pf-modal-part-0"
role="dialog" role="dialog"
> >
<button <button
aria-disabled="false"
aria-label="Close" aria-label="Close"
class="pf-c-button pf-m-plain" class="pf-c-button pf-m-plain"
data-ouia-component-id="1"
data-ouia-component-type="PF4/Button" data-ouia-component-type="PF4/Button"
data-ouia-safe="true" data-ouia-safe="true"
type="button" type="button"
@@ -300,8 +315,10 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
class="pf-c-modal-box__footer" class="pf-c-modal-box__footer"
> >
<button <button
aria-disabled="false"
aria-label="Confirm delete" aria-label="Confirm delete"
class="pf-c-button pf-m-danger" class="pf-c-button pf-m-danger"
data-ouia-component-id="2"
data-ouia-component-type="PF4/Button" data-ouia-component-type="PF4/Button"
data-ouia-safe="true" data-ouia-safe="true"
type="button" type="button"
@@ -309,7 +326,9 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
Delete Delete
</button> </button>
<button <button
aria-disabled="false"
class="pf-c-button pf-m-secondary" class="pf-c-button pf-m-secondary"
data-ouia-component-id="3"
data-ouia-component-type="PF4/Button" data-ouia-component-type="PF4/Button"
data-ouia-safe="true" data-ouia-safe="true"
type="button" type="button"
@@ -365,6 +384,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
isOpen={true} isOpen={true}
labelId="pf-modal-part-1" labelId="pf-modal-part-1"
onClose={[Function]} onClose={[Function]}
ouiaSafe={true}
showClose={true} showClose={true}
title="Remove Team Access" title="Remove Team Access"
variant="small" variant="small"
@@ -391,6 +411,9 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
aria-label="Alert modal" aria-label="Alert modal"
aria-labelledby="pf-modal-part-0 alert-modal-header-label pf-modal-part-1" aria-labelledby="pf-modal-part-0 alert-modal-header-label pf-modal-part-1"
className="" className=""
data-ouia-component-id={0}
data-ouia-component-type="PF4/ModalContent"
data-ouia-safe={true}
id="pf-modal-part-0" id="pf-modal-part-0"
style={Object {}} style={Object {}}
variant="small" variant="small"
@@ -401,6 +424,9 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
aria-labelledby="pf-modal-part-0 alert-modal-header-label pf-modal-part-1" aria-labelledby="pf-modal-part-0 alert-modal-header-label pf-modal-part-1"
aria-modal="true" aria-modal="true"
className="pf-c-modal-box pf-m-sm" className="pf-c-modal-box pf-m-sm"
data-ouia-component-id={0}
data-ouia-component-type="PF4/ModalContent"
data-ouia-safe={true}
id="pf-modal-part-0" id="pf-modal-part-0"
role="dialog" role="dialog"
style={Object {}} style={Object {}}
@@ -415,15 +441,14 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
variant="plain" variant="plain"
> >
<button <button
aria-disabled={null} aria-disabled={false}
aria-label="Close" aria-label="Close"
className="pf-c-button pf-m-plain" className="pf-c-button pf-m-plain"
data-ouia-component-id={null} data-ouia-component-id={1}
data-ouia-component-type="PF4/Button" data-ouia-component-type="PF4/Button"
data-ouia-safe={true} data-ouia-safe={true}
disabled={false} disabled={false}
onClick={[Function]} onClick={[Function]}
tabIndex={null}
type="button" type="button"
> >
<TimesIcon <TimesIcon
@@ -586,15 +611,14 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
variant="danger" variant="danger"
> >
<button <button
aria-disabled={null} aria-disabled={false}
aria-label="Confirm delete" aria-label="Confirm delete"
className="pf-c-button pf-m-danger" className="pf-c-button pf-m-danger"
data-ouia-component-id={null} data-ouia-component-id={2}
data-ouia-component-type="PF4/Button" data-ouia-component-type="PF4/Button"
data-ouia-safe={true} data-ouia-safe={true}
disabled={false} disabled={false}
onClick={[Function]} onClick={[Function]}
tabIndex={null}
type="button" type="button"
> >
Delete Delete
@@ -606,15 +630,14 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
variant="secondary" variant="secondary"
> >
<button <button
aria-disabled={null} aria-disabled={false}
aria-label={null} aria-label={null}
className="pf-c-button pf-m-secondary" className="pf-c-button pf-m-secondary"
data-ouia-component-id={null} data-ouia-component-id={3}
data-ouia-component-type="PF4/Button" data-ouia-component-type="PF4/Button"
data-ouia-safe={true} data-ouia-safe={true}
disabled={false} disabled={false}
onClick={[Function]} onClick={[Function]}
tabIndex={null}
type="button" type="button"
> >
Cancel Cancel

7
awx/ui_next/src/components/ResourceAccessList/__snapshots__/ResourceAccessListItem.test.jsx.snap
View File

@@ -862,7 +862,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
> >
<div <div
className="pf-c-chip" className="pf-c-chip"
data-ouia-component-id={1} data-ouia-component-id={2}
data-ouia-component-type="PF4/Chip" data-ouia-component-type="PF4/Chip"
data-ouia-safe={true} data-ouia-safe={true}
> >
@@ -880,17 +880,16 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
variant="plain" variant="plain"
> >
<button <button
aria-disabled={null} aria-disabled={false}
aria-label="close" aria-label="close"
aria-labelledby="remove_pf-random-id-1 pf-random-id-1" aria-labelledby="remove_pf-random-id-1 pf-random-id-1"
className="pf-c-button pf-m-plain" className="pf-c-button pf-m-plain"
data-ouia-component-id={null} data-ouia-component-id={3}
data-ouia-component-type="PF4/Button" data-ouia-component-type="PF4/Button"
data-ouia-safe={true} data-ouia-safe={true}
disabled={false} disabled={false}
id="remove_pf-random-id-1" id="remove_pf-random-id-1"
onClick={[Function]} onClick={[Function]}
tabIndex={null}
type="button" type="button"
> >
<TimesIcon <TimesIcon

2
awx/ui_next/src/screens/Job/JobOutput/shared/HostStatusBar.test.jsx
View File

@@ -45,7 +45,7 @@ describe('<HostStatusBar />', () => {
test('empty host counts should display tooltip and one bar segment', () => { test('empty host counts should display tooltip and one bar segment', () => {
wrapper = mountWithContexts(<HostStatusBar />); wrapper = mountWithContexts(<HostStatusBar />);
expect(wrapper.find('BarSegment').length).toBe(1); expect(wrapper.find('BarSegment').length).toBe(1);
expect(wrapper.find('TooltipContent').text()).toEqual( expect(wrapper.find('Tooltip').prop('content')).toEqual(
'Host status information for this job is unavailable.' 'Host status information for this job is unavailable.'
); );
}); });