TheSoftwareDesignLab · juanmanuelgg · Apr 30, 2023 · Apr 30, 2023 · Apr 30, 2023 · Apr 30, 2023
diff --git a/.gitignore b/.gitignore
@@ -1,10 +1,13 @@
 node_modules/
 
 .png\n*
-screenshots*/
-temp*/
-*graph.json
-*graph2.json
-*graph3.json
+results/*/screenshots*/
+results/*/temp*/
+results/*/*graph.json
+results/*/*graph2.json
+results/*/*graph3.json
 firebaseConfig.js
-results/
+results/
+/test-results/
+/playwright-report/
+/playwright/.cache/
diff --git a/README.md b/README.md
@@ -1,17 +1,26 @@
 # RIPuppet
+
 A node js library for GUI Ripping on web applications
 
 # Executing
+
 To execute the testing tool use the following command:
 
+```bash
+npm start
 ```
-node index.js url headless
 
-```
+# Ver el reporte
 
-For example:
+Para ver el reporte generado por el testing tool, se debe abrir el archivo index.html que se encuentra en la carpeta reporte.
+Ayudado por un servidor web, se puede ver el reporte en el navegador.
 
+```bash
+npm i -g http-server
+cd results/2023-04-30T03.04.29.739Z/chromium
+http-server
 ```
-node index.js https://github.com true
 
-```
+Por su comodidad deplegamos el reporte en la siguiente URL:
+
+[Reporte de la entrega de la semana 4](https://juanmanuelgg.github.io/RIPuppetCoursera/)
diff --git a/clean-local-branches.sh b/clean-local-branches.sh
@@ -0,0 +1,5 @@
+#!/bin/bash
+
+# Con este script cada rama que ya no exista en el repositiro remoto se elimina en el repositorio local.
+
+git fetch --all -p; git branch -vv | grep ": gone]" | awk '{ print "git branch -D "$1 }' | sh
diff --git a/config.json b/config.json
@@ -1,12 +1,8 @@
 {
-    "url": "https://thesoftwaredesignlab.github.io",
-    "headless": true,
-    "depthLevels": 1,
-    "inputValues": false,
-    "values": {"userInput": "Mario",
-        "passwordInput": "123456",
-        "passwordTwoInput": "123456",
-        "nameInput": "Mario",
-        "emailInput": "[email protected]"},
-    "browsers": ["chromium", "webkit", "firefox"]
-}
+  "url": "http://localhost:2368/ghost",
+  "headless": false,
+  "depthLevels": 2,
+  "inputValues": true,
+  "values": { "ember8": "[email protected]", "ember10": "abc1234567890" },
+  "browsers": ["chromium"]
+}
diff --git a/docs/_config.yml b/docs/_config.yml
@@ -0,0 +1,11 @@
+title: Notas
+author: Juan Manuel González Garzón
+email: [email protected]
+description: >- # this means to ignore newlines until "baseurl:"
+  Reporte generado por ripuppet.
+baseurl: "" # the subpath of your site, e.g. /blog
+url: "https://juanmanuelgg.github.io" # the base hostname & protocol for your site, e.g. http://example.com
+
+remote_theme: pages-themes/[email protected]
+plugins:
+- jekyll-remote-theme # add this line to the plugins list if you already have one
diff --git a/docs/graph.json b/docs/graph.json
diff --git a/docs/graph2.json b/docs/graph2.json
diff --git a/docs/graph3.json b/docs/graph3.json
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+
+<!------------------------DO NOT REMOVE THIS FILE. THIS IS THE BASE OF THE REPORTS CREATED BY THE TOOL------------------------->
+
+<head>
+  <meta charset="utf-8">
+
+
+  <!-- Bootstrap CSS -->
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
+  <!-- Custom CSS -->
+  <link rel="stylesheet" href="main.css">
+</head>
+
+<body>
+
+
+<nav class="navbar navbar-expand-lg navbar-light bg-light">
+    <span class="navbar-brand mb-0 h1">RIPuppet</span>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarNavDropdown">
+      <ul class="navbar-nav">
+        <li class="nav-item active">
+           <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="#">Visualization</a>
+        </li>
+      </ul>
+    </div>
+  </nav>
+
+  <br/>
+  <br/>
+  <br/>
+
+  <div class="container">
+    <h1>Visited webpages</h1>
+    <div class="row">
+      <div class="col-md-10">
+        <div id="svgContainer">
+          <svg width="3725" height="3500"></svg>
+        </div>
+      </div>
+    </div>
+    <div>
+      <br/>
+      <h4 id="stateName">State</h4>
+      <br/>
+
+    </div>
+
+    <div class="row">
+      <div class="col-md-9">
+        <img src="" alt="State Photo" id="stateImage" class="hidden">
+      </div>
+      <div class="col-md-3">
+        <div class="panel panel-default" style="margin-top: 10px;">
+          <table class="table">
+              <tbody id="executionTable">
+                  <tr>
+                      <th scope="row">Element type</th>
+                  </tr>
+                  <tr>
+                      <td id="elementType">-</td>
+                  </tr>
+                  <tr>
+                      <th id="urlOrTransition" scope="row">URL</th>
+                  </tr>
+                  <tr>
+                      <td id="stateUrl">-</td>
+                  </tr>
+                  <tr>
+                      <th id="errorsRow"  scope="row">Errors found</th>
+                  </tr>
+                  <tr>
+                      <td id="errorsNumber"></td>
+                  </tr>
+              </tbody>
+          </table>
+      </div>
+      </div>
+    </div>
+    <br/>
+    <div>
+      <h5 id="errorsTitle">Errors</h5>
+      <br/>
+      <br/>
+      <div class="col-md-9" id="errorMessageContainer">
+
+      </div>
+
+    </div>
+
+
+
+  </div>
+
+  <br/>
+  <br/>
+  <br/>
+
+
+  <script src="https://d3js.org/d3.v4.min.js"></script>
+  <!-- jQuery and Bootstrap -->
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>
+  <script src="script.js"></script>
+</body>
diff --git a/docs/main.css b/docs/main.css
@@ -0,0 +1,37 @@
+.links line {
+  stroke: #999;
+  stroke-opacity: 0.6;
+}
+
+.nodes circle {
+  stroke: #fff;
+  stroke-width: 1.5px;
+}
+
+text {
+  font-family: sans-serif;
+  font-size: 10px;
+}
+
+#svgContainer {
+  margin-left:-20%;
+  width: 3725px;
+  height: 3500px;
+  overflow: scroll;
+}
+
+svg {
+  border: 2px solid lightskyblue;
+  border-radius: 8px;
+  width: 100%;
+  height: 100%;
+}
+
+#stateImage {
+  max-width: 100%;
+  height: auto;
+}
+
+.hidden {
+  visibility: hidden;
+}
diff --git a/docs/screenshots/0.png b/docs/screenshots/0.png
diff --git a/docs/screenshots/1.png b/docs/screenshots/1.png
diff --git a/docs/screenshots/10.png b/docs/screenshots/10.png
diff --git a/docs/screenshots/100.png b/docs/screenshots/100.png
diff --git a/docs/screenshots/101.png b/docs/screenshots/101.png
diff --git a/docs/screenshots/102.png b/docs/screenshots/102.png
diff --git a/docs/screenshots/103.png b/docs/screenshots/103.png
diff --git a/docs/screenshots/104.png b/docs/screenshots/104.png
diff --git a/docs/screenshots/105.png b/docs/screenshots/105.png
diff --git a/docs/screenshots/106.png b/docs/screenshots/106.png
diff --git a/docs/screenshots/107.png b/docs/screenshots/107.png
diff --git a/docs/screenshots/108.png b/docs/screenshots/108.png
diff --git a/docs/screenshots/109.png b/docs/screenshots/109.png
diff --git a/docs/screenshots/11.png b/docs/screenshots/11.png
diff --git a/docs/screenshots/110.png b/docs/screenshots/110.png
diff --git a/docs/screenshots/111.png b/docs/screenshots/111.png
diff --git a/docs/screenshots/112.png b/docs/screenshots/112.png
diff --git a/docs/screenshots/113.png b/docs/screenshots/113.png
diff --git a/docs/screenshots/114.png b/docs/screenshots/114.png
diff --git a/docs/screenshots/115.png b/docs/screenshots/115.png
diff --git a/docs/screenshots/116.png b/docs/screenshots/116.png
diff --git a/docs/screenshots/117.png b/docs/screenshots/117.png
diff --git a/docs/screenshots/118.png b/docs/screenshots/118.png
diff --git a/docs/screenshots/119.png b/docs/screenshots/119.png
diff --git a/docs/screenshots/12.png b/docs/screenshots/12.png
diff --git a/docs/screenshots/120.png b/docs/screenshots/120.png
diff --git a/docs/screenshots/121.png b/docs/screenshots/121.png
diff --git a/docs/screenshots/122.png b/docs/screenshots/122.png
diff --git a/docs/screenshots/123.png b/docs/screenshots/123.png
diff --git a/docs/screenshots/124.png b/docs/screenshots/124.png
diff --git a/docs/screenshots/125.png b/docs/screenshots/125.png
diff --git a/docs/screenshots/126.png b/docs/screenshots/126.png
diff --git a/docs/screenshots/127.png b/docs/screenshots/127.png
diff --git a/docs/screenshots/128.png b/docs/screenshots/128.png
diff --git a/docs/screenshots/129.png b/docs/screenshots/129.png
diff --git a/docs/screenshots/13.png b/docs/screenshots/13.png
diff --git a/docs/screenshots/130.png b/docs/screenshots/130.png
diff --git a/docs/screenshots/131.png b/docs/screenshots/131.png
diff --git a/docs/screenshots/132.png b/docs/screenshots/132.png
diff --git a/docs/screenshots/133.png b/docs/screenshots/133.png
diff --git a/docs/screenshots/134.png b/docs/screenshots/134.png
diff --git a/docs/screenshots/135.png b/docs/screenshots/135.png
diff --git a/docs/screenshots/136.png b/docs/screenshots/136.png
diff --git a/docs/screenshots/137.png b/docs/screenshots/137.png
diff --git a/docs/screenshots/138.png b/docs/screenshots/138.png
diff --git a/docs/screenshots/139.png b/docs/screenshots/139.png
diff --git a/docs/screenshots/14.png b/docs/screenshots/14.png
diff --git a/docs/screenshots/140.png b/docs/screenshots/140.png
diff --git a/docs/screenshots/141.png b/docs/screenshots/141.png
diff --git a/docs/screenshots/142.png b/docs/screenshots/142.png
diff --git a/docs/screenshots/143.png b/docs/screenshots/143.png
diff --git a/docs/screenshots/144.png b/docs/screenshots/144.png
diff --git a/docs/screenshots/145.png b/docs/screenshots/145.png
diff --git a/docs/screenshots/146.png b/docs/screenshots/146.png
diff --git a/docs/screenshots/147.png b/docs/screenshots/147.png
diff --git a/docs/screenshots/148.png b/docs/screenshots/148.png
diff --git a/docs/screenshots/149.png b/docs/screenshots/149.png
diff --git a/docs/screenshots/15.png b/docs/screenshots/15.png
diff --git a/docs/screenshots/150.png b/docs/screenshots/150.png
diff --git a/docs/screenshots/151.png b/docs/screenshots/151.png
diff --git a/docs/screenshots/152.png b/docs/screenshots/152.png
diff --git a/docs/screenshots/153.png b/docs/screenshots/153.png
diff --git a/docs/screenshots/154.png b/docs/screenshots/154.png
diff --git a/docs/screenshots/155.png b/docs/screenshots/155.png
diff --git a/docs/screenshots/156.png b/docs/screenshots/156.png
diff --git a/docs/screenshots/157.png b/docs/screenshots/157.png
diff --git a/docs/screenshots/158.png b/docs/screenshots/158.png
diff --git a/docs/screenshots/159.png b/docs/screenshots/159.png
diff --git a/docs/screenshots/16.png b/docs/screenshots/16.png
diff --git a/docs/screenshots/160.png b/docs/screenshots/160.png
diff --git a/docs/screenshots/161.png b/docs/screenshots/161.png
diff --git a/docs/screenshots/162.png b/docs/screenshots/162.png
diff --git a/docs/screenshots/163.png b/docs/screenshots/163.png
diff --git a/docs/screenshots/164.png b/docs/screenshots/164.png
diff --git a/docs/screenshots/165.png b/docs/screenshots/165.png
diff --git a/docs/screenshots/166.png b/docs/screenshots/166.png
diff --git a/docs/screenshots/167.png b/docs/screenshots/167.png
diff --git a/docs/screenshots/168.png b/docs/screenshots/168.png
diff --git a/docs/screenshots/169.png b/docs/screenshots/169.png
diff --git a/docs/screenshots/17.png b/docs/screenshots/17.png
diff --git a/docs/screenshots/170.png b/docs/screenshots/170.png
diff --git a/docs/screenshots/171.png b/docs/screenshots/171.png
diff --git a/docs/screenshots/172.png b/docs/screenshots/172.png
diff --git a/docs/screenshots/173.png b/docs/screenshots/173.png
diff --git a/docs/screenshots/174.png b/docs/screenshots/174.png
diff --git a/docs/screenshots/175.png b/docs/screenshots/175.png
diff --git a/docs/screenshots/176.png b/docs/screenshots/176.png
diff --git a/docs/screenshots/177.png b/docs/screenshots/177.png
diff --git a/docs/screenshots/178.png b/docs/screenshots/178.png
diff --git a/docs/screenshots/179.png b/docs/screenshots/179.png
diff --git a/docs/screenshots/18.png b/docs/screenshots/18.png
diff --git a/docs/screenshots/180.png b/docs/screenshots/180.png
diff --git a/docs/screenshots/181.png b/docs/screenshots/181.png
diff --git a/docs/screenshots/182.png b/docs/screenshots/182.png
diff --git a/docs/screenshots/183.png b/docs/screenshots/183.png
diff --git a/docs/screenshots/184.png b/docs/screenshots/184.png
diff --git a/docs/screenshots/185.png b/docs/screenshots/185.png
diff --git a/docs/screenshots/186.png b/docs/screenshots/186.png
diff --git a/docs/screenshots/187.png b/docs/screenshots/187.png
diff --git a/docs/screenshots/188.png b/docs/screenshots/188.png
diff --git a/docs/screenshots/189.png b/docs/screenshots/189.png
diff --git a/docs/screenshots/19.png b/docs/screenshots/19.png
diff --git a/docs/screenshots/190.png b/docs/screenshots/190.png
diff --git a/docs/screenshots/2.png b/docs/screenshots/2.png
diff --git a/docs/screenshots/20.png b/docs/screenshots/20.png
diff --git a/docs/screenshots/21.png b/docs/screenshots/21.png
diff --git a/docs/screenshots/22.png b/docs/screenshots/22.png
diff --git a/docs/screenshots/23.png b/docs/screenshots/23.png
diff --git a/docs/screenshots/24.png b/docs/screenshots/24.png
diff --git a/docs/screenshots/25.png b/docs/screenshots/25.png
diff --git a/docs/screenshots/26.png b/docs/screenshots/26.png
diff --git a/docs/screenshots/27.png b/docs/screenshots/27.png
diff --git a/docs/screenshots/28.png b/docs/screenshots/28.png
diff --git a/docs/screenshots/29.png b/docs/screenshots/29.png
diff --git a/docs/screenshots/3.png b/docs/screenshots/3.png
diff --git a/docs/screenshots/30.png b/docs/screenshots/30.png
diff --git a/docs/screenshots/31.png b/docs/screenshots/31.png
diff --git a/docs/screenshots/32.png b/docs/screenshots/32.png
diff --git a/docs/screenshots/33.png b/docs/screenshots/33.png
diff --git a/docs/screenshots/34.png b/docs/screenshots/34.png
diff --git a/docs/screenshots/35.png b/docs/screenshots/35.png
diff --git a/docs/screenshots/36.png b/docs/screenshots/36.png
diff --git a/docs/screenshots/37.png b/docs/screenshots/37.png
diff --git a/docs/screenshots/38.png b/docs/screenshots/38.png
diff --git a/docs/screenshots/39.png b/docs/screenshots/39.png
diff --git a/docs/screenshots/4.png b/docs/screenshots/4.png
diff --git a/docs/screenshots/40.png b/docs/screenshots/40.png
diff --git a/docs/screenshots/41.png b/docs/screenshots/41.png
diff --git a/docs/screenshots/42.png b/docs/screenshots/42.png
diff --git a/docs/screenshots/43.png b/docs/screenshots/43.png
diff --git a/docs/screenshots/44.png b/docs/screenshots/44.png
diff --git a/docs/screenshots/45.png b/docs/screenshots/45.png
diff --git a/docs/screenshots/46.png b/docs/screenshots/46.png
diff --git a/docs/screenshots/47.png b/docs/screenshots/47.png
diff --git a/docs/screenshots/48.png b/docs/screenshots/48.png
diff --git a/docs/screenshots/49.png b/docs/screenshots/49.png
diff --git a/docs/screenshots/5.png b/docs/screenshots/5.png
diff --git a/docs/screenshots/50.png b/docs/screenshots/50.png
diff --git a/docs/screenshots/51.png b/docs/screenshots/51.png
diff --git a/docs/screenshots/52.png b/docs/screenshots/52.png
diff --git a/docs/screenshots/53.png b/docs/screenshots/53.png
diff --git a/docs/screenshots/54.png b/docs/screenshots/54.png
diff --git a/docs/screenshots/55.png b/docs/screenshots/55.png
diff --git a/docs/screenshots/56.png b/docs/screenshots/56.png
diff --git a/docs/screenshots/57.png b/docs/screenshots/57.png
diff --git a/docs/screenshots/58.png b/docs/screenshots/58.png
diff --git a/docs/screenshots/59.png b/docs/screenshots/59.png
diff --git a/docs/screenshots/6.png b/docs/screenshots/6.png
diff --git a/docs/screenshots/60.png b/docs/screenshots/60.png
diff --git a/docs/screenshots/61.png b/docs/screenshots/61.png
diff --git a/docs/screenshots/62.png b/docs/screenshots/62.png
diff --git a/docs/screenshots/63.png b/docs/screenshots/63.png
diff --git a/docs/screenshots/64.png b/docs/screenshots/64.png
diff --git a/docs/screenshots/65.png b/docs/screenshots/65.png
diff --git a/docs/screenshots/66.png b/docs/screenshots/66.png
diff --git a/docs/screenshots/67.png b/docs/screenshots/67.png
diff --git a/docs/screenshots/68.png b/docs/screenshots/68.png
diff --git a/docs/screenshots/69.png b/docs/screenshots/69.png
diff --git a/docs/screenshots/7.png b/docs/screenshots/7.png
diff --git a/docs/screenshots/70.png b/docs/screenshots/70.png
diff --git a/docs/screenshots/71.png b/docs/screenshots/71.png
diff --git a/docs/screenshots/72.png b/docs/screenshots/72.png
diff --git a/docs/screenshots/73.png b/docs/screenshots/73.png
diff --git a/docs/screenshots/74.png b/docs/screenshots/74.png
diff --git a/docs/screenshots/75.png b/docs/screenshots/75.png
diff --git a/docs/screenshots/76.png b/docs/screenshots/76.png
diff --git a/docs/screenshots/77.png b/docs/screenshots/77.png
diff --git a/docs/screenshots/78.png b/docs/screenshots/78.png
diff --git a/docs/screenshots/79.png b/docs/screenshots/79.png
diff --git a/docs/screenshots/8.png b/docs/screenshots/8.png
diff --git a/docs/screenshots/80.png b/docs/screenshots/80.png
diff --git a/docs/screenshots/81.png b/docs/screenshots/81.png
diff --git a/docs/screenshots/82.png b/docs/screenshots/82.png
diff --git a/docs/screenshots/83.png b/docs/screenshots/83.png
diff --git a/docs/screenshots/84.png b/docs/screenshots/84.png
diff --git a/docs/screenshots/85.png b/docs/screenshots/85.png
diff --git a/docs/screenshots/86.png b/docs/screenshots/86.png
diff --git a/docs/screenshots/87.png b/docs/screenshots/87.png
diff --git a/docs/screenshots/88.png b/docs/screenshots/88.png
diff --git a/docs/screenshots/89.png b/docs/screenshots/89.png
diff --git a/docs/screenshots/9.png b/docs/screenshots/9.png
diff --git a/docs/screenshots/90.png b/docs/screenshots/90.png
diff --git a/docs/screenshots/91.png b/docs/screenshots/91.png
diff --git a/docs/screenshots/92.png b/docs/screenshots/92.png
diff --git a/docs/screenshots/93.png b/docs/screenshots/93.png
diff --git a/docs/screenshots/94.png b/docs/screenshots/94.png
diff --git a/docs/screenshots/95.png b/docs/screenshots/95.png
diff --git a/docs/screenshots/96.png b/docs/screenshots/96.png
diff --git a/docs/screenshots/97.png b/docs/screenshots/97.png
diff --git a/docs/screenshots/98.png b/docs/screenshots/98.png
diff --git a/docs/screenshots/99.png b/docs/screenshots/99.png
diff --git a/docs/screenshots/state_0_interaction_1BEFORE.png b/docs/screenshots/state_0_interaction_1BEFORE.png
diff --git a/docs/screenshots/state_102_interaction_103BEFORE.png b/docs/screenshots/state_102_interaction_103BEFORE.png
diff --git a/docs/screenshots/state_102_interaction_104BEFORE.png b/docs/screenshots/state_102_interaction_104BEFORE.png
diff --git a/docs/screenshots/state_102_interaction_105BEFORE.png b/docs/screenshots/state_102_interaction_105BEFORE.png
diff --git a/docs/screenshots/state_106_interaction_107BEFORE.png b/docs/screenshots/state_106_interaction_107BEFORE.png
diff --git a/docs/screenshots/state_106_interaction_108BEFORE.png b/docs/screenshots/state_106_interaction_108BEFORE.png
diff --git a/docs/screenshots/state_106_interaction_109BEFORE.png b/docs/screenshots/state_106_interaction_109BEFORE.png
diff --git a/docs/screenshots/state_110_interaction_111BEFORE.png b/docs/screenshots/state_110_interaction_111BEFORE.png
diff --git a/docs/screenshots/state_110_interaction_112BEFORE.png b/docs/screenshots/state_110_interaction_112BEFORE.png
diff --git a/docs/screenshots/state_110_interaction_113BEFORE.png b/docs/screenshots/state_110_interaction_113BEFORE.png
diff --git a/docs/screenshots/state_114_interaction_115BEFORE.png b/docs/screenshots/state_114_interaction_115BEFORE.png
diff --git a/docs/screenshots/state_114_interaction_116BEFORE.png b/docs/screenshots/state_114_interaction_116BEFORE.png
diff --git a/docs/screenshots/state_114_interaction_117BEFORE.png b/docs/screenshots/state_114_interaction_117BEFORE.png
diff --git a/docs/screenshots/state_114_interaction_118BEFORE.png b/docs/screenshots/state_114_interaction_118BEFORE.png
diff --git a/docs/screenshots/state_119_interaction_120BEFORE.png b/docs/screenshots/state_119_interaction_120BEFORE.png
diff --git a/docs/screenshots/state_119_interaction_121BEFORE.png b/docs/screenshots/state_119_interaction_121BEFORE.png
diff --git a/docs/screenshots/state_119_interaction_122BEFORE.png b/docs/screenshots/state_119_interaction_122BEFORE.png
diff --git a/docs/screenshots/state_119_interaction_123BEFORE.png b/docs/screenshots/state_119_interaction_123BEFORE.png
diff --git a/docs/screenshots/state_11_interaction_12BEFORE.png b/docs/screenshots/state_11_interaction_12BEFORE.png
diff --git a/docs/screenshots/state_11_interaction_13BEFORE.png b/docs/screenshots/state_11_interaction_13BEFORE.png
diff --git a/docs/screenshots/state_11_interaction_14BEFORE.png b/docs/screenshots/state_11_interaction_14BEFORE.png
diff --git a/docs/screenshots/state_124_interaction_125BEFORE.png b/docs/screenshots/state_124_interaction_125BEFORE.png
diff --git a/docs/screenshots/state_124_interaction_126BEFORE.png b/docs/screenshots/state_124_interaction_126BEFORE.png
diff --git a/docs/screenshots/state_124_interaction_127BEFORE.png b/docs/screenshots/state_124_interaction_127BEFORE.png
diff --git a/docs/screenshots/state_124_interaction_128BEFORE.png b/docs/screenshots/state_124_interaction_128BEFORE.png
diff --git a/docs/screenshots/state_124_interaction_129BEFORE.png b/docs/screenshots/state_124_interaction_129BEFORE.png
diff --git a/docs/screenshots/state_124_interaction_130BEFORE.png b/docs/screenshots/state_124_interaction_130BEFORE.png
diff --git a/docs/screenshots/state_124_interaction_131BEFORE.png b/docs/screenshots/state_124_interaction_131BEFORE.png
diff --git a/docs/screenshots/state_124_interaction_132BEFORE.png b/docs/screenshots/state_124_interaction_132BEFORE.png
diff --git a/docs/screenshots/state_124_interaction_133BEFORE.png b/docs/screenshots/state_124_interaction_133BEFORE.png
diff --git a/docs/screenshots/state_124_interaction_134BEFORE.png b/docs/screenshots/state_124_interaction_134BEFORE.png
diff --git a/docs/screenshots/state_124_interaction_135BEFORE.png b/docs/screenshots/state_124_interaction_135BEFORE.png
diff --git a/docs/screenshots/state_124_interaction_136BEFORE.png b/docs/screenshots/state_124_interaction_136BEFORE.png
diff --git a/docs/screenshots/state_124_interaction_137BEFORE.png b/docs/screenshots/state_124_interaction_137BEFORE.png
diff --git a/docs/screenshots/state_138_interaction_139BEFORE.png b/docs/screenshots/state_138_interaction_139BEFORE.png
diff --git a/docs/screenshots/state_138_interaction_140BEFORE.png b/docs/screenshots/state_138_interaction_140BEFORE.png
diff --git a/docs/screenshots/state_138_interaction_141BEFORE.png b/docs/screenshots/state_138_interaction_141BEFORE.png
diff --git a/docs/screenshots/state_138_interaction_142BEFORE.png b/docs/screenshots/state_138_interaction_142BEFORE.png
diff --git a/docs/screenshots/state_138_interaction_143BEFORE.png b/docs/screenshots/state_138_interaction_143BEFORE.png
diff --git a/docs/screenshots/state_138_interaction_144BEFORE.png b/docs/screenshots/state_138_interaction_144BEFORE.png
diff --git a/docs/screenshots/state_138_interaction_145BEFORE.png b/docs/screenshots/state_138_interaction_145BEFORE.png
diff --git a/docs/screenshots/state_138_interaction_146BEFORE.png b/docs/screenshots/state_138_interaction_146BEFORE.png
diff --git a/docs/screenshots/state_138_interaction_147BEFORE.png b/docs/screenshots/state_138_interaction_147BEFORE.png
diff --git a/docs/screenshots/state_138_interaction_148BEFORE.png b/docs/screenshots/state_138_interaction_148BEFORE.png
diff --git a/docs/screenshots/state_138_interaction_149BEFORE.png b/docs/screenshots/state_138_interaction_149BEFORE.png
diff --git a/docs/screenshots/state_138_interaction_150BEFORE.png b/docs/screenshots/state_138_interaction_150BEFORE.png
diff --git a/docs/screenshots/state_151_interaction_152BEFORE.png b/docs/screenshots/state_151_interaction_152BEFORE.png
diff --git a/docs/screenshots/state_151_interaction_153BEFORE.png b/docs/screenshots/state_151_interaction_153BEFORE.png
diff --git a/docs/screenshots/state_151_interaction_154BEFORE.png b/docs/screenshots/state_151_interaction_154BEFORE.png
diff --git a/docs/screenshots/state_151_interaction_155BEFORE.png b/docs/screenshots/state_151_interaction_155BEFORE.png
diff --git a/docs/screenshots/state_156_interaction_157BEFORE.png b/docs/screenshots/state_156_interaction_157BEFORE.png
diff --git a/docs/screenshots/state_156_interaction_158BEFORE.png b/docs/screenshots/state_156_interaction_158BEFORE.png
diff --git a/docs/screenshots/state_156_interaction_159BEFORE.png b/docs/screenshots/state_156_interaction_159BEFORE.png
diff --git a/docs/screenshots/state_160_interaction_161BEFORE.png b/docs/screenshots/state_160_interaction_161BEFORE.png
diff --git a/docs/screenshots/state_160_interaction_162BEFORE.png b/docs/screenshots/state_160_interaction_162BEFORE.png
diff --git a/docs/screenshots/state_160_interaction_163BEFORE.png b/docs/screenshots/state_160_interaction_163BEFORE.png
diff --git a/docs/screenshots/state_160_interaction_164BEFORE.png b/docs/screenshots/state_160_interaction_164BEFORE.png
diff --git a/docs/screenshots/state_160_interaction_165BEFORE.png b/docs/screenshots/state_160_interaction_165BEFORE.png
diff --git a/docs/screenshots/state_160_interaction_166BEFORE.png b/docs/screenshots/state_160_interaction_166BEFORE.png
diff --git a/docs/screenshots/state_167_interaction_168BEFORE.png b/docs/screenshots/state_167_interaction_168BEFORE.png
diff --git a/docs/screenshots/state_167_interaction_169BEFORE.png b/docs/screenshots/state_167_interaction_169BEFORE.png
diff --git a/docs/screenshots/state_167_interaction_170BEFORE.png b/docs/screenshots/state_167_interaction_170BEFORE.png
diff --git a/docs/screenshots/state_167_interaction_171BEFORE.png b/docs/screenshots/state_167_interaction_171BEFORE.png
diff --git a/docs/screenshots/state_167_interaction_172BEFORE.png b/docs/screenshots/state_167_interaction_172BEFORE.png
diff --git a/docs/screenshots/state_167_interaction_173BEFORE.png b/docs/screenshots/state_167_interaction_173BEFORE.png
diff --git a/docs/screenshots/state_167_interaction_174BEFORE.png b/docs/screenshots/state_167_interaction_174BEFORE.png
diff --git a/docs/screenshots/state_167_interaction_175BEFORE.png b/docs/screenshots/state_167_interaction_175BEFORE.png
diff --git a/docs/screenshots/state_167_interaction_176BEFORE.png b/docs/screenshots/state_167_interaction_176BEFORE.png
diff --git a/docs/screenshots/state_167_interaction_177BEFORE.png b/docs/screenshots/state_167_interaction_177BEFORE.png
diff --git a/docs/screenshots/state_167_interaction_178BEFORE.png b/docs/screenshots/state_167_interaction_178BEFORE.png
diff --git a/docs/screenshots/state_16_interaction_17BEFORE.png b/docs/screenshots/state_16_interaction_17BEFORE.png
diff --git a/docs/screenshots/state_16_interaction_18BEFORE.png b/docs/screenshots/state_16_interaction_18BEFORE.png
diff --git a/docs/screenshots/state_16_interaction_19BEFORE.png b/docs/screenshots/state_16_interaction_19BEFORE.png
diff --git a/docs/screenshots/state_179_interaction_180BEFORE.png b/docs/screenshots/state_179_interaction_180BEFORE.png
diff --git a/docs/screenshots/state_179_interaction_181BEFORE.png b/docs/screenshots/state_179_interaction_181BEFORE.png
diff --git a/docs/screenshots/state_179_interaction_182BEFORE.png b/docs/screenshots/state_179_interaction_182BEFORE.png
diff --git a/docs/screenshots/state_183_interaction_184BEFORE.png b/docs/screenshots/state_183_interaction_184BEFORE.png
diff --git a/docs/screenshots/state_183_interaction_185BEFORE.png b/docs/screenshots/state_183_interaction_185BEFORE.png
diff --git a/docs/screenshots/state_183_interaction_186BEFORE.png b/docs/screenshots/state_183_interaction_186BEFORE.png
diff --git a/docs/screenshots/state_187_interaction_188BEFORE.png b/docs/screenshots/state_187_interaction_188BEFORE.png
diff --git a/docs/screenshots/state_187_interaction_189BEFORE.png b/docs/screenshots/state_187_interaction_189BEFORE.png
diff --git a/docs/screenshots/state_187_interaction_190BEFORE.png b/docs/screenshots/state_187_interaction_190BEFORE.png
diff --git a/docs/screenshots/state_20_interaction_21BEFORE.png b/docs/screenshots/state_20_interaction_21BEFORE.png
diff --git a/docs/screenshots/state_20_interaction_22BEFORE.png b/docs/screenshots/state_20_interaction_22BEFORE.png
diff --git a/docs/screenshots/state_20_interaction_23BEFORE.png b/docs/screenshots/state_20_interaction_23BEFORE.png
diff --git a/docs/screenshots/state_24_interaction_25BEFORE.png b/docs/screenshots/state_24_interaction_25BEFORE.png
diff --git a/docs/screenshots/state_24_interaction_26BEFORE.png b/docs/screenshots/state_24_interaction_26BEFORE.png
diff --git a/docs/screenshots/state_24_interaction_27BEFORE.png b/docs/screenshots/state_24_interaction_27BEFORE.png
diff --git a/docs/screenshots/state_28_interaction_29BEFORE.png b/docs/screenshots/state_28_interaction_29BEFORE.png
diff --git a/docs/screenshots/state_28_interaction_30BEFORE.png b/docs/screenshots/state_28_interaction_30BEFORE.png
diff --git a/docs/screenshots/state_28_interaction_31BEFORE.png b/docs/screenshots/state_28_interaction_31BEFORE.png
diff --git a/docs/screenshots/state_2_interaction_3BEFORE.png b/docs/screenshots/state_2_interaction_3BEFORE.png
diff --git a/docs/screenshots/state_2_interaction_4BEFORE.png b/docs/screenshots/state_2_interaction_4BEFORE.png
diff --git a/docs/screenshots/state_2_interaction_5BEFORE.png b/docs/screenshots/state_2_interaction_5BEFORE.png
diff --git a/docs/screenshots/state_32_interaction_33BEFORE.png b/docs/screenshots/state_32_interaction_33BEFORE.png
diff --git a/docs/screenshots/state_32_interaction_34BEFORE.png b/docs/screenshots/state_32_interaction_34BEFORE.png
diff --git a/docs/screenshots/state_32_interaction_35BEFORE.png b/docs/screenshots/state_32_interaction_35BEFORE.png
diff --git a/docs/screenshots/state_32_interaction_36BEFORE.png b/docs/screenshots/state_32_interaction_36BEFORE.png
diff --git a/docs/screenshots/state_37_interaction_38BEFORE.png b/docs/screenshots/state_37_interaction_38BEFORE.png