From 9eb3451451ca54cb973279d1e0ed60158476f160 Mon Sep 17 00:00:00 2001
From: Ladd Hoffman <laddhoffman@gmail.com>
Date: Sun, 2 Jul 2023 02:12:44 -0500
Subject: [PATCH] Separate files for Document and Input classes

---
 forum-network/src/index.html                  |  1 +
 forum-network/src/tests/all.test.html         |  1 +
 forum-network/src/tests/document.test.html    | 26 +++++++++++++++++++
 .../src/tests/scripts/document.test.js        | 23 ++++++++++++++++
 forum-network/src/tests/scripts/input.test.js |  4 +++
 5 files changed, 55 insertions(+)
 create mode 100644 forum-network/src/tests/document.test.html
 create mode 100644 forum-network/src/tests/scripts/document.test.js
diff --git a/forum-network/src/index.html b/forum-network/src/index.html
index f93c8b4..1c198fb 100644
--- a/forum-network/src/index.html
+++ b/forum-network/src/index.html
@@ -60,6 +60,7 @@
     <li><a href="./tests/flowchart.test.html">Flowchart</a></li>
     <li><a href="./tests/mocha.test.html">Mocha</a></li>
     <li><a href="./tests/input.test.html">Input</a></li>
+    <li><a href="./tests/document.test.html">Document</a></li>
   </ul>
   <ul>
     <h4><a href="./tests/all.test.html">All</a></h4>
diff --git a/forum-network/src/tests/all.test.html b/forum-network/src/tests/all.test.html
index 12ca110..10d7178 100644
--- a/forum-network/src/tests/all.test.html
+++ b/forum-network/src/tests/all.test.html
@@ -38,6 +38,7 @@
 <script type="module" src="./scripts/forum/forum10.test.js"></script>
 <script type="module" src="./scripts/forum/forum11.test.js"></script>
 <script type="module" src="./scripts/input.test.js"></script>
+<script type="module" src="./scripts/document.test.js"></script>
 <script defer class="mocha-init">
   mocha.setup({
     ui: 'bdd',
diff --git a/forum-network/src/tests/document.test.html b/forum-network/src/tests/document.test.html
new file mode 100644
index 0000000..3978d2f
--- /dev/null
+++ b/forum-network/src/tests/document.test.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+
+<head>
+  <title>Document</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="https://unpkg.com/mocha/mocha.css" />
+  <link type="text/css" rel="stylesheet" href="../index.css" />
+</head>
+
+<body>
+  <h2><a href="../">DGF Tests</a></h2>
+  <div id="mocha"></div>
+  <div id="scene"></div>
+</body>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/radash/10.7.0/radash.js"
+  integrity="sha512-S207zKWG3iqXqe6msO7/Mr8X3DzzF4u8meFlokHjGtBPTGUhgzVo0lpcqEy0GoiMUdcoct+H+SqzoLsxXbynzg=="
+  crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://unpkg.com/mocha/mocha.js"></script>
+<script src="https://unpkg.com/chai/chai.js"></script>
+<script type="module" src="./scripts/document.test.js"></script>
+<script defer class="mocha-init">
+  mocha.setup({
+    ui: 'bdd',
+  });
+  window.should = chai.should();
+</script>
diff --git a/forum-network/src/tests/scripts/document.test.js b/forum-network/src/tests/scripts/document.test.js
new file mode 100644
index 0000000..c09fcfb
--- /dev/null
+++ b/forum-network/src/tests/scripts/document.test.js
@@ -0,0 +1,23 @@
+import { Box } from '../../classes/display/box.js';
+// import { Document } from '../../classes/display/document.js';
+import { Scene } from '../../classes/display/scene.js';
+import { mochaRun } from '../../util/helpers.js';
+
+const rootElement = document.getElementById('scene');
+const rootBox = new Box('rootBox', rootElement).flex();
+const scene = window.scene = new Scene('Document test', rootBox);
+
+scene.withDocument();
+
+describe('Document', () => {
+  describe('remark', () => {
+    it('can exist', () => {
+      const docFunction = (doc) => doc.remark('Hello');
+      scene.withDocument('Document', docFunction);
+    });
+    it.skip('can include handlebars expressions', () => { });
+    it.skip('updates rendered output when input changes', () => { });
+  });
+});
+
+mochaRun();
diff --git a/forum-network/src/tests/scripts/input.test.js b/forum-network/src/tests/scripts/input.test.js
index c9bab13..87b43f0 100644
--- a/forum-network/src/tests/scripts/input.test.js
+++ b/forum-network/src/tests/scripts/input.test.js
@@ -20,6 +20,10 @@ describe('Document', () => {
       const doc = scene.lastDocument;
       const form1 = doc.lastElement;
       const dvMap = new Map();
+      /**
+       * Handler callback for form element value updates.
+       * In this case we use a collection of DisplayValues as a straightforward way to render the form element values.
+       */
       const updateFieldValueDisplay = ({ name, value }) => {
         const dv = dvMap.get(name) ?? scene.addDisplayValue(name);
         dvMap.set(name, dv);
