spiff-arena/spiffworkflow-frontend/cypress/e2e/process_models.cy.js

204 lines
8.0 KiB
JavaScript

import { modifyProcessIdentifierForPathParam } from '../../src/helpers';
import { miscDisplayName } from '../support/helpers';
describe('process-models', () => {
beforeEach(() => {
cy.login();
});
afterEach(() => {
cy.logout();
});
const groupDisplayName = 'Acceptance Tests Group One';
const deleteProcessModelButtonId = 'delete-process-model-button';
const saveChangesButtonText = 'Save Changes';
const fileNameInputSelector = 'input#process_model_file_name';
it('can perform crud operations', () => {
const uuid = () => Cypress._.random(0, 1e6);
const id = uuid();
const groupId = 'misc/acceptance-tests-group-one';
const modelDisplayName = `Test Model 2 ${id}`;
const modelId = `test-model-2-${id}`;
const newModelDisplayName = `${modelDisplayName} edited`;
cy.contains(miscDisplayName).click();
cy.contains(groupDisplayName).click();
cy.createModel(groupId, modelId, modelDisplayName);
cy.url().should(
'include',
`process-models/${modifyProcessIdentifierForPathParam(
groupId
)}:${modelId}`
);
cy.contains(`Process Model: ${modelDisplayName}`);
cy.getBySel('edit-process-model-button').click();
cy.get('input[name=display_name]').clear();
cy.get('input[name=display_name]').type(newModelDisplayName);
cy.contains('Submit').click();
cy.contains(`Process Model: ${newModelDisplayName}`);
cy.deleteProcessModelAndConfirm(deleteProcessModelButtonId, groupId);
cy.contains(modelId).should('not.exist');
cy.contains(modelDisplayName).should('not.exist');
});
it('can create new bpmn and dmn and json files', () => {
const uuid = () => Cypress._.random(0, 1e6);
const id = uuid();
const directParentGroupId = 'acceptance-tests-group-one';
const groupId = `misc/${directParentGroupId}`;
const modelDisplayName = `Test Model 2 ${id}`;
const modelId = `test-model-2-${id}`;
const bpmnFileName = `bpmn_test_file_${id}`;
const dmnFileName = `dmn_test_file_${id}`;
const jsonFileName = `json_test_file_${id}`;
const decisionAcceptanceTestId = `decision_acceptance_test_${id}`;
cy.contains(miscDisplayName).click();
cy.contains(groupDisplayName).click();
cy.createModel(groupId, modelId, modelDisplayName);
cy.contains(groupDisplayName).click();
cy.contains(modelDisplayName).click();
cy.url().should(
'include',
`process-models/${modifyProcessIdentifierForPathParam(
groupId
)}:${modelId}`
);
cy.contains(`Process Model: ${modelDisplayName}`);
cy.contains(`${bpmnFileName}.bpmn`).should('not.exist');
cy.contains(`${dmnFileName}.dmn`).should('not.exist');
cy.contains(`${jsonFileName}.json`).should('not.exist');
// add new bpmn file
cy.getBySel('process-model-add-file').click();
cy.getBySel('process-model-add-file').contains('New BPMN File').click();
cy.contains(/^Process Model File$/);
cy.get('g[data-element-id=StartEvent_1]').click();
cy.get('.bio-properties-panel-group-header-title[title=General]').click();
cy.get('#bio-properties-panel-name').clear();
cy.get('#bio-properties-panel-name').type('Start Event Name');
cy.wait(500);
cy.getBySel('process-model-file-changed');
cy.getBySel('process-model-file-save-button').click();
cy.contains('Start Event Name');
cy.get(fileNameInputSelector).type(bpmnFileName);
cy.contains(saveChangesButtonText).click();
cy.contains(`Process Model File: ${bpmnFileName}`);
cy.contains(modelDisplayName).click();
cy.contains(`Process Model: ${modelDisplayName}`);
// cy.getBySel('files-accordion').click();
cy.contains(`${bpmnFileName}.bpmn`).should('exist');
// add new dmn file
cy.getBySel('process-model-add-file').click();
cy.getBySel('process-model-add-file').contains('New DMN File').click();
cy.contains(/^Process Model File$/);
cy.get('g[data-element-id^=decision_]').click();
cy.contains('General').click();
cy.get('#bio-properties-panel-id').clear();
cy.get('#bio-properties-panel-id').type(decisionAcceptanceTestId);
cy.contains('General').click();
cy.getBySel('process-model-file-save-button').click();
cy.get(fileNameInputSelector).type(dmnFileName);
cy.contains(saveChangesButtonText).click();
cy.contains(`Process Model File: ${dmnFileName}`);
cy.contains(modelDisplayName).click();
cy.contains(`Process Model: ${modelDisplayName}`);
// cy.getBySel('files-accordion').click();
cy.contains(`${dmnFileName}.dmn`).should('exist');
// add new json file
cy.getBySel('process-model-add-file').click();
cy.getBySel('process-model-add-file').contains('New JSON File').click();
cy.contains(/^Process Model File$/);
// Some reason, cypress evals json strings so we have to escape it it with '{{}'
cy.get('.view-line').type('{{} "test_key": "test_value" }');
cy.getBySel('file-save-button').click();
cy.get(fileNameInputSelector).type(jsonFileName);
cy.contains(saveChangesButtonText).click();
cy.contains(`Process Model File: ${jsonFileName}`);
// wait for json to load before clicking away to avoid network errors
cy.wait(500);
cy.contains(modelDisplayName).click();
cy.contains(`Process Model: ${modelDisplayName}`);
// cy.getBySel('files-accordion').click();
cy.contains(`${jsonFileName}.json`).should('exist');
cy.deleteProcessModelAndConfirm(deleteProcessModelButtonId, groupId);
cy.contains(modelId).should('not.exist');
cy.contains(modelDisplayName).should('not.exist');
// we go back to the parent process group after deleting the model
cy.get('.tile-process-group-content-container').should('exist');
});
// FIXME: we currently do not know how to upload files since the new Add File
// component does not support the selectFile method
// it('can upload and run a bpmn file', () => {
// const uuid = () => Cypress._.random(0, 1e6);
// const id = uuid();
// const directParentGroupId = 'acceptance-tests-group-one';
// const groupId = `misc/${directParentGroupId}`;
// const modelDisplayName = `Test Model 2 ${id}`;
// const modelId = `test-model-2-${id}`;
// cy.contains('Add a process group');
// cy.contains(miscDisplayName).click();
// cy.contains(groupDisplayName).click();
// cy.createModel(groupId, modelId, modelDisplayName);
//
// cy.contains(`${groupDisplayName}`).click();
// cy.contains('Add a process model');
// cy.contains(modelDisplayName).click();
// cy.url().should(
// 'include',
// `process-models/${modifyProcessIdentifierForPathParam(
// groupId
// )}:${modelId}`
// );
// cy.contains(`Process Model: ${modelDisplayName}`);
//
// cy.getBySel('upload-file-button').click();
// cy.contains('Add file').selectFile(
// 'cypress/fixtures/test_bpmn_file_upload.bpmn'
// );
// cy.getBySel('modal-upload-file-dialog')
// .find('.cds--btn--primary')
// .contains('Upload')
// .click();
// cy.runPrimaryBpmnFile();
//
// cy.getBySel('process-instance-show-link-id').click();
// cy.getBySel('process-instance-delete').click();
// cy.contains('Are you sure');
// cy.getBySel('process-instance-delete-modal-confirmation-dialog')
// .find('.cds--btn--danger')
// .click();
//
// // in breadcrumb
// cy.contains(modelDisplayName).click();
//
// cy.getBySel(deleteProcessModelButtonId).click();
// cy.contains('Are you sure');
// cy.getBySel('delete-process-model-button-modal-confirmation-dialog')
// .find('.cds--btn--danger')
// .click();
// cy.url().should(
// 'include',
// `process-groups/${modifyProcessIdentifierForPathParam(groupId)}`
// );
// cy.contains(modelId).should('not.exist');
// cy.contains(modelDisplayName).should('not.exist');
// });
it('can allow searching for model', () => {
cy.getBySel('process-model-selection').click();
cy.getBySel('process-model-selection').type('model-3');
cy.contains('acceptance-tests-group-one/acceptance-tests-model-3').click();
cy.contains('Acceptance Tests Model 3');
});
});