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 @@
Flowchart
Mocha
Input
+ Document
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 @@
+
+
+
+
+
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);