[UX/UI] As a developer, I want to have UI to monitor daily tests, so I can understand code quality

[lukasimrich]

No description provided.

[lukasimrich]

Week 42

DONE

• Inventory + Exploration https://www.figma.com/file/m7nIkbUhmtLRPmWnk6IPra/Rust-Node-Dashboard?type=whiteboard&node-id=326-86193&t=eeBt7z8IAClFpgkT-4

TODO

• Understand scope and needs

[lukasimrich]

Week 43

DONE

• UI Concept showcasing
• Tests Dashboard
• Scenarios detail
• Blockchain Explorer

Information Architecture
Cluster of Nodes views:

• Network Communication
• Resources
• Node Blockchain State
• Status (Synced, …)
• Frontier 290/290
• SNARKs Received / Produced
• Transactions Received / Produced
• State Machine
  Test Run views:
• Test
• Checks
• Nodes in Scenario
• Steps & Breakpoints

Example Flow
Tests Dashboard with Passed/ Fail Checks
-> select test with failed checks
Test Detail
-> add a breakpoint & replay test
Test Detail stopped at the breakpoint
-> Open Node at the selected Breakpoint
Node Blockchain instance State
-> Investigate Status/Frontier/SNARks… & Open State Machine
Node Blockchain State Machine Detail
-> Analyse and control Time/Replay

[lukasimrich]

Week 44

DONE

• Simplified Dashboard iteration with Zura and Alex

IDEA?

• Aggregated Logs with proper filtering for each set of tests, differentiated Node source / Scenario / Check