Added jest, jest-puppeteer and jest-image-snapshot for e2e tests

2025-11-02 20:04:14 +01:00 · 2019-05-30 19:27:27 +02:00
parent ee0cb8793f
commit 6974892a11
8 changed files with 529 additions and 28 deletions
--- a/e2e/platform/e2e.html
+++ b/e2e/platform/e2e.html
@@ -0,0 +1,19 @@
+<html>
+  <head>
+    <script src="/e2e.js"></script>
+    <link
+      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+    />
+    <style></style>
+  </head>
+  <body>
+    <script src="./mermaid.js"></script>
+    <script>
+      mermaid.initialize({
+        startOnLoad: false,
+        useMaxWidth: true,
+      });
+    </script>
+  </body>
+</html>
--- a/e2e/platform/viewer.js
+++ b/e2e/platform/viewer.js
@@ -0,0 +1,47 @@
+import { Base64 } from 'js-base64'
+
+/**
+ * ##contentLoaded
+ * Callback function that is called when page is loaded. This functions fetches configuration for mermaid rendering and
+ * calls init for rendering the mermaid diagrams on the page.
+ */
+const contentLoaded = function () {
+  let pos = document.location.href.indexOf('?graph=')
+  if (pos > 0) {
+    pos = pos + 7
+    const graphBase64 = document.location.href.substr(pos)
+    const graphObj = JSON.parse(Base64.decode(graphBase64))
+    // const graph = 'hello'
+    console.log(graphObj.code)
+    const div = document.createElement('div')
+    div.id = 'block'
+    div.className = 'mermaid'
+    div.innerHTML = graphObj.code
+    document.getElementsByTagName('body')[0].appendChild(div)
+    global.mermaid.initialize({
+      theme: 'neutral',
+      themeCSS: '.node rect { fill: red; }',
+      htmlLabels: false,
+      // logLevel: 3,
+      // flowchart: { curve: 'linear' },
+      // gantt: { axisFormat: '%m/%d/%Y' },
+      // sequence: { actorMargin: 50 },
+      // sequenceDiagram: { actorMargin: 300 } // deprecated
+      startOnLoad: false
+    })
+    global.mermaid.init()
+  }
+}
+
+if (typeof document !== 'undefined') {
+  /*!
+   * Wait for document loaded before starting the execution
+   */
+  window.addEventListener(
+    'load',
+    function () {
+      contentLoaded()
+    },
+    false
+  )
+}