bpmn-visualization-examples icon indicating copy to clipboard operation
bpmn-visualization-examples copied to clipboard

[FEAT] Add a demo of execution coverage of a BPMN diagram

Open tbouffard opened this issue 1 year ago • 0 comments

Is your feature request related to a problem? Please describe. Execution coverage can be useful for

  • automatic testing: show the paths that have been covered or remain uncovered
  • process usage: show if some part of the diagram are modeled but never used

Describe the solution you'd like Demonstrate the usage of https://github.com/process-analytics/bpmn-visualization-js/issues/1030 and https://github.com/process-analytics/bpmn-visualization-js/issues/2458 Overlays and CSS classes may also be used in this new demo.

The following example fill elements in green when they are covered by a test.

Example from camunda-community-hub

In our example, we could also

  • show test failures (in orange/yellow) and errors (in red) with the number of failures/errors
  • visualize coverage with badges and edges stroke width (as we do in the monitoring demo for the the frequency use case)

Demo proposal

  • [ ] decide if we store the demo in this repo, or if we use a dedicated repository starting from https://github.com/process-analytics/bpmn-visualization-demo-template/. Using the IIFE bundle directly in JS is painful and not productive
  • [ ] "a la" test coverage with pass, failure, error
  • [ ] paths used regarding the execution trace. Show unused paths like we do in the prediction demo (blur or low opacity on paths not used)

tbouffard avatar Mar 07 '23 13:03 tbouffard