process model cypress tests are passing w/ burnettk
This commit is contained in:
parent
8a7a7f3de2
commit
5b2264b7f8
|
@ -99,7 +99,7 @@ describe('process-models', () => {
|
||||||
cy.contains(/^Process Model File$/);
|
cy.contains(/^Process Model File$/);
|
||||||
// Some reason, cypress evals json strings so we have to escape it it with '{{}'
|
// Some reason, cypress evals json strings so we have to escape it it with '{{}'
|
||||||
cy.get('.view-line').type('{{} "test_key": "test_value" }');
|
cy.get('.view-line').type('{{} "test_key": "test_value" }');
|
||||||
cy.contains('Save').click();
|
cy.getBySel('file-save-button').click();
|
||||||
cy.get('input[name=file_name]').type(jsonFileName);
|
cy.get('input[name=file_name]').type(jsonFileName);
|
||||||
cy.contains('Save Changes').click();
|
cy.contains('Save Changes').click();
|
||||||
cy.contains(`Process Model File: ${jsonFileName}`);
|
cy.contains(`Process Model File: ${jsonFileName}`);
|
||||||
|
@ -168,12 +168,8 @@ describe('process-models', () => {
|
||||||
});
|
});
|
||||||
|
|
||||||
it('can allow searching for model', () => {
|
it('can allow searching for model', () => {
|
||||||
cy.get('[name=process-model-selection]').click();
|
cy.getBySel('process-model-selection').click().type('model-3');
|
||||||
cy.get('[name=process-model-selection]').type('model-3');
|
cy.contains('acceptance-tests-group-one/acceptance-tests-model-3').click();
|
||||||
cy.get(
|
cy.contains('List').click();
|
||||||
`[aria-label="acceptance-tests-group-one/acceptance-tests-model-3"]`
|
|
||||||
).click();
|
|
||||||
|
|
||||||
cy.contains('Process Instances').click();
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
|
@ -45,30 +45,11 @@ export default function ButtonWithConfirmation({
|
||||||
onRequestSubmit={handleConfirmation}
|
onRequestSubmit={handleConfirmation}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
// return (
|
|
||||||
// <Modal
|
|
||||||
// show={showConfirmationPrompt}
|
|
||||||
// onHide={handleConfirmationPromptCancel}
|
|
||||||
// >
|
|
||||||
// <Modal.Header closeButton>
|
|
||||||
// <Modal.Title>{title}</Modal.Title>
|
|
||||||
// </Modal.Header>
|
|
||||||
// {modalBodyElement()}
|
|
||||||
// <Modal.Footer>
|
|
||||||
// <Button variant="secondary" onClick={handleConfirmationPromptCancel}>
|
|
||||||
// Cancel
|
|
||||||
// </Button>
|
|
||||||
// <Button variant="primary" onClick={handleConfirmation}>
|
|
||||||
// {confirmButtonLabel}
|
|
||||||
// </Button>
|
|
||||||
// </Modal.Footer>
|
|
||||||
// </Modal>
|
|
||||||
// );
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Button onClick={handleShowConfirmationPrompt} variant="danger">
|
<Button onClick={handleShowConfirmationPrompt} kind="danger">
|
||||||
{buttonLabel}
|
{buttonLabel}
|
||||||
</Button>
|
</Button>
|
||||||
{confirmationDialog()}
|
{confirmationDialog()}
|
||||||
|
|
|
@ -29,6 +29,7 @@ export default function ProcessModelSearch({
|
||||||
<ComboBox
|
<ComboBox
|
||||||
onChange={onChange}
|
onChange={onChange}
|
||||||
id="process-model-select"
|
id="process-model-select"
|
||||||
|
data-qa="process-model-selection"
|
||||||
items={processModels}
|
items={processModels}
|
||||||
itemToString={(processModel: ProcessModel) => {
|
itemToString={(processModel: ProcessModel) => {
|
||||||
if (processModel) {
|
if (processModel) {
|
||||||
|
|
|
@ -18,7 +18,8 @@ import {
|
||||||
} from 'dmn-js-properties-panel';
|
} from 'dmn-js-properties-panel';
|
||||||
|
|
||||||
import React, { useRef, useEffect, useState } from 'react';
|
import React, { useRef, useEffect, useState } from 'react';
|
||||||
import Button from 'react-bootstrap/Button';
|
// @ts-ignore
|
||||||
|
import { Button } from '@carbon/react';
|
||||||
|
|
||||||
import 'bpmn-js/dist/assets/diagram-js.css';
|
import 'bpmn-js/dist/assets/diagram-js.css';
|
||||||
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css';
|
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css';
|
||||||
|
|
|
@ -194,31 +194,25 @@ export default function ProcessModelEditDiagram() {
|
||||||
const newFileNameBox = () => {
|
const newFileNameBox = () => {
|
||||||
const fileExtension = `.${searchParams.get('file_type')}`;
|
const fileExtension = `.${searchParams.get('file_type')}`;
|
||||||
return (
|
return (
|
||||||
<Modal show={showFileNameEditor} onHide={handleFileNameCancel}>
|
<Modal
|
||||||
<Modal.Header closeButton>
|
open={showFileNameEditor}
|
||||||
<Modal.Title>Process Model File Name</Modal.Title>
|
modalHeading="Processs Model File Name"
|
||||||
</Modal.Header>
|
primaryButtonText="Save Changes"
|
||||||
<form onSubmit={handleFileNameSave}>
|
secondaryButtonText="Cancel"
|
||||||
<label>File Name:</label>
|
onSecondarySubmit={handleFileNameCancel}
|
||||||
<span>
|
onRequestSubmit={handleFileNameSave}
|
||||||
<input
|
>
|
||||||
name="file_name"
|
<label>File Name:</label>
|
||||||
type="text"
|
<span>
|
||||||
value={newFileName}
|
<input
|
||||||
onChange={(e) => setNewFileName(e.target.value)}
|
name="file_name"
|
||||||
autoFocus
|
type="text"
|
||||||
/>
|
value={newFileName}
|
||||||
{fileExtension}
|
onChange={(e) => setNewFileName(e.target.value)}
|
||||||
</span>
|
autoFocus
|
||||||
<Modal.Footer>
|
/>
|
||||||
<Button variant="secondary" onClick={handleFileNameCancel}>
|
{fileExtension}
|
||||||
Cancel
|
</span>
|
||||||
</Button>
|
|
||||||
<Button variant="primary" type="submit">
|
|
||||||
Save Changes
|
|
||||||
</Button>
|
|
||||||
</Modal.Footer>
|
|
||||||
</form>
|
|
||||||
</Modal>
|
</Modal>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
@ -119,31 +119,25 @@ export default function ReactFormEditor() {
|
||||||
|
|
||||||
const newFileNameBox = () => {
|
const newFileNameBox = () => {
|
||||||
return (
|
return (
|
||||||
<Modal show={showFileNameEditor} onHide={handleFileNameCancel}>
|
<Modal
|
||||||
<Modal.Header closeButton>
|
open={showFileNameEditor}
|
||||||
<Modal.Title>Process Model File Name</Modal.Title>
|
modalHeading="Processs Model File Name"
|
||||||
</Modal.Header>
|
primaryButtonText="Save Changes"
|
||||||
<form onSubmit={handleFileNameSave}>
|
secondaryButtonText="Cancel"
|
||||||
<label>File Name:</label>
|
onSecondarySubmit={handleFileNameCancel}
|
||||||
<span>
|
onRequestSubmit={handleFileNameSave}
|
||||||
<input
|
>
|
||||||
name="file_name"
|
<label>File Name:</label>
|
||||||
type="text"
|
<span>
|
||||||
value={newFileName}
|
<input
|
||||||
onChange={(e) => setNewFileName(e.target.value)}
|
name="file_name"
|
||||||
autoFocus
|
type="text"
|
||||||
/>
|
value={newFileName}
|
||||||
.{fileExtension}
|
onChange={(e) => setNewFileName(e.target.value)}
|
||||||
</span>
|
autoFocus
|
||||||
<Modal.Footer>
|
/>
|
||||||
<Button variant="secondary" onClick={handleFileNameCancel}>
|
{fileExtension}
|
||||||
Cancel
|
</span>
|
||||||
</Button>
|
|
||||||
<Button variant="primary" type="submit">
|
|
||||||
Save Changes
|
|
||||||
</Button>
|
|
||||||
</Modal.Footer>
|
|
||||||
</form>
|
|
||||||
</Modal>
|
</Modal>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
@ -161,7 +155,7 @@ export default function ReactFormEditor() {
|
||||||
{processModelFile ? `: ${(processModelFile as any).name}` : ''}
|
{processModelFile ? `: ${(processModelFile as any).name}` : ''}
|
||||||
</h2>
|
</h2>
|
||||||
{newFileNameBox()}
|
{newFileNameBox()}
|
||||||
<Button onClick={saveFile} variant="danger">
|
<Button onClick={saveFile} variant="danger" data-qa="file-save-button">
|
||||||
Save
|
Save
|
||||||
</Button>
|
</Button>
|
||||||
{params.file_name ? (
|
{params.file_name ? (
|
||||||
|
|
Loading…
Reference in New Issue