From d66727cb3534ebe60fb66a2fd0f8357ab2287c23 Mon Sep 17 00:00:00 2001
From: Knut Sveidqvist <knut.sveidqvist@ipiccolo.com>
Date: Sun, 28 Feb 2021 10:28:31 +0100
Subject: [PATCH] Render test for requirement diagrams and updated showcase
 diagrams

---
 .../integration/rendering/requirement.spec.js | 50 +++++++++++++++++++
 cypress/platform/showcase_base.html           | 38 ++++++++++++++
 cypress/platform/showcase_base_dark.html      | 39 +++++++++++++++
 cypress/platform/showcase_dark.html           | 38 ++++++++++++++
 cypress/platform/showcase_default.html        | 38 ++++++++++++++
 cypress/platform/showcase_forest.html         | 38 ++++++++++++++
 cypress/platform/showcase_neutral.html        | 38 ++++++++++++++
 7 files changed, 279 insertions(+)
 create mode 100644 cypress/integration/rendering/requirement.spec.js

diff --git a/cypress/integration/rendering/requirement.spec.js b/cypress/integration/rendering/requirement.spec.js
new file mode 100644
index 000000000..25e2ab76a
--- /dev/null
+++ b/cypress/integration/rendering/requirement.spec.js
@@ -0,0 +1,50 @@
+/* eslint-env jest */
+import { imgSnapshotTest, renderGraph } from '../../helpers/util.js';
+
+describe('Requirement diagram', () => {
+  it('sample', () => {
+    imgSnapshotTest(
+      `
+    requirementDiagram
+
+    requirement test_req {
+    id: 1
+    text: the test text.
+    risk: high
+    verifymethod: test
+    }
+
+    functionalRequirement test_req2 {
+    id: 1.1
+    text: the second test text.
+    risk: low
+    verifymethod: inspection
+    }
+
+    performanceRequirement test_req3 {
+    id: 1.2
+    text: the third test text.
+    risk: medium
+    verifymethod: demonstration
+    }
+
+    element test_entity {
+    type: simulation
+    }
+
+    element test_entity2 {
+    type: word doc
+    docRef: reqs/test_entity
+    }
+
+
+    test_entity - satisfies -> test_req2
+    test_req - traces -> test_req2
+    test_req - contains -> test_req3
+    test_req <- copies - test_entity2
+      `,
+      {}
+    );
+    cy.get('svg');
+  });
+});
diff --git a/cypress/platform/showcase_base.html b/cypress/platform/showcase_base.html
index 1de684e04..c32ce71a6 100644
--- a/cypress/platform/showcase_base.html
+++ b/cypress/platform/showcase_base.html
@@ -225,7 +225,45 @@ journey
               Go downstairs: 5: Me
               Sit down: 5: Me
       </div>
+<div class="mermaid width height">
+requirementDiagram
 
+    requirement test_req {
+    id: 1
+    text: the test text.
+    risk: high
+    verifymethod: test
+    }
+
+    functionalRequirement test_req2 {
+    id: 1.1
+    text: the second test text.
+    risk: low
+    verifymethod: inspection
+    }
+
+    performanceRequirement test_req3 {
+    id: 1.2
+    text: the third test text.
+    risk: medium
+    verifymethod: demonstration
+    }
+
+    element test_entity {
+    type: simulation
+    }
+
+    element test_entity2 {
+    type: word doc
+    docRef: reqs/test_entity
+    }
+
+
+    test_entity - satisfies -> test_req2
+    test_req - traces -> test_req2
+    test_req - contains -> test_req3
+    test_req <- copies - test_entity2
+      </div>
   <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
diff --git a/cypress/platform/showcase_base_dark.html b/cypress/platform/showcase_base_dark.html
index 6bdd7461f..548f640a2 100644
--- a/cypress/platform/showcase_base_dark.html
+++ b/cypress/platform/showcase_base_dark.html
@@ -219,6 +219,45 @@ journey
               Go downstairs: 5: Me
               Sit down: 5: Me
       </div>
+      <div class="mermaid width height">
+requirementDiagram
+
+    requirement test_req {
+    id: 1
+    text: the test text.
+    risk: high
+    verifymethod: test
+    }
+
+    functionalRequirement test_req2 {
+    id: 1.1
+    text: the second test text.
+    risk: low
+    verifymethod: inspection
+    }
+
+    performanceRequirement test_req3 {
+    id: 1.2
+    text: the third test text.
+    risk: medium
+    verifymethod: demonstration
+    }
+
+    element test_entity {
+    type: simulation
+    }
+
+    element test_entity2 {
+    type: word doc
+    docRef: reqs/test_entity
+    }
+
+
+    test_entity - satisfies -> test_req2
+    test_req - traces -> test_req2
+    test_req - contains -> test_req3
+    test_req <- copies - test_entity2
+      </div>
 
   <script src="./mermaid.js"></script>
     <script>
