Wizard: hide some review items for cockpit frontend

Hide some of the steps in the review step that aren't applicable to the
cockpit frontend.
This commit is contained in:
Gianluca Zuccarelli 2025-08-11 14:53:35 +00:00
parent 122c481c09
commit 11e352440f
3 changed files with 101 additions and 84 deletions

View file

@ -121,6 +121,7 @@ test.describe.serial('test', () => {
await frame.getByRole('button', { name: 'Review and finish' }).click(); await frame.getByRole('button', { name: 'Review and finish' }).click();
await frame.getByRole('button', { name: 'About packages' }).click(); await frame.getByRole('button', { name: 'About packages' }).click();
frame.getByRole('gridcell', { name: 'osbuild-composer' }); frame.getByRole('gridcell', { name: 'osbuild-composer' });
await frame.getByRole('button', { name: 'Close', exact: true }).click();
await frame await frame
.getByRole('button', { name: 'Save changes to blueprint' }) .getByRole('button', { name: 'Save changes to blueprint' })
.click(); .click();
@ -128,6 +129,7 @@ test.describe.serial('test', () => {
await frame.getByRole('button', { name: 'Edit blueprint' }).click(); await frame.getByRole('button', { name: 'Edit blueprint' }).click();
await frame.getByRole('button', { name: 'About packages' }).click(); await frame.getByRole('button', { name: 'About packages' }).click();
frame.getByRole('gridcell', { name: 'osbuild-composer' }); frame.getByRole('gridcell', { name: 'osbuild-composer' });
await frame.getByRole('button', { name: 'Close', exact: true }).click();
await frame.getByRole('button', { name: 'Cancel', exact: true }).click(); await frame.getByRole('button', { name: 'Cancel', exact: true }).click();
frame.getByRole('heading', { name: 'All images' }); frame.getByRole('heading', { name: 'All images' });
}); });

View file

@ -499,6 +499,7 @@ const Review = () => {
<ServicesList /> <ServicesList />
</ExpandableSection> </ExpandableSection>
)} )}
{!process.env.IS_ON_PREMISE && (
<ExpandableSection <ExpandableSection
toggleContent={composeExpandable( toggleContent={composeExpandable(
'First boot', 'First boot',
@ -514,6 +515,7 @@ const Review = () => {
> >
<FirstBootList /> <FirstBootList />
</ExpandableSection> </ExpandableSection>
)}
{(blueprintName || blueprintDescription) && ( {(blueprintName || blueprintDescription) && (
<ExpandableSection <ExpandableSection
toggleContent={composeExpandable( toggleContent={composeExpandable(

View file

@ -506,6 +506,7 @@ export const ContentList = () => {
<> <>
<Content> <Content>
<Content component={ContentVariants.dl} className='review-step-dl'> <Content component={ContentVariants.dl} className='review-step-dl'>
{!process.env.IS_ON_PREMISE && (
<> <>
<Content <Content
component={ContentVariants.dt} component={ContentVariants.dt}
@ -541,7 +542,10 @@ export const ContentList = () => {
{snapshottingText} {snapshottingText}
</Button> </Button>
</Popover> </Popover>
{!useLatest && !isLoading && isSuccess && hasSnapshotDateAfter ? ( {!useLatest &&
!isLoading &&
isSuccess &&
hasSnapshotDateAfter ? (
<Alert <Alert
variant='warning' variant='warning'
isInline isInline
@ -553,11 +557,18 @@ export const ContentList = () => {
)} )}
</Content> </Content>
</> </>
<Content component={ContentVariants.dt} className='pf-v6-u-min-width'> )}
{!process.env.IS_ON_PREMISE && (
<>
<Content
component={ContentVariants.dt}
className='pf-v6-u-min-width'
>
Custom repositories Custom repositories
</Content> </Content>
<Content component={ContentVariants.dd}> <Content component={ContentVariants.dd}>
{customRepositories.length + recommendedRepositories.length > 0 ? ( {customRepositories.length + recommendedRepositories.length >
0 ? (
<Popover <Popover
position='bottom' position='bottom'
headerContent='Custom repositories' headerContent='Custom repositories'
@ -570,14 +581,16 @@ export const ContentList = () => {
aria-label='About custom repositories' aria-label='About custom repositories'
className='popover-button pf-v6-u-p-0' className='popover-button pf-v6-u-p-0'
> >
{customRepositories.length + recommendedRepositories.length || {customRepositories.length +
0} recommendedRepositories.length || 0}
</Button> </Button>
</Popover> </Popover>
) : ( ) : (
0 0
)} )}
</Content> </Content>
</>
)}
<Content component={ContentVariants.dt} className='pf-v6-u-min-width'> <Content component={ContentVariants.dt} className='pf-v6-u-min-width'>
Additional packages Additional packages
</Content> </Content>