As an Operations Manager, I want to be able to create Transitions in the React Designer

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: 7.4.3.5 CE GA5, 7.4.3.7 CE GA7, 7.4.13 DXP U3, Master
• Component/s: Workflow
• Labels:
  • 7.4-portal-ga5
  • S
  • fc_21_12
  • qa_test_mapped
• Epic Link: Kaleo Designer to React migration

As an Operations Manager, I want to be able to create Transitions in the React Designer so that I can connect nodes in my workflow process. 

Design Deliverables

Mockup

Context 

In order to satisfy the growing needs and expectations of our users, the Workflow builder technology needs to evolve. The current technology limits us from evolving and achieving our low-code first vision. It was therefore decided that we will replace the current Kaleo Designer of Workflow built in Alloy with a new and improved Workflow Process Designer built in React and leveraging the React Flow Library.

This will allow us to not only improve the UI/UX of the feature, but also enable the company to drastically reduce the cost to maintain and develop new features in the Workflow Process Builder. Overall, this migration is key to the future goals of Workflow, the Low Code Initiative and Commerce Use Cases.

 

As part of this migration, we will be migrating Transitions to react. This will allow us to connect nodes to one another. With this functionality, coupled with the completion of LPS-140048 and LPS-139387, we will be able to create and publish a complete Workflow in the new React Designer.

In this Story's scope, users should be able to:

1. Create Transitions
2. Edit the Label and Transition ID of the Transition
3. Localize the Label of the Transition
4. Set the Default setting for the Transition
5. Delete Transitions

Acceptance Criteria

Given that a user is defining a new workflow process using the React Designer,
when he clicks on a node, 
then he should be able to create a transition from one node to another.

Given that a user is defining a new workflow process using the React Designer,
when he clicks on a transition, 
then he should be able to edit the Transition's Label.

Given that a user is defining a new workflow process using the React Designer,
when he clicks on a transition, 
then he should be able to define the Default property.

Given that a user is defining a new workflow process using the React Designer,
when he clicks on a transition, 
then he should be able to delete the transition. 

Given that a user is defining a new workflow process using the React Designer,
when he clicks on a transition, 
then he should be able to localize the name of the transition.

 

Definition of Done (DoD):

• All Acceptance Criteria were passed;
• Make sure that the expected automated tests were created (unit / integration / functional) and passed successfully;
• Code with peer review completed;
• Validated by QA, Product Designer and/or PM;
• No critical bug related to Story scope (ex.: similar of FP4, FP5);
• Make sure that all system documentation were updated (if necessary)
•  Make sure that it has the extensions points needed to allow GS and customers to customize the feature (If applicable)