diff --git a/cypress/platform/showcase_dark.html b/cypress/platform/showcase_dark.html
index e4c090293..551adfa8b 100644
--- a/cypress/platform/showcase_dark.html
+++ b/cypress/platform/showcase_dark.html
@@ -217,7 +217,45 @@ gantt
               Go downstairs: 5: Me
               Sit down: 5: Me
       </div>
+<div class="mermaid width height">
+requirementDiagram
 
+    requirement test_req {
+    id: 1
+    text: the test text.
+    risk: high
+    verifymethod: test
+    }
+
+    functionalRequirement test_req2 {
+    id: 1.1
+    text: the second test text.
+    risk: low
+    verifymethod: inspection
+    }
+
+    performanceRequirement test_req3 {
+    id: 1.2
+    text: the third test text.
+    risk: medium
+    verifymethod: demonstration
+    }
+
+    element test_entity {
+    type: simulation
+    }
+
+    element test_entity2 {
+    type: word doc
+    docRef: reqs/test_entity
+    }
+
+
+    test_entity - satisfies -> test_req2
+    test_req - traces -> test_req2
+    test_req - contains -> test_req3
+    test_req <- copies - test_entity2
+      </div>
   <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
diff --git a/cypress/platform/showcase_default.html b/cypress/platform/showcase_default.html
index 1b8c88765..b849e2a32 100644
--- a/cypress/platform/showcase_default.html
+++ b/cypress/platform/showcase_default.html
@@ -212,7 +212,45 @@ gantt
               Go downstairs: 5: Me
               Sit down: 5: Me
       </div>
+<div class="mermaid width height">
+requirementDiagram
 
+    requirement test_req {
+    id: 1
+    text: the test text.
+    risk: high
+    verifymethod: test
+    }
+
+    functionalRequirement test_req2 {
+    id: 1.1
+    text: the second test text.
+    risk: low
+    verifymethod: inspection
+    }
+
+    performanceRequirement test_req3 {
+    id: 1.2
+    text: the third test text.
+    risk: medium
+    verifymethod: demonstration
+    }
+
+    element test_entity {
+    type: simulation
+    }
+
+    element test_entity2 {
+    type: word doc
+    docRef: reqs/test_entity
+    }
+
+
+    test_entity - satisfies -> test_req2
+    test_req - traces -> test_req2
+    test_req - contains -> test_req3
+    test_req <- copies - test_entity2
+      </div>
   <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
diff --git a/cypress/platform/showcase_forest.html b/cypress/platform/showcase_forest.html
index c12f46e9b..80653194b 100644
--- a/cypress/platform/showcase_forest.html
+++ b/cypress/platform/showcase_forest.html
@@ -216,7 +216,45 @@ gantt
               Go downstairs: 5: Me
               Sit down: 5: Me
       </div>
+<div class="mermaid width height">
+requirementDiagram
 
+    requirement test_req {
+    id: 1
+    text: the test text.
+    risk: high
+    verifymethod: test
+    }
+
+    functionalRequirement test_req2 {
+    id: 1.1
+    text: the second test text.
+    risk: low
+    verifymethod: inspection
+    }
+
+    performanceRequirement test_req3 {
+    id: 1.2
+    text: the third test text.
+    risk: medium
+    verifymethod: demonstration
+    }
+
+    element test_entity {
+    type: simulation
+    }
+
+    element test_entity2 {
+    type: word doc
+    docRef: reqs/test_entity
+    }
+
+
+    test_entity - satisfies -> test_req2
+    test_req - traces -> test_req2
+    test_req - contains -> test_req3
+    test_req <- copies - test_entity2
+      </div>
   <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
diff --git a/cypress/platform/showcase_neutral.html b/cypress/platform/showcase_neutral.html
index 997224b12..a38fd51ab 100644
--- a/cypress/platform/showcase_neutral.html
+++ b/cypress/platform/showcase_neutral.html
@@ -215,7 +215,45 @@ gantt
               Go downstairs: 5: Me
               Sit down: 5: Me
       </div>
+<div class="mermaid width height">
+requirementDiagram
 
+    requirement test_req {
+    id: 1
+    text: the test text.
+    risk: high
+    verifymethod: test
+    }
+
+    functionalRequirement test_req2 {
+    id: 1.1
+    text: the second test text.
+    risk: low
+    verifymethod: inspection
+    }
+
+    performanceRequirement test_req3 {
+    id: 1.2
+    text: the third test text.
+    risk: medium
+    verifymethod: demonstration
+    }
+
+    element test_entity {
+    type: simulation
+    }
+
+    element test_entity2 {
+    type: word doc
+    docRef: reqs/test_entity
+    }
+
+
+    test_entity - satisfies -> test_req2
+    test_req - traces -> test_req2
+    test_req - contains -> test_req3
+    test_req <- copies - test_entity2
+      </div>
   <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {