[UX/UI] As a developer, I want to have UI to setup/observe testing framework, so it is easier to do

[lukasimrich]

The task is based on openmina/openmina#82

Context

• Rust architecture allows for precise observation/control of node states

Problem

• Debugging (Deatil will be added later )

Desired Outcome

• Complete control over all the inputs of the state machine, eg time, content and order of the events
• Run not just one, but multiple nodes
• Build scenarios on top of one another. For example we might have a scenario which simply connects two nodes together. We should be able to refer to that scenario as a starting point and build new one from there.

[lukasimrich]

WEEK 36

DONE

• Initial research & Concept
• UI Iterations based on feedback from Zura

TODO

• Check how feasible is the concept
• Get feedback from entire team

[lukasimrich]

WEEK 37

DONE

• Concept Reviewed with Zura & Alexander
• Added Time Control, Breakpoints, Add/Remove Events & Interactions

[lukasimrich]

Week 39

• Review with Zura
• UI Improvements
• New Step focused view

TODO

• Review the Steps view with Alexander

Nodes View

Steps View

[lukasimrich]

Week 40

• Team review
• Feasibility Check with Teo and Zura
• Bare minimum UI Iteration

Key flow, consists of

• Loading Scenario (Predefined, No UI for Scenarios Overivew)
• Adding steps as choosing node and string
  • Steps have only two states: TODO or DONE
  • FE reloads scenario after adding a step
• RUN STEPS button does both, start a cluster and execute steps + UI shows that scenario is running
• Pending Events are displayed on the right side
  • with Option + to be added, I kept there info what pending event is matching what step +
  • Filter to see only events for a specific node (Here we can even bind it to keystrokes so its fast to switch)

[lukasimrich]

Week 42

DONE

• Added detail pattern to show effects/json