mirror of
https://github.com/ansible/awx.git
synced 2026-02-27 07:56:06 -03:30
Merge pull request #6490 from marshmalien/5997-wf-view-node
Hook up view node button in workflow visualizer Reviewed-by: https://github.com/apps/softwarefactory-project-zuul
This commit is contained in:
softwarefactory-project-zuul[bot]
GitHub
201
awx/ui_next/src/components/PromptDetail/PromptDetail.jsx
Normal file
201
awx/ui_next/src/components/PromptDetail/PromptDetail.jsx
Normal file
@@ -0,0 +1,201 @@
|
||||
import React from 'react';
|
||||
import { shape } from 'prop-types';
|
||||
import { withI18n } from '@lingui/react';
|
||||
import { t, Trans } from '@lingui/macro';
|
||||
import { Link } from 'react-router-dom';
|
||||
import styled from 'styled-components';
|
||||
|
||||
import { Chip, ChipGroup } from '@patternfly/react-core';
|
||||
import { VariablesDetail } from '@components/CodeMirrorInput';
|
||||
import { DetailList, Detail, UserDateDetail } from '@components/DetailList';
|
||||
|
||||
import PromptProjectDetail from './PromptProjectDetail';
|
||||
|
||||
const PromptHeader = styled.h2`
|
||||
font-weight: bold;
|
||||
margin: var(--pf-global--spacer--lg) 0;
|
||||
`;
|
||||
|
||||
function hasPromptData(launchData) {
|
||||
return (
|
||||
launchData.ask_credential_on_launch ||
|
||||
launchData.ask_diff_mode_on_launch ||
|
||||
launchData.ask_inventory_on_launch ||
|
||||
launchData.ask_job_type_on_launch ||
|
||||
launchData.ask_limit_on_launch ||
|
||||
launchData.ask_scm_branch_on_launch ||
|
||||
launchData.ask_skip_tags_on_launch ||
|
||||
launchData.ask_tags_on_launch ||
|
||||
launchData.ask_variables_on_launch ||
|
||||
launchData.ask_verbosity_on_launch
|
||||
);
|
||||
}
|
||||
|
||||
function formatTimeout(timeout) {
|
||||
if (typeof timeout === 'undefined' || timeout === null) {
|
||||
return null;
|
||||
}
|
||||
const minutes = Math.floor(timeout / 60);
|
||||
const seconds = timeout - Math.floor(timeout / 60) * 60;
|
||||
return (
|
||||
<>
|
||||
{minutes} <Trans>min</Trans> {seconds} <Trans>sec</Trans>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
function PromptDetail({ i18n, resource, launchConfig = {} }) {
|
||||
const { defaults = {} } = launchConfig;
|
||||
const VERBOSITY = {
|
||||
0: i18n._(t`0 (Normal)`),
|
||||
1: i18n._(t`1 (Verbose)`),
|
||||
2: i18n._(t`2 (More Verbose)`),
|
||||
3: i18n._(t`3 (Debug)`),
|
||||
4: i18n._(t`4 (Connection Debug)`),
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<DetailList gutter="sm">
|
||||
<Detail label={i18n._(t`Name`)} value={resource.name} />
|
||||
<Detail label={i18n._(t`Description`)} value={resource.description} />
|
||||
<Detail
|
||||
label={i18n._(t`Type`)}
|
||||
value={resource.unified_job_type || resource.type}
|
||||
/>
|
||||
<Detail
|
||||
label={i18n._(t`Timeout`)}
|
||||
value={formatTimeout(resource?.timeout)}
|
||||
/>
|
||||
{resource?.summary_fields?.organization && (
|
||||
<Detail
|
||||
label={i18n._(t`Organization`)}
|
||||
value={
|
||||
<Link
|
||||
to={`/organizations/${resource?.summary_fields.organization.id}/details`}
|
||||
>
|
||||
{resource?.summary_fields?.organization.name}
|
||||
</Link>
|
||||
}
|
||||
/>
|
||||
)}
|
||||
|
||||
{/* TODO: Add JT, WFJT, Inventory Source Details */}
|
||||
{resource?.type === 'project' && (
|
||||
<PromptProjectDetail resource={resource} />
|
||||
)}
|
||||
|
||||
<UserDateDetail
|
||||
label={i18n._(t`Created`)}
|
||||
date={resource?.created}
|
||||
user={resource?.summary_fields?.created_by}
|
||||
/>
|
||||
<UserDateDetail
|
||||
label={i18n._(t`Last Modified`)}
|
||||
date={resource?.modified}
|
||||
user={resource?.summary_fields?.modified_by}
|
||||
/>
|
||||
</DetailList>
|
||||
|
||||
{hasPromptData(launchConfig) && (
|
||||
<>
|
||||
<PromptHeader>{i18n._(t`Prompted Values`)}</PromptHeader>
|
||||
<DetailList>
|
||||
{launchConfig.ask_job_type_on_launch && (
|
||||
<Detail label={i18n._(t`Job Type`)} value={defaults?.job_type} />
|
||||
)}
|
||||
{launchConfig.ask_credential_on_launch && (
|
||||
<Detail
|
||||
fullWidth
|
||||
label={i18n._(t`Credential`)}
|
||||
rows={4}
|
||||
value={
|
||||
<ChipGroup numChips={5}>
|
||||
{defaults?.credentials.map(cred => (
|
||||
<Chip key={cred.id} isReadOnly>
|
||||
{cred.name}
|
||||
</Chip>
|
||||
))}
|
||||
</ChipGroup>
|
||||
}
|
||||
/>
|
||||
)}
|
||||
{launchConfig.ask_inventory_on_launch && (
|
||||
<Detail
|
||||
label={i18n._(t`Inventory`)}
|
||||
value={defaults?.inventory?.name}
|
||||
/>
|
||||
)}
|
||||
{launchConfig.ask_scm_branch_on_launch && (
|
||||
<Detail
|
||||
label={i18n._(t`SCM Branch`)}
|
||||
value={defaults?.scm_branch}
|
||||
/>
|
||||
)}
|
||||
{launchConfig.ask_limit_on_launch && (
|
||||
<Detail label={i18n._(t`Limit`)} value={defaults?.limit} />
|
||||
)}
|
||||
{launchConfig.ask_verbosity_on_launch && (
|
||||
<Detail
|
||||
label={i18n._(t`Verbosity`)}
|
||||
value={VERBOSITY[(defaults?.verbosity)]}
|
||||
/>
|
||||
)}
|
||||
{launchConfig.ask_tags_on_launch && (
|
||||
<Detail
|
||||
fullWidth
|
||||
label={i18n._(t`Job Tags`)}
|
||||
value={
|
||||
<ChipGroup numChips={5}>
|
||||
{defaults?.job_tags.split(',').map(jobTag => (
|
||||
<Chip key={jobTag} isReadOnly>
|
||||
{jobTag}
|
||||
</Chip>
|
||||
))}
|
||||
</ChipGroup>
|
||||
}
|
||||
/>
|
||||
)}
|
||||
{launchConfig.ask_skip_tags_on_launch && (
|
||||
<Detail
|
||||
fullWidth
|
||||
label={i18n._(t`Skip Tags`)}
|
||||
value={
|
||||
<ChipGroup numChips={5}>
|
||||
{defaults?.skip_tags.split(',').map(skipTag => (
|
||||
<Chip key={skipTag} isReadOnly>
|
||||
{skipTag}
|
||||
</Chip>
|
||||
))}
|
||||
</ChipGroup>
|
||||
}
|
||||
/>
|
||||
)}
|
||||
{launchConfig.ask_diff_mode_on_launch && (
|
||||
<Detail
|
||||
label={i18n._(t`Diff Mode`)}
|
||||
value={
|
||||
defaults?.diff_mode === true ? i18n._(t`On`) : i18n._(t`Off`)
|
||||
}
|
||||
/>
|
||||
)}
|
||||
{launchConfig.ask_variables_on_launch && (
|
||||
<VariablesDetail
|
||||
label={i18n._(t`Variables`)}
|
||||
rows={4}
|
||||
value={defaults?.extra_vars}
|
||||
/>
|
||||
)}
|
||||
</DetailList>
|
||||
</>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
PromptDetail.propTypes = {
|
||||
resource: shape({}).isRequired,
|
||||
launchConfig: shape({}),
|
||||
};
|
||||
|
||||
export default withI18n()(PromptDetail);
|
||||
127
awx/ui_next/src/components/PromptDetail/PromptDetail.test.jsx
Normal file
127
awx/ui_next/src/components/PromptDetail/PromptDetail.test.jsx
Normal file
@@ -0,0 +1,127 @@
|
||||
import React from 'react';
|
||||
import { mountWithContexts } from '@testUtils/enzymeHelpers';
|
||||
|
||||
import PromptDetail from './PromptDetail';
|
||||
|
||||
const mockTemplate = {
|
||||
name: 'Mock Template',
|
||||
description: 'mock description',
|
||||
unified_job_type: 'job',
|
||||
created: '2019-08-08T19:24:05.344276Z',
|
||||
modified: '2019-08-08T19:24:18.162949Z',
|
||||
};
|
||||
|
||||
const mockPromptLaunch = {
|
||||
ask_credential_on_launch: true,
|
||||
ask_diff_mode_on_launch: true,
|
||||
ask_inventory_on_launch: true,
|
||||
ask_job_type_on_launch: true,
|
||||
ask_limit_on_launch: true,
|
||||
ask_scm_branch_on_launch: true,
|
||||
ask_skip_tags_on_launch: true,
|
||||
ask_tags_on_launch: true,
|
||||
ask_variables_on_launch: true,
|
||||
ask_verbosity_on_launch: true,
|
||||
defaults: {
|
||||
extra_vars: '---foo: bar',
|
||||
diff_mode: false,
|
||||
limit: 3,
|
||||
job_tags: 'one,two,three',
|
||||
skip_tags: 'skip',
|
||||
job_type: 'run',
|
||||
verbosity: 1,
|
||||
inventory: {
|
||||
name: 'Demo Inventory',
|
||||
id: 1,
|
||||
},
|
||||
credentials: [
|
||||
{
|
||||
id: 1,
|
||||
name: 'Demo Credential',
|
||||
credential_type: 1,
|
||||
passwords_needed: [],
|
||||
},
|
||||
],
|
||||
scm_branch: '123',
|
||||
},
|
||||
};
|
||||
|
||||
describe('PromptDetail', () => {
|
||||
describe('With prompt values', () => {
|
||||
let wrapper;
|
||||
|
||||
beforeAll(() => {
|
||||
wrapper = mountWithContexts(
|
||||
<PromptDetail launchConfig={mockPromptLaunch} resource={mockTemplate} />
|
||||
);
|
||||
});
|
||||
|
||||
afterAll(() => {
|
||||
wrapper.unmount();
|
||||
});
|
||||
|
||||
test('should render successfully', () => {
|
||||
expect(wrapper.find('PromptDetail').length).toBe(1);
|
||||
});
|
||||
|
||||
test('should render expected details', () => {
|
||||
function assertDetail(label, value) {
|
||||
expect(wrapper.find(`Detail[label="${label}"] dt`).text()).toBe(label);
|
||||
expect(wrapper.find(`Detail[label="${label}"] dd`).text()).toBe(value);
|
||||
}
|
||||
|
||||
expect(wrapper.find('PromptDetail h2').text()).toBe('Prompted Values');
|
||||
assertDetail('Name', 'Mock Template');
|
||||
assertDetail('Description', 'mock description');
|
||||
assertDetail('Type', 'job');
|
||||
assertDetail('Job Type', 'run');
|
||||
assertDetail('Credential', 'Demo Credential');
|
||||
assertDetail('Inventory', 'Demo Inventory');
|
||||
assertDetail('SCM Branch', '123');
|
||||
assertDetail('Limit', '3');
|
||||
assertDetail('Verbosity', '1 (Verbose)');
|
||||
assertDetail('Job Tags', 'onetwothree');
|
||||
assertDetail('Skip Tags', 'skip');
|
||||
assertDetail('Diff Mode', 'Off');
|
||||
expect(wrapper.find('VariablesDetail').prop('value')).toEqual(
|
||||
'---foo: bar'
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
describe('Without prompt values', () => {
|
||||
let wrapper;
|
||||
beforeAll(() => {
|
||||
wrapper = mountWithContexts(<PromptDetail resource={mockTemplate} />);
|
||||
});
|
||||
|
||||
afterAll(() => {
|
||||
wrapper.unmount();
|
||||
});
|
||||
|
||||
test('should render basic detail values', () => {
|
||||
expect(wrapper.find(`Detail[label="Name"]`).length).toBe(1);
|
||||
expect(wrapper.find(`Detail[label="Description"]`).length).toBe(1);
|
||||
expect(wrapper.find(`Detail[label="Type"]`).length).toBe(1);
|
||||
});
|
||||
|
||||
test('should not render promptable details', () => {
|
||||
function assertNoDetail(label) {
|
||||
expect(wrapper.find(`Detail[label="${label}"]`).length).toBe(0);
|
||||
}
|
||||
[
|
||||
'Job Type',
|
||||
'Credential',
|
||||
'Inventory',
|
||||
'SCM Branch',
|
||||
'Limit',
|
||||
'Verbosity',
|
||||
'Job Tags',
|
||||
'Skip Tags',
|
||||
'Diff Mode',
|
||||
].forEach(label => assertNoDetail(label));
|
||||
expect(wrapper.find('PromptDetail h2').length).toBe(0);
|
||||
expect(wrapper.find('VariablesDetail').length).toBe(0);
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,93 @@
|
||||
import React from 'react';
|
||||
import { withI18n } from '@lingui/react';
|
||||
import { t } from '@lingui/macro';
|
||||
import { Config } from '@contexts/Config';
|
||||
import { List, ListItem } from '@patternfly/react-core';
|
||||
|
||||
import { Detail } from '@components/DetailList';
|
||||
import CredentialChip from '@components/CredentialChip';
|
||||
import { toTitleCase } from '@util/strings';
|
||||
|
||||
function PromptProjectDetail({ i18n, resource }) {
|
||||
const {
|
||||
allow_override,
|
||||
custom_virtualenv,
|
||||
local_path,
|
||||
scm_branch,
|
||||
scm_clean,
|
||||
scm_delete_on_update,
|
||||
scm_refspec,
|
||||
scm_type,
|
||||
scm_update_on_launch,
|
||||
scm_update_cache_timeout,
|
||||
scm_url,
|
||||
summary_fields,
|
||||
} = resource;
|
||||
|
||||
let optionsList = '';
|
||||
if (
|
||||
scm_clean ||
|
||||
scm_delete_on_update ||
|
||||
scm_update_on_launch ||
|
||||
allow_override
|
||||
) {
|
||||
optionsList = (
|
||||
<List>
|
||||
{scm_clean && <ListItem>{i18n._(t`Clean`)}</ListItem>}
|
||||
{scm_delete_on_update && (
|
||||
<ListItem>{i18n._(t`Delete on Update`)}</ListItem>
|
||||
)}
|
||||
{scm_update_on_launch && (
|
||||
<ListItem>{i18n._(t`Update Revision on Launch`)}</ListItem>
|
||||
)}
|
||||
{allow_override && (
|
||||
<ListItem>{i18n._(t`Allow Branch Override`)}</ListItem>
|
||||
)}
|
||||
</List>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<Detail
|
||||
label={i18n._(t`SCM Type`)}
|
||||
value={scm_type === '' ? i18n._(t`Manual`) : toTitleCase(scm_type)}
|
||||
/>
|
||||
<Detail label={i18n._(t`SCM URL`)} value={scm_url} />
|
||||
<Detail label={i18n._(t`SCM Branch`)} value={scm_branch} />
|
||||
<Detail label={i18n._(t`SCM Refspec`)} value={scm_refspec} />
|
||||
{summary_fields?.credential?.id && (
|
||||
<Detail
|
||||
label={i18n._(t`SCM Credential`)}
|
||||
value={
|
||||
<CredentialChip
|
||||
key={resource.summary_fields.credential.id}
|
||||
credential={resource.summary_fields.credential}
|
||||
isReadOnly
|
||||
/>
|
||||
}
|
||||
/>
|
||||
)}
|
||||
{optionsList && <Detail label={i18n._(t`Options`)} value={optionsList} />}
|
||||
<Detail
|
||||
label={i18n._(t`Cache Timeout`)}
|
||||
value={`${scm_update_cache_timeout} ${i18n._(t`Seconds`)}`}
|
||||
/>
|
||||
<Detail
|
||||
label={i18n._(t`Ansible Environment`)}
|
||||
value={custom_virtualenv}
|
||||
/>
|
||||
<Config>
|
||||
{({ project_base_dir }) => (
|
||||
<Detail
|
||||
label={i18n._(t`Project Base Path`)}
|
||||
value={project_base_dir}
|
||||
/>
|
||||
)}
|
||||
</Config>
|
||||
<Detail label={i18n._(t`Playbook Directory`)} value={local_path} />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default withI18n()(PromptProjectDetail);
|
||||
1
awx/ui_next/src/components/PromptDetail/index.js
Normal file
1
awx/ui_next/src/components/PromptDetail/index.js
Normal file
@@ -0,0 +1 @@
|
||||
export { default } from './PromptDetail';
|
||||
@@ -17,6 +17,7 @@ export function initReducer() {
|
||||
nodes: [],
|
||||
nodeToDelete: null,
|
||||
nodeToEdit: null,
|
||||
nodeToView: null,
|
||||
showDeleteAllNodesModal: false,
|
||||
showLegend: false,
|
||||
showTools: false,
|
||||
@@ -93,6 +94,8 @@ export default function visualizerReducer(state, action) {
|
||||
return updateLink(state, action.linkType);
|
||||
case 'UPDATE_NODE':
|
||||
return updateNode(state, action.node);
|
||||
case 'REFRESH_NODE':
|
||||
return refreshNode(state, action.node);
|
||||
default:
|
||||
throw new Error(`Unrecognized action type: ${action.type}`);
|
||||
}
|
||||
@@ -607,3 +610,17 @@ function updateNode(state, editedNode) {
|
||||
unsavedChanges: true,
|
||||
};
|
||||
}
|
||||
|
||||
function refreshNode(state, refreshedNode) {
|
||||
const { nodeToView, nodes } = state;
|
||||
const newNodes = [...nodes];
|
||||
|
||||
const matchingNode = newNodes.find(node => node.id === nodeToView.id);
|
||||
matchingNode.unifiedJobTemplate = refreshedNode.nodeResource;
|
||||
|
||||
return {
|
||||
...state,
|
||||
nodes: newNodes,
|
||||
nodeToView: matchingNode,
|
||||
};
|
||||
}
|
||||
|
||||
@@ -16,6 +16,7 @@ const defaultState = {
|
||||
nodes: [],
|
||||
nodeToDelete: null,
|
||||
nodeToEdit: null,
|
||||
nodeToView: null,
|
||||
showDeleteAllNodesModal: false,
|
||||
showLegend: false,
|
||||
showTools: false,
|
||||
|
||||
@@ -1,20 +1,137 @@
|
||||
import React, { useContext } from 'react';
|
||||
import { WorkflowDispatchContext } from '@contexts/Workflow';
|
||||
import { Modal } from '@patternfly/react-core';
|
||||
import React, { useContext, useEffect, useCallback } from 'react';
|
||||
import { withI18n } from '@lingui/react';
|
||||
import { t } from '@lingui/macro';
|
||||
import {
|
||||
WorkflowDispatchContext,
|
||||
WorkflowStateContext,
|
||||
} from '@contexts/Workflow';
|
||||
|
||||
import { Button, Modal } from '@patternfly/react-core';
|
||||
import ContentError from '@components/ContentError';
|
||||
import ContentLoading from '@components/ContentLoading';
|
||||
import PromptDetail from '@components/PromptDetail';
|
||||
import useRequest from '@util/useRequest';
|
||||
import {
|
||||
InventorySourcesAPI,
|
||||
JobTemplatesAPI,
|
||||
ProjectsAPI,
|
||||
WorkflowJobTemplatesAPI,
|
||||
} from '@api';
|
||||
|
||||
function getNodeType(node) {
|
||||
const ujtType = node.type || node.unified_job_type;
|
||||
switch (ujtType) {
|
||||
case 'job_template':
|
||||
case 'job':
|
||||
return ['job_template', JobTemplatesAPI];
|
||||
case 'project':
|
||||
case 'project_update':
|
||||
return ['project_sync', ProjectsAPI];
|
||||
case 'inventory_source':
|
||||
case 'inventory_update':
|
||||
return ['inventory_source_sync', InventorySourcesAPI];
|
||||
case 'workflow_job_template':
|
||||
case 'workflow_job':
|
||||
return ['workflow_job_template', WorkflowJobTemplatesAPI];
|
||||
case 'workflow_approval_template':
|
||||
case 'workflow_approval':
|
||||
return ['approval', null];
|
||||
default:
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
function NodeViewModal({ i18n }) {
|
||||
const dispatch = useContext(WorkflowDispatchContext);
|
||||
const { nodeToView } = useContext(WorkflowStateContext);
|
||||
const { unifiedJobTemplate } = nodeToView;
|
||||
const [nodeType, nodeAPI] = getNodeType(unifiedJobTemplate);
|
||||
|
||||
const {
|
||||
result: launchConfig,
|
||||
isLoading: isLaunchConfigLoading,
|
||||
error: launchConfigError,
|
||||
request: fetchLaunchConfig,
|
||||
} = useRequest(
|
||||
useCallback(async () => {
|
||||
const readLaunch =
|
||||
nodeType === 'workflow_job_template'
|
||||
? WorkflowJobTemplatesAPI.readLaunch(unifiedJobTemplate.id)
|
||||
: JobTemplatesAPI.readLaunch(unifiedJobTemplate.id);
|
||||
const { data } = await readLaunch;
|
||||
return data;
|
||||
}, [nodeType, unifiedJobTemplate.id]),
|
||||
{}
|
||||
);
|
||||
|
||||
const {
|
||||
result: nodeDetail,
|
||||
isLoading: isNodeDetailLoading,
|
||||
error: nodeDetailError,
|
||||
request: fetchNodeDetail,
|
||||
} = useRequest(
|
||||
useCallback(async () => {
|
||||
const { data } = await nodeAPI?.readDetail(unifiedJobTemplate.id);
|
||||
return data;
|
||||
}, [nodeAPI, unifiedJobTemplate.id]),
|
||||
null
|
||||
);
|
||||
|
||||
useEffect(() => {
|
||||
if (nodeType === 'workflow_job_template' || nodeType === 'job_template') {
|
||||
fetchLaunchConfig();
|
||||
}
|
||||
|
||||
if (unifiedJobTemplate.unified_job_type && nodeType !== 'approval') {
|
||||
fetchNodeDetail();
|
||||
}
|
||||
}, []); // eslint-disable-line react-hooks/exhaustive-deps
|
||||
|
||||
useEffect(() => {
|
||||
if (nodeDetail) {
|
||||
dispatch({
|
||||
type: 'REFRESH_NODE',
|
||||
node: {
|
||||
nodeResource: nodeDetail,
|
||||
},
|
||||
});
|
||||
}
|
||||
}, [nodeDetail]); // eslint-disable-line react-hooks/exhaustive-deps
|
||||
|
||||
const handleEdit = () => {
|
||||
dispatch({ type: 'SET_NODE_TO_VIEW', value: null });
|
||||
dispatch({ type: 'SET_NODE_TO_EDIT', value: nodeToView });
|
||||
};
|
||||
|
||||
let Content;
|
||||
if (isLaunchConfigLoading || isNodeDetailLoading) {
|
||||
Content = <ContentLoading />;
|
||||
} else if (launchConfigError || nodeDetailError) {
|
||||
Content = <ContentError error={launchConfigError || nodeDetailError} />;
|
||||
} else {
|
||||
Content = (
|
||||
<PromptDetail launchConfig={launchConfig} resource={unifiedJobTemplate} />
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<Modal
|
||||
isLarge
|
||||
isOpen
|
||||
isFooterLeftAligned
|
||||
title={i18n._(t`Node Details`)}
|
||||
title={unifiedJobTemplate.name}
|
||||
onClose={() => dispatch({ type: 'SET_NODE_TO_VIEW', value: null })}
|
||||
actions={[
|
||||
<Button
|
||||
key="edit"
|
||||
aria-label={i18n._(t`Edit Node`)}
|
||||
onClick={handleEdit}
|
||||
>
|
||||
{i18n._(t`Edit`)}
|
||||
</Button>,
|
||||
]}
|
||||
>
|
||||
Coming soon :)
|
||||
{Content}
|
||||
</Modal>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,22 +1,174 @@
|
||||
import React from 'react';
|
||||
import { WorkflowDispatchContext } from '@contexts/Workflow';
|
||||
import { mountWithContexts } from '@testUtils/enzymeHelpers';
|
||||
import { act } from 'react-dom/test-utils';
|
||||
import {
|
||||
WorkflowDispatchContext,
|
||||
WorkflowStateContext,
|
||||
} from '@contexts/Workflow';
|
||||
import { mountWithContexts, waitForElement } from '@testUtils/enzymeHelpers';
|
||||
import { JobTemplatesAPI, WorkflowJobTemplatesAPI } from '@api';
|
||||
import NodeViewModal from './NodeViewModal';
|
||||
|
||||
let wrapper;
|
||||
jest.mock('@api/models/JobTemplates');
|
||||
jest.mock('@api/models/WorkflowJobTemplates');
|
||||
WorkflowJobTemplatesAPI.readLaunch.mockResolvedValue({});
|
||||
WorkflowJobTemplatesAPI.readDetail.mockResolvedValue({});
|
||||
JobTemplatesAPI.readLaunch.mockResolvedValue({});
|
||||
|
||||
const dispatch = jest.fn();
|
||||
|
||||
function waitForLoaded(wrapper) {
|
||||
return waitForElement(
|
||||
wrapper,
|
||||
'NodeViewModal',
|
||||
el => el.find('ContentLoading').length === 0
|
||||
);
|
||||
}
|
||||
|
||||
describe('NodeViewModal', () => {
|
||||
test('Close button dispatches as expected', () => {
|
||||
wrapper = mountWithContexts(
|
||||
<WorkflowDispatchContext.Provider value={dispatch}>
|
||||
<NodeViewModal />
|
||||
</WorkflowDispatchContext.Provider>
|
||||
);
|
||||
wrapper.find('TimesIcon').simulate('click');
|
||||
expect(dispatch).toHaveBeenCalledWith({
|
||||
type: 'SET_NODE_TO_VIEW',
|
||||
value: null,
|
||||
describe('Workflow job template node', () => {
|
||||
let wrapper;
|
||||
const workflowContext = {
|
||||
nodeToView: {
|
||||
unifiedJobTemplate: {
|
||||
id: 1,
|
||||
name: 'Mock Node',
|
||||
description: '',
|
||||
unified_job_type: 'workflow_job',
|
||||
created: '2019-08-08T19:24:05.344276Z',
|
||||
modified: '2019-08-08T19:24:18.162949Z',
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
beforeAll(async () => {
|
||||
await act(async () => {
|
||||
wrapper = mountWithContexts(
|
||||
<WorkflowDispatchContext.Provider value={dispatch}>
|
||||
<WorkflowStateContext.Provider value={workflowContext}>
|
||||
<NodeViewModal />
|
||||
</WorkflowStateContext.Provider>
|
||||
</WorkflowDispatchContext.Provider>
|
||||
);
|
||||
});
|
||||
waitForLoaded(wrapper);
|
||||
});
|
||||
|
||||
afterAll(() => {
|
||||
jest.clearAllMocks();
|
||||
wrapper.unmount();
|
||||
});
|
||||
|
||||
test('should render prompt detail', () => {
|
||||
expect(wrapper.find('PromptDetail').length).toBe(1);
|
||||
});
|
||||
|
||||
test('should fetch workflow template launch data', () => {
|
||||
expect(JobTemplatesAPI.readLaunch).not.toHaveBeenCalled();
|
||||
expect(WorkflowJobTemplatesAPI.readLaunch).toHaveBeenCalledWith(1);
|
||||
});
|
||||
|
||||
test('Close button dispatches as expected', () => {
|
||||
wrapper.find('TimesIcon').simulate('click');
|
||||
expect(dispatch).toHaveBeenCalledWith({
|
||||
type: 'SET_NODE_TO_VIEW',
|
||||
value: null,
|
||||
});
|
||||
});
|
||||
|
||||
test('Edit button dispatches as expected', () => {
|
||||
wrapper.find('button[aria-label="Edit Node"]').simulate('click');
|
||||
expect(dispatch).toHaveBeenCalledWith({
|
||||
type: 'SET_NODE_TO_VIEW',
|
||||
value: null,
|
||||
});
|
||||
expect(dispatch).toHaveBeenCalledWith({
|
||||
type: 'SET_NODE_TO_EDIT',
|
||||
value: workflowContext.nodeToView,
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('Job template node', () => {
|
||||
const workflowContext = {
|
||||
nodeToView: {
|
||||
unifiedJobTemplate: {
|
||||
id: 1,
|
||||
name: 'Mock Node',
|
||||
description: '',
|
||||
type: 'job_template',
|
||||
created: '2019-08-08T19:24:05.344276Z',
|
||||
modified: '2019-08-08T19:24:18.162949Z',
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
test('should fetch job template launch data', async () => {
|
||||
let wrapper;
|
||||
await act(async () => {
|
||||
wrapper = mountWithContexts(
|
||||
<WorkflowDispatchContext.Provider value={dispatch}>
|
||||
<WorkflowStateContext.Provider value={workflowContext}>
|
||||
<NodeViewModal />
|
||||
</WorkflowStateContext.Provider>
|
||||
</WorkflowDispatchContext.Provider>
|
||||
);
|
||||
});
|
||||
waitForLoaded(wrapper);
|
||||
expect(WorkflowJobTemplatesAPI.readLaunch).not.toHaveBeenCalled();
|
||||
expect(JobTemplatesAPI.readLaunch).toHaveBeenCalledWith(1);
|
||||
wrapper.unmount();
|
||||
jest.clearAllMocks();
|
||||
});
|
||||
|
||||
test('should show content error when read call unsuccessful', async () => {
|
||||
let wrapper;
|
||||
JobTemplatesAPI.readLaunch.mockRejectedValue(new Error({}));
|
||||
await act(async () => {
|
||||
wrapper = mountWithContexts(
|
||||
<WorkflowDispatchContext.Provider value={dispatch}>
|
||||
<WorkflowStateContext.Provider value={workflowContext}>
|
||||
<NodeViewModal />
|
||||
</WorkflowStateContext.Provider>
|
||||
</WorkflowDispatchContext.Provider>
|
||||
);
|
||||
});
|
||||
waitForLoaded(wrapper);
|
||||
expect(wrapper.find('ContentError').length).toBe(1);
|
||||
wrapper.unmount();
|
||||
jest.clearAllMocks();
|
||||
});
|
||||
});
|
||||
|
||||
describe('Project node', () => {
|
||||
const workflowContext = {
|
||||
nodeToView: {
|
||||
unifiedJobTemplate: {
|
||||
id: 1,
|
||||
name: 'Mock Node',
|
||||
description: '',
|
||||
type: 'project_update',
|
||||
created: '2019-08-08T19:24:05.344276Z',
|
||||
modified: '2019-08-08T19:24:18.162949Z',
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
test('should not fetch launch data', async () => {
|
||||
let wrapper;
|
||||
await act(async () => {
|
||||
wrapper = mountWithContexts(
|
||||
<WorkflowDispatchContext.Provider value={dispatch}>
|
||||
<WorkflowStateContext.Provider value={workflowContext}>
|
||||
<NodeViewModal />
|
||||
</WorkflowStateContext.Provider>
|
||||
</WorkflowDispatchContext.Provider>
|
||||
);
|
||||
});
|
||||
waitForLoaded(wrapper);
|
||||
expect(WorkflowJobTemplatesAPI.readLaunch).not.toHaveBeenCalled();
|
||||
expect(JobTemplatesAPI.readLaunch).not.toHaveBeenCalled();
|
||||
wrapper.unmount();
|
||||
jest.clearAllMocks();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user