Adjustments

cypress/platform/knsv.html

@@ -55,7 +55,7 @@ flowchart TD
   class T TestSub
   linkStyle 0,1 color:orange, stroke: orange;
 </div>
-      <div class="mermaid2" style="width: 100%; height: 20%;">
+      <div class="mermaid" style="width: 100%; height: 20%;">
 stateDiagram-v2
     [*] --> Off
     Off --> On
@@ -103,27 +103,62 @@ stateDiagram-v2
 
       </div>
 <div class="mermaid2" style="width: 100%; height: 20%;">
-state
+stateDiagram-v2
 state "Not Shooting State" as NotShooting {
-  state "Idle mode" as Idle
   state "Configuring mode" as Configuring
   [*] --> Idle
+  Idle : this is a string
+  Idle : this is another string
   Idle --> Configuring : EvConfig
   Configuring --> Idle : EvConfig
 }
 
 </div>
-      <div class="mermaid" style="width: 100%; height: 20%;">
-stateDiagram
-state S1 {
-sub1 -->sub2
-}
-state S2 {
-    sub4
-}
-S1 --> S2
-sub1 --> sub4
+      <div class="mermaid2" style="width: 100%; height: 20%;">
+stateDiagram-v2
+    [*] --> Off
+    Off --> On
+    On --> Select
+    Select --> Washing
+    Washing --> Finished
+    Finished --> [*]
+    state Select
+    {
+      state "Program 1" as Prg1
+      [*] --> Prg1
+      Prg1 --> [*]
+      [*] --> Prg2
+      Prg2 --> [*]
+      [*] --> Prg3
+      Prg3 --> [*]
+    }
 
+    state Washing {
+      state Using_Prg1 {
+        [*] --> P1Step1
+        P1Step1 --> P1Step2
+        P1Step2 --> P1Step3
+        P1Step3 --> [*]
+      }
+      state Using_Prg2 {
+        [*] --> P2Step1
+        P2Step1 --> P2Step2
+        P2Step2 --> P2Step3
+        P2Step3 --> [*]
+      }
+
+      state Using_Prg3 {
+        [*] --> Step1
+        Step1 --> Step2
+        Step2 --> [*]
+      }
+      [*] --> Using_Prg1
+      [*] --> Using_Prg2
+      [*] --> Using_Prg3
+      Using_Prg1 --> [*]
+      Using_Prg2 --> [*]
+      Using_Prg3 --> [*]
+    }
       </div>
 <div class="mermaid2" style="width: 100%; height: 20%;">
   requirementDiagram