External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-21 02:47:35 -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

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

@@ -8,62 +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"
distance={15}
enableFlip={true}
entryDelay={500}
exitDelay={500}
flipBehavior={
Array [
"top",
"right",
"bottom",
"left",
"top",
"right",
"bottom",
]
}
id=""
isAppLauncher={false}
isContentLeftAligned={false}
isVisible={false}
maxWidth="18.75rem"
position="top" position="top"
tippyProps={Object {}}
trigger="mouseenter focus"
zIndex={9999}
> >
<PopoverBase <Popper
appendTo={[Function]} appendTo={[Function]}
aria="describedby"
arrow={true}
boundary="window"
content={
<div
className=""
id=""
role="tooltip"
>
<TooltipContent
isLeftAligned={false}
>
Select a row to delete
</TooltipContent>
</div>
}
delay={
Array [
500,
500,
]
}
distance={15} distance={15}
flip={true} enableFlip={true}
flipBehavior={ flipBehavior={
Array [ Array [
"top", "top",
@@ -76,83 +27,90 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
] ]
} }
isVisible={false} isVisible={false}
lazy={true} onBlur={[Function]}
maxWidth="18.75rem" onDocumentClick={false}
onCreate={[Function]} onDocumentKeyDown={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
onTriggerEnter={[Function]}
placement="top" placement="top"
popperOptions={ popper={
Object {
"modifiers": Object {
"hide": Object {
"enabled": true,
},
"preventOverflow": Object {
"enabled": true,
},
},
}
}
theme="pf-tooltip"
trigger="mouseenter focus"
zIndex={9999}
>
<div>
<Button
aria-label="Delete"
isDisabled={true}
onClick={[Function]}
variant="danger"
>
<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"
>
Delete
</button>
</Button>
</div>
<Portal
containerInfo={
<div>
<div
class=""
id=""
role="tooltip"
>
<div
class="pf-c-tooltip__content"
>
Select a row to delete
</div>
</div>
</div>
}
>
<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}
> >
<div Select a row to delete
className="pf-c-tooltip__content"
>
Select a row to delete
</div>
</TooltipContent> </TooltipContent>
</div> </div>
</Portal> }
</PopoverBase> popperMatchesTriggerWidth={false}
positionModifiers={
Object {
"bottom": "pf-m-bottom",
"left": "pf-m-left",
"right": "pf-m-right",
"top": "pf-m-top",
}
}
trigger={
<div
aria-describedby="pf-tooltip-1"
>
<Button
aria-label="Delete"
isDisabled={true}
onClick={[Function]}
variant="danger"
>
Delete
</Button>
</div>
}
zIndex={9999}
>
<FindRefWrapper
onFoundRef={[Function]}
>
<div
aria-describedby="pf-tooltip-1"
>
<Button
aria-label="Delete"
isDisabled={true}
onClick={[Function]}
variant="danger"
>
<button
aria-disabled={true}
aria-label="Delete"
className="pf-c-button pf-m-danger pf-m-disabled"
data-ouia-component-id={0}
data-ouia-component-type="PF4/Button"
data-ouia-safe={true}
disabled={true}
onClick={[Function]}
tabIndex={null}
type="button"
>
Delete
</button>
</Button>
</div>
</FindRefWrapper>
</Popper>
</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.'
); );
}); });