Merge pull request #10173 from nixocio/ui_issue_10078

Display Edit/Delete on EE details page as per last API changes

Display Edit/Delete buttons on details page for EE managed by tower.
See: #10078

Reviewed-by: Jake McDermott <yo@jakemcdermott.me>
Reviewed-by: Tiago Góes <tiago.goes2009@gmail.com>
This commit is contained in:
softwarefactory-project-zuul[bot]
2021-05-11 20:25:31 +00:00
committed by GitHub
2 changed files with 28 additions and 30 deletions

View File

@@ -113,33 +113,31 @@ function ExecutionEnvironmentDetails({ executionEnvironment }) {
dataCy="execution-environment-modified" dataCy="execution-environment-modified"
/> />
</DetailList> </DetailList>
{!managedByTower && ( <CardActionsRow>
<CardActionsRow> {summary_fields.user_capabilities?.edit && (
{summary_fields.user_capabilities?.edit && ( <Button
<Button ouiaId="execution-environment-detail-edit-button"
ouiaId="execution-environment-detail-edit-button" aria-label={t`edit`}
aria-label={t`edit`} component={Link}
component={Link} to={`/execution_environments/${id}/edit`}
to={`/execution_environments/${id}/edit`} >
> {t`Edit`}
{t`Edit`} </Button>
</Button> )}
)} {summary_fields.user_capabilities?.delete && (
{summary_fields.user_capabilities?.delete && ( <DeleteButton
<DeleteButton name={image}
name={image} modalTitle={t`Delete Execution Environment`}
modalTitle={t`Delete Execution Environment`} onConfirm={deleteExecutionEnvironment}
onConfirm={deleteExecutionEnvironment} isDisabled={isLoading}
isDisabled={isLoading} ouiaId="delete-button"
ouiaId="delete-button" deleteDetailsRequests={deleteDetailsRequests}
deleteDetailsRequests={deleteDetailsRequests} deleteMessage={t`This execution environment is currently being used by other resources. Are you sure you want to delete it?`}
deleteMessage={t`This execution environment is currently being used by other resources. Are you sure you want to delete it?`} >
> {t`Delete`}
{t`Delete`} </DeleteButton>
</DeleteButton> )}
)} </CardActionsRow>
</CardActionsRow>
)}
{error && ( {error && (
<AlertModal <AlertModal

View File

@@ -153,7 +153,7 @@ describe('<ExecutionEnvironmentDetails/>', () => {
expect(history.location.pathname).toBe('/execution_environments'); expect(history.location.pathname).toBe('/execution_environments');
}); });
test('should not render action buttons to ee managed by tower', async () => { test('should render action buttons to ee managed by tower', async () => {
await act(async () => { await act(async () => {
wrapper = mountWithContexts( wrapper = mountWithContexts(
<ExecutionEnvironmentDetails <ExecutionEnvironmentDetails
@@ -185,9 +185,9 @@ describe('<ExecutionEnvironmentDetails/>', () => {
expect(dates).toHaveLength(2); expect(dates).toHaveLength(2);
expect(dates.at(0).prop('date')).toEqual(executionEnvironment.created); expect(dates.at(0).prop('date')).toEqual(executionEnvironment.created);
expect(dates.at(1).prop('date')).toEqual(executionEnvironment.modified); expect(dates.at(1).prop('date')).toEqual(executionEnvironment.modified);
expect(wrapper.find('Button[aria-label="edit"]')).toHaveLength(0); expect(wrapper.find('Button[aria-label="edit"]')).toHaveLength(1);
expect(wrapper.find('Button[aria-label="Delete"]')).toHaveLength(0); expect(wrapper.find('Button[aria-label="Delete"]')).toHaveLength(1);
}); });
test('should have proper number of delete detail requests', async () => { test('should have proper number of delete detail requests', async () => {