From d97ad018ff09dd98ed00ca02144d371e605872d9 Mon Sep 17 00:00:00 2001
From: Ludovic Levalleux <levalleux_ludo@hotmail.com>
Date: Fri, 17 Nov 2023 16:18:05 +0000
Subject: [PATCH] add simple HTML tests

---
 tests/www/test1.html | 23 ++++++++++++++++
 tests/www/test2.html | 65 ++++++++++++++++++++++++++++++++++++++++++++
 tests/www/test3.html | 22 +++++++++++++++
 3 files changed, 110 insertions(+)
 create mode 100644 tests/www/test1.html
 create mode 100644 tests/www/test2.html
 create mode 100644 tests/www/test3.html
diff --git a/tests/www/test1.html b/tests/www/test1.html
new file mode 100644
index 0000000..831128a
--- /dev/null
+++ b/tests/www/test1.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC>
+<html>
+  <head>
+    <title>Widget Integration Example</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="http://localhost:3000/styles.css">
+    <link
+      href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;800&display=swap"
+      rel="stylesheet"
+    />
+    <script async type="text/javascript" src="http://localhost:3000/scripts/boson-widgets.js"></script>
+    <style>
+      div {
+        margin: 1rem;
+      }
+    </style>
+  </head>
+  <body>
+    <button type="button" id="boson-redeem-1" class="bosonButton" data-config-id="testing-80001-0">Redeem (Mumbai)</button>
+    <button type="button" id="boson-redeem-2" class="bosonButton" data-config-id="testing-5-0">Redeem (Goerli)</button>
+  </body>
+</html>
\ No newline at end of file
diff --git a/tests/www/test2.html b/tests/www/test2.html
new file mode 100644
index 0000000..b3bfa87
--- /dev/null
+++ b/tests/www/test2.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC>
+<html>
+  <head>
+    <title>Widget Integration Example</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="http://localhost:3000/styles.css">
+    <link
+      href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;800&display=swap"
+      rel="stylesheet"
+    />
+    <script async type="text/javascript" src="http://localhost:3000/scripts/boson-widgets.js"></script>
+    <style>
+      div {
+        margin: 1rem;
+      }
+    </style>
+  </head>
+  <body>
+    <button type="button" id="boson-redeem-1" class="bosonButton" data-config-id="testing-80001-0" data-target-origin="http://127.0.0.1:5500" data-wait-for-response="true" data-send-delivery-info-XMTP="false">Redeem</button>
+  </body>
+  <script>
+    window.addEventListener("message", (event) => {
+      if (event.data.type === constants.deliveryInfoMessage) {
+        console.log(
+          `Received message '${event.data.type}' from '${event.origin}'. Content: '${JSON.stringify(event.data.message)}'`
+        );
+        // wait for a bit and send a response to the iFrame (only relevant when data-wait-for-response=="true")
+        setTimeout(() => {
+          const el = getIFrame();
+          if (el) {
+            const target = event.origin;
+            console.log(
+              `Post response message '${constants.deliveryInfoMessageResponse}' to the iFrame '${target}'`
+            );
+            // https://stackoverflow.com/questions/40991114/issue-communication-with-postmessage-from-parent-to-child-iframe
+            el.contentWindow.postMessage(
+              {
+                type: constants.deliveryInfoMessageResponse,
+                message: {
+                  accepted: true,
+                  reason: "",
+                  resume: true
+                }
+              },
+              target
+            );
+          } else {
+            console.error("Unable to retrieve the iFrame");
+          }
+        }, 5000);
+      }
+      if (event.data.type === constants.redemptionSubmittedMessage) {
+        console.log(
+          `Received message '${event.data.type}' from '${event.origin}'. Content: '${JSON.stringify(event.data.message)}'`
+        );
+      }
+      if (event.data.type === constants.redemptionConfirmedMessage) {
+        console.log(
+          `Received message '${event.data.type}' from '${event.origin}'. Content: '${JSON.stringify(event.data.message)}'`
+        );
+      }
+    });
+  </script>
+</html>
\ No newline at end of file
diff --git a/tests/www/test3.html b/tests/www/test3.html
new file mode 100644
index 0000000..a4e35da
--- /dev/null
+++ b/tests/www/test3.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC>
+<html>
+  <head>
+    <title>Widget Integration Example</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="http://localhost:3000/styles.css">
+    <link
+      href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;800&display=swap"
+      rel="stylesheet"
+    />
+    <script async type="text/javascript" src="http://localhost:3000/scripts/boson-widgets.js"></script>
+    <style>
+      div {
+        margin: 1rem;
+      }
+    </style>
+  </head>
+  <body>
+    <button type="button" id="boson-redeem-1" class="bosonButton" data-config-id="testing-80001-0" data-send-delivery-info-XMTP="false" data-post-delivery-info-url="http://localhost:3666/deliveryInfo">Redeem</button>
+  </body>
+</html>
\ No newline at end of file
