tiddlywiki 5.2.2 → 5.2.3

package/editions/test/tiddlers/tests/test-checkbox-widget.js

@@ -0,0 +1,507 @@
+/*\
+title: testcheckbox-widget.js
+type: application/javascript
+tags: [[$:/tags/test-spec]]
+
+Tests the checkbox widget thoroughly.
+
+\*/
+(function(){
+
+    /*jslint node: true, browser: true */
+    /*global $tw: false */
+    "use strict";
+    
+    describe("Checkbox widget", function() {
+    
+        var widget = require("$:/core/modules/widgets/widget.js");
+    
+        function createWidgetNode(parseTreeNode,wiki) {
+            return new widget.widget(parseTreeNode,{
+                    wiki: wiki,
+                    document: $tw.fakeDocument
+                });
+        }
+    
+        function parseText(text,wiki,options) {
+            var parser = wiki.parseText("text/vnd.tiddlywiki",text,options);
+            return parser ? {type: "widget", children: parser.tree} : undefined;
+        }
+    
+        function renderWidgetNode(widgetNode) {
+            $tw.fakeDocument.setSequenceNumber(0);
+            var wrapper = $tw.fakeDocument.createElement("div");
+            widgetNode.render(wrapper,null);
+            return wrapper;
+        }
+
+        // Find a particular type of node from inside the widget tree
+        // Less brittle than wrapper.children[0].children[0] if the parse
+        // tree ever changes in the future
+        function findNodeOfType(targetType, currentNode) {
+            if(currentNode.parseTreeNode && currentNode.parseTreeNode.type === targetType) {
+                return currentNode;
+            } else if(currentNode.children && currentNode.children.length) {
+                var child, result, i;
+                for (i = 0; i < currentNode.children.length; i++) {
+                    child = currentNode.children[i];
+                    result = findNodeOfType(targetType, child);
+                    if(result) return result;
+                }
+            }
+            return undefined;
+        }
+
+        /*
+         * Test data for checkbox widget tests
+         */
+    
+        const fieldModeTests = [
+            {
+                testName: "field mode checked",
+                tiddlers: [{title: "TiddlerOne", text: "Jolly Old World", expand: "yes"}],
+                widgetText: "<$checkbox tiddler='TiddlerOne' field='expand' checked='yes' />",
+                startsOutChecked: true,
+                expectedChange: { "TiddlerOne": { expand: undefined } }
+            },
+            {
+                testName: "field mode unchecked",
+                tiddlers: [{title: "TiddlerOne", text: "Jolly Old World", expand: "no"}],
+                widgetText: "<$checkbox tiddler='TiddlerOne' field='expand' unchecked='no' />",
+                startsOutChecked: false,
+                expectedChange: { "TiddlerOne": { expand: undefined } }
+            },
+            {
+                testName: "field mode toggle",
+                tiddlers: [{title: "TiddlerOne", text: "Jolly Old World", expand: "no"}],
+                widgetText: "<$checkbox tiddler='TiddlerOne' field='expand' checked='yes' unchecked='no' />",
+                startsOutChecked: false,
+                expectedChange: { "TiddlerOne": { expand: "yes" } }
+            },
+            {
+                testName: "field mode indeterminate -> true",
+                tiddlers: [{title: "TiddlerOne", text: "Jolly Old World", expand: "some other value"}],
+                widgetText: "<$checkbox tiddler='TiddlerOne' field='expand' indeterminate='yes' checked='yes' unchecked='no' />",
+                startsOutChecked: undefined,
+                expectedChange: { "TiddlerOne": { expand: "yes" } }
+            },
+            // true -> indeterminate cannot happen in field mode
+            {
+                testName: "field mode not indeterminate",
+                tiddlers: [{title: "TiddlerOne", text: "Jolly Old World", expand: "some other value"}],
+                widgetText: "<$checkbox tiddler='TiddlerOne' field='expand' indeterminate='' checked='yes' unchecked='no' />",
+                startsOutChecked: false,
+                expectedChange: { "TiddlerOne": { expand: "yes" } }
+            },
+        ];
+
+        const indexModeTests = fieldModeTests.map(data => {
+            const newData = {...data};
+            const newName = data.testName.replace('field mode', 'index mode');
+            const newTiddlers = data.tiddlers.map(tiddler => {
+                return {title: tiddler.title, type: "application/x-tiddler-dictionary", text: `one: a\nexpand: ${tiddler.expand}\ntwo: b`}
+            });
+            const newWidgetText = data.widgetText.replace("field='expand'", "index='expand'");
+            const newChange = {};
+            for (const key of Object.keys(data.expectedChange)) {
+                const oldChange = data.expectedChange[key];
+                if (oldChange.expand) {
+                    newChange[key] = { text: `one: a\nexpand: ${oldChange.expand}\ntwo: b` }
+                } else {
+                    // In index tiddlers, the "expand" field gets completely removed, not turned into "expand: (undefined)"
+                    newChange[key] = { text: `one: a\ntwo: b` }
+                }
+            }
+            newData.testName = newName;
+            newData.tiddlers = newTiddlers;
+            newData.widgetText = newWidgetText;
+            newData.expectedChange = newChange;
+            return newData;
+        });
+
+        const listModeTests = [
+            {
+                testName: "list mode add",
+                tiddlers: [{title: "Colors", colors: "orange yellow"}],
+                widgetText: "<$checkbox tiddler='Colors' listField='colors' checked='green' />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "orange yellow green" } }
+            },
+            {
+                testName: "list mode remove",
+                tiddlers: [{title: "Colors", colors: "green orange yellow"}],
+                widgetText: "<$checkbox tiddler='Colors' listField='colors' checked='green' />",
+                startsOutChecked: true,
+                expectedChange: { "Colors": { colors: "orange yellow" } }
+            },
+            {
+                testName: "list mode remove inverted",
+                tiddlers: [{title: "Colors", colors: "red orange yellow"}],
+                widgetText: "<$checkbox tiddler='Colors' listField='colors' unchecked='red' />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "orange yellow" } }
+            },
+            {
+                testName: "list mode remove in middle position",
+                tiddlers: [{title: "Colors", colors: "orange green yellow"}],
+                widgetText: "<$checkbox tiddler='Colors' listField='colors' checked='green' />",
+                startsOutChecked: true,
+                expectedChange: { "Colors": { colors: "orange yellow" } }
+            },
+            {
+                testName: "list mode remove in middle position inverted",
+                tiddlers: [{title: "Colors", colors: "orange red yellow"}],
+                widgetText: "<$checkbox tiddler='Colors' listField='colors' unchecked='red' />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "orange yellow" } }
+            },
+            {
+                testName: "list mode remove in final position",
+                tiddlers: [{title: "Colors", colors: "orange yellow green"}],
+                widgetText: "<$checkbox tiddler='Colors' listField='colors' checked='green' />",
+                startsOutChecked: true,
+                expectedChange: { "Colors": { colors: "orange yellow" } }
+            },
+            {
+                testName: "list mode remove in final position inverted",
+                tiddlers: [{title: "Colors", colors: "orange yellow red"}],
+                widgetText: "<$checkbox tiddler='Colors' listField='colors' unchecked='red' />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "orange yellow" } }
+            },
+            {
+                testName: "list mode toggle",
+                tiddlers: [{title: "Colors", colors: "red orange yellow"}],
+                widgetText: "<$checkbox tiddler='Colors' listField='colors' unchecked='red' checked='green' />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "green orange yellow" } }
+            },
+            {
+                testName: "list mode toggle in middle position",
+                tiddlers: [{title: "Colors", colors: "orange red yellow"}],
+                widgetText: "<$checkbox tiddler='Colors' listField='colors' unchecked='red' checked='green' />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "orange green yellow" } }
+            },
+            {
+                testName: "list mode remove in final position",
+                tiddlers: [{title: "Colors", colors: "orange yellow red"}],
+                widgetText: "<$checkbox tiddler='Colors' listField='colors' unchecked='red' checked='green' />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "orange yellow green" } }
+            },
+            {
+                testName: "list mode neither checked nor unchecked specified: field value remains unchanged",
+                tiddlers: [{title: "Colors", colors: "orange yellow red"}],
+                widgetText: "<$checkbox tiddler='Colors' listField='colors' />",
+                startsOutChecked: true,
+                finalValue: true,
+                expectedChange: { "Colors": { colors: "orange yellow red" } }
+            },
+            {
+                testName: "list mode neither checked nor unchecked specified, but actions specified to change field value",
+                tiddlers: [{title: "ExampleTiddler", someField: "yes"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='ExampleTiddler' $field='someField' $filter='yes'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='ExampleTiddler' $field='someField' $filter='-yes'/>\n" +
+                            "<$checkbox tiddler='ExampleTiddler' listField='someField' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: true,
+                expectedChange: { "ExampleTiddler": { someField: "" } }
+            },
+            {
+                testName: "list mode neither checked nor unchecked specified, means field value is treated as empty=false, nonempty=true",
+                tiddlers: [{title: "ExampleTiddler", someField: "yes"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='ExampleTiddler' $field='someField' $filter='yes -no'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='ExampleTiddler' $field='someField' $filter='-yes no'/>\n" +
+                            "<$checkbox tiddler='ExampleTiddler' listField='someField' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: true,
+                finalValue: true, // "no" is considered true when neither `checked` nor `unchecked` is specified
+                expectedChange: { "ExampleTiddler": { someField: "no" } }
+            },
+            {
+                testName: "list mode indeterminate -> true",
+                tiddlers: [{title: "Colors", colors: "orange"}],
+                widgetText: "<$checkbox tiddler='Colors' listField='colors' indeterminate='yes' unchecked='red' checked='green' />",
+                startsOutChecked: undefined,
+                expectedChange: { "Colors": { colors: "orange green" } }
+            },
+            // true -> indeterminate cannot happen in list mode
+            {
+                testName: "list mode not indeterminate",
+                tiddlers: [{title: "Colors", colors: "orange"}],
+                widgetText: "<$checkbox tiddler='Colors' listField='colors' unchecked='red' checked='green' />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "orange green" } }
+            },
+        ];
+
+        const indexListModeTests = listModeTests.map(data => {
+            const newData = {...data};
+            const newName = data.testName.replace('list mode', 'index list mode');
+            const newTiddlers = data.tiddlers.map(tiddler => {
+                if (tiddler.hasOwnProperty('colors')) {
+                    return {title: tiddler.title, type: "application/x-tiddler-dictionary", text: `one: a\ncolors: ${tiddler.colors}\ntwo: b`}
+                } else if (tiddler.hasOwnProperty('someField')) {
+                    return {title: tiddler.title, type: "application/x-tiddler-dictionary", text: `one: a\nsomeField: ${tiddler.someField}\ntwo: b`}
+                }
+            });
+            const newWidgetText = data.widgetText.replace("listField='colors'", "listIndex='colors'").replace(/\$field/g, '$index').replace("listField='someField'", "listIndex='someField'");
+            const newChange = {};
+            for (const key of Object.keys(data.expectedChange)) {
+                const oldChange = data.expectedChange[key];
+                if (oldChange.colors) {
+                    newChange[key] = { text: `one: a\ncolors: ${oldChange.colors}\ntwo: b` }
+                } else if (oldChange.someField !== undefined) {
+                    newChange[key] = { text: `one: a\nsomeField: ${oldChange.someField}\ntwo: b` }
+                } else {
+                    // In index tiddlers, fields with value undefined get completely removed
+                    newChange[key] = { text: `one: a\ntwo: b` }
+                }
+            }
+            newData.testName = newName;
+            newData.tiddlers = newTiddlers;
+            newData.widgetText = newWidgetText;
+            newData.expectedChange = newChange;
+            return newData;
+        });
+
+        const filterModeTests = [
+            {
+                testName: "filter mode false -> true",
+                tiddlers: [{title: "Colors", colors: "red orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-red green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='red -green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' checked='green' unchecked='red' default='green' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "orange yellow green" } }
+            },
+            {
+                testName: "filter mode true -> false",
+                tiddlers: [{title: "Colors", colors: "green orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-red green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='red -green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' checked='green' unchecked='red' default='green' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: true,
+                expectedChange: { "Colors": { colors: "orange yellow red" } }
+            },
+            {
+                testName: "filter mode no default false -> true",
+                tiddlers: [{title: "Colors", colors: "red orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-red green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='red -green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' checked='green' unchecked='red' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "orange yellow green" } }
+            },
+            {
+                testName: "filter mode no default true -> false",
+                tiddlers: [{title: "Colors", colors: "green orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-red green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='red -green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' checked='green' unchecked='red' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: true,
+                expectedChange: { "Colors": { colors: "orange yellow red" } }
+            },
+            {
+                testName: "filter mode only checked specified false -> true",
+                tiddlers: [{title: "Colors", colors: "red orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-red green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='red -green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' checked='green' default='green' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "orange yellow green" } }
+            },
+            {
+                testName: "filter mode only checked specified true -> false",
+                tiddlers: [{title: "Colors", colors: "green orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-red green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='red -green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' checked='green' default='green' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: true,
+                expectedChange: { "Colors": { colors: "orange yellow red" } }
+            },
+            {
+                testName: "filter mode only checked specified no default false -> true",
+                tiddlers: [{title: "Colors", colors: "red orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-red green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='red -green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' checked='green' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "orange yellow green" } }
+            },
+            {
+                testName: "filter mode only checked specified no default true -> false",
+                tiddlers: [{title: "Colors", colors: "green orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-red green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='red -green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' checked='green' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: true,
+                expectedChange: { "Colors": { colors: "orange yellow red" } }
+            },
+            {
+                testName: "filter mode only unchecked specified false -> true",
+                tiddlers: [{title: "Colors", colors: "red orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-red green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='red -green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' unchecked='red' default='green' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "orange yellow green" } }
+            },
+            {
+                testName: "filter mode only unchecked specified true -> false",
+                tiddlers: [{title: "Colors", colors: "green orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-red green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='red -green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' unchecked='red' default='green' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: true,
+                expectedChange: { "Colors": { colors: "orange yellow red" } }
+            },
+            {
+                testName: "filter mode only unchecked specified no default false -> true",
+                tiddlers: [{title: "Colors", colors: "red orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-red green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='red -green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' unchecked='red' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "orange yellow green" } }
+            },
+            {
+                testName: "filter mode only unchecked specified no default true -> false",
+                tiddlers: [{title: "Colors", colors: "green orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-red green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='red -green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' unchecked='red' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: true,
+                expectedChange: { "Colors": { colors: "orange yellow red" } }
+            },
+            {
+                testName: "filter mode neither checked nor unchecked specified false -> true",
+                tiddlers: [{title: "Colors"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' default='green' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "green" } }
+            },
+            {
+                testName: "filter mode neither checked nor unchecked specified true -> false",
+                tiddlers: [{title: "Colors", colors: "green"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' default='green' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: true,
+                expectedChange: { "Colors": { colors: "" } }
+            },
+            {
+                testName: "filter mode neither checked nor unchecked no default specified false -> true",
+                tiddlers: [{title: "Colors", colors: ""}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "green" } }
+            },
+            {
+                testName: "filter mode neither checked nor unchecked no default specified true -> false",
+                tiddlers: [{title: "Colors", colors: "green"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: true,
+                expectedChange: { "Colors": { colors: "" } }
+            },
+
+            {
+                testName: "filter mode indeterminate -> true",
+                tiddlers: [{title: "Colors", colors: "orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' indeterminate='yes' checked='green' unchecked='red' default='green' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: undefined,
+                expectedChange: { "Colors": { colors: "orange yellow green" } }
+            },
+            {
+                testName: "filter mode true -> indeterminate",
+                tiddlers: [{title: "Colors", colors: "green orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' indeterminate='yes' checked='green' unchecked='red' default='green' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: true,
+                finalValue: undefined,
+                expectedChange: { "Colors": { colors: "orange yellow" } }
+            },
+            {
+                testName: "filter mode not indeterminate -> true",
+                tiddlers: [{title: "Colors", colors: "orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' checked='green' unchecked='red' default='green' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: false,
+                expectedChange: { "Colors": { colors: "orange yellow green" } }
+            },
+            {
+                testName: "filter mode true -> not indeterminate",
+                tiddlers: [{title: "Colors", colors: "green orange yellow"}],
+                widgetText: "\\define checkActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='green'/>\n" +
+                            "\\define uncheckActions() <$action-listops $tiddler='Colors' $field='colors' $subfilter='-green'/>\n" +
+                            "<$checkbox filter='[list[Colors!!colors]]' checked='green' unchecked='red' default='green' checkactions=<<checkActions>> uncheckactions=<<uncheckActions>> />",
+                startsOutChecked: true,
+                finalValue: false,
+                expectedChange: { "Colors": { colors: "orange yellow" } }
+            },
+        ];
+
+        const checkboxTestData = fieldModeTests.concat(
+            indexModeTests,
+            listModeTests,
+            indexListModeTests,
+            filterModeTests,
+        );
+    
+        /*
+         * Checkbox widget tests using the test data above
+         */
+        for (const data of checkboxTestData) {
+            it('checkbox widget test: ' + data.testName, function() {
+                // Setup
+    
+                var wiki = new $tw.Wiki();
+                wiki.addTiddlers(data.tiddlers);
+                var widgetNode = createWidgetNode(parseText(data.widgetText,wiki),wiki);
+                var wrapper = renderWidgetNode(widgetNode);
+    
+                // Check initial state
+    
+                const widget = findNodeOfType('checkbox', widgetNode);
+                // Verify that the widget is or is not checked as expected
+                expect(widget.getValue()).toBe(data.startsOutChecked);
+    
+                // Fake an event that toggles the checkbox
+    
+                // fakedom elmenets don't have a "checked" property. so we fake it because
+                // Checkbox.prototype.handleChangeEvent looks at the "checked" DOM property
+                widget.inputDomNode.checked = !!widget.inputDomNode.attributes.checked;
+                // Now simulate checking the box
+                widget.inputDomNode.checked = !widget.inputDomNode.checked;
+                widget.handleChangeEvent(null);
+    
+                // Check state again: in most tests, checkbox should be inverse of what it was
+                const finalValue = data.hasOwnProperty('finalValue') ? data.finalValue : !data.startsOutChecked;
+                expect(widget.getValue()).toBe(finalValue);
+    
+                // Check that tiddler(s) has/have gone through expected change(s)
+                for (const key of Object.keys(data.expectedChange)) {
+                    const tiddler = wiki.getTiddler(key);
+                    const change = data.expectedChange[key];
+                    for (const fieldName of Object.keys(change)) {
+                        const expectedValue = change[fieldName];
+                        const fieldValue = tiddler.fields[fieldName];
+                        expect(fieldValue).toBe(expectedValue);
+                    }
+                }
+            })
+        }
+    
+    });
+    
+})();
+    

package/editions/test/tiddlers/tests/test-filters.js

@@ -621,6 +621,8 @@ Tests the filtering mechanism.
 		});
 	
 		it("should handle indirect operands", function() {
+			expect(wiki.filterTiddlers("[{!!missing}]").join(",")).toBe("");
+			expect(wiki.filterTiddlers("[{!!title}]").join(",")).toBe("");
 			expect(wiki.filterTiddlers("[prefix{Tiddler8}] +[sort[title]]").join(",")).toBe("Tiddler Three,TiddlerOne");
 			expect(wiki.filterTiddlers("[modifier{Tiddler8!!test-field}] +[sort[title]]").join(",")).toBe("TiddlerOne");
 			var fakeWidget = {wiki: wiki, getVariable: function() {return "Tiddler Three";}};
@@ -745,7 +747,46 @@ Tests the filtering mechanism.
 			
 			expect(wiki.filterTiddlers("a [[b c]] +[append{TiddlerSix!!filter}]").join(",")).toBe("a,b c,one,a a,[subfilter{hasList!!list}]");
 		});
-	
+
+		it("should handle the insertafter operator", function() {
+			var widget = require("$:/core/modules/widgets/widget.js");
+			var rootWidget = new widget.widget({ type:"widget", children:[ {type:"widget", children:[]} ] },
+											   { wiki:wiki, document:$tw.document});
+			rootWidget.makeChildWidgets();
+			var anchorWidget = rootWidget.children[0];
+			rootWidget.setVariable("myVar","c");
+			rootWidget.setVariable("tidTitle","e");
+			rootWidget.setVariable("tidList","one tid with spaces");
+
+			// Position title specified as suffix.
+			expect(wiki.filterTiddlers("a b c d e f +[insertafter:myVar[f]]",anchorWidget).join(",")).toBe("a,b,c,f,d,e");
+			expect(wiki.filterTiddlers("a b c d e f +[insertafter:myVar<tidTitle>]",anchorWidget).join(",")).toBe("a,b,c,e,d,f");
+			expect(wiki.filterTiddlers("a b c d e f +[insertafter:myVar[gg gg]]",anchorWidget).join(",")).toBe("a,b,c,gg gg,d,e,f");
+			expect(wiki.filterTiddlers("a b c d e +[insertafter:myVar<tidList>]",anchorWidget).join(",")).toBe("a,b,c,one tid with spaces,d,e");
+			expect(wiki.filterTiddlers("a b c d e f +[insertafter:tidTitle{TiddlerOne!!tags}]",anchorWidget).join(",")).toBe("a,b,c,d,e,one,f");
+
+			// Position title specified as parameter.
+			expect(wiki.filterTiddlers("a b c d e +[insertafter[f],[a]]",anchorWidget).join(",")).toBe("a,f,b,c,d,e");
+			expect(wiki.filterTiddlers("a b c d e +[insertafter[f],<myVar>]",anchorWidget).join(",")).toBe("a,b,c,f,d,e");
+
+			// Parameter takes precedence over suffix.
+			expect(wiki.filterTiddlers("a b c d e +[insertafter:myVar[f],[a]]",anchorWidget).join(",")).toBe("a,f,b,c,d,e");
+
+			// No position title.
+			expect(wiki.filterTiddlers("a b c [[with space]] +[insertafter[b]]").join(",")).toBe("a,c,with space,b");
+
+			// Position title does not exist, and no suffix given.
+			expect(wiki.filterTiddlers("a b c d e +[insertafter:foo[b]]").join(",")).toBe("a,c,d,e,b");
+			expect(wiki.filterTiddlers("a b c d e +[insertafter[b],[foo]]").join(",")).toBe("a,c,d,e,b");
+			expect(wiki.filterTiddlers("a b c d e +[insertafter[b],<foo>]").join(",")).toBe("a,c,d,e,b");
+
+			// Position title does not exist, but "start" or "end" given as suffix
+			expect(wiki.filterTiddlers("a b c d e +[insertafter:start[b],[foo]]").join(",")).toBe("b,a,c,d,e");
+			expect(wiki.filterTiddlers("a b c d e +[insertafter:start[b],<foo>]").join(",")).toBe("b,a,c,d,e");
+			expect(wiki.filterTiddlers("a b c d e +[insertafter:end[b],[foo]]").join(",")).toBe("a,c,d,e,b");
+			expect(wiki.filterTiddlers("a b c d e +[insertafter:end[b],<foo>]").join(",")).toBe("a,c,d,e,b");
+		});
+
 		it("should handle the insertbefore operator", function() {
 			var widget = require("$:/core/modules/widgets/widget.js");
 			var rootWidget = new widget.widget({ type:"widget", children:[ {type:"widget", children:[]} ] },
@@ -773,10 +814,16 @@ Tests the filtering mechanism.
 			// No position title.
 			expect(wiki.filterTiddlers("a b c [[with space]] +[insertbefore[b]]").join(",")).toBe("a,c,with space,b");
 
-			// Position title does not exist.
+			// Position title does not exist, and no suffix given.
 			expect(wiki.filterTiddlers("a b c d e +[insertbefore:foo[b]]").join(",")).toBe("a,c,d,e,b");
 			expect(wiki.filterTiddlers("a b c d e +[insertbefore[b],[foo]]").join(",")).toBe("a,c,d,e,b");
 			expect(wiki.filterTiddlers("a b c d e +[insertbefore[b],<foo>]").join(",")).toBe("a,c,d,e,b");
+
+			// Position title does not exist, but "start" or "end" given as suffix
+			expect(wiki.filterTiddlers("a b c d e +[insertbefore:start[b],[foo]]").join(",")).toBe("b,a,c,d,e");
+			expect(wiki.filterTiddlers("a b c d e +[insertbefore:start[b],<foo>]").join(",")).toBe("b,a,c,d,e");
+			expect(wiki.filterTiddlers("a b c d e +[insertbefore:end[b],[foo]]").join(",")).toBe("a,c,d,e,b");
+			expect(wiki.filterTiddlers("a b c d e +[insertbefore:end[b],<foo>]").join(",")).toBe("a,c,d,e,b");
 		});
 	
 		it("should handle the move operator", function() {

package/editions/test/tiddlers/tests/test-prefixes-filter.js

@@ -416,6 +416,8 @@ describe("'reduce' and 'intersection' filter prefix tests", function() {
 		expect(wiki.filterTiddlers("[tag[shopping]] :map[get[description]else{!!title}]").join(",")).toBe("A square of rich chocolate cake,a round yellow seed,Milk,Rice Pudding");
 		// Return the first title from :map if the filter returns more than one result
 		expect(wiki.filterTiddlers("[tag[shopping]] :map[tags[]]").join(",")).toBe("shopping,shopping,shopping,shopping");
+		// Return all titles from :map if the flat suffix is used
+		expect(wiki.filterTiddlers("[tag[shopping]] :map:flat[tags[]]").join(",")).toBe("shopping,food,shopping,food,shopping,dairy,drinks,shopping,dairy");
 		// Prepend the position in the list using the index and length variables
 		expect(wiki.filterTiddlers("[tag[shopping]] :map[get[title]addprefix[-]addprefix<length>addprefix[of]addprefix<index>]").join(",")).toBe("0of4-Brownies,1of4-Chick Peas,2of4-Milk,3of4-Rice Pudding");
 	});

package/editions/test/tiddlers/tests/test-utils.js

@@ -78,6 +78,12 @@ describe("Utility tests", function() {
 		expect(fds(d,"ddd hh mm ssss")).toBe("Sun 17 41 2828");
 		expect(fds(d,"MM0DD")).toBe("1109");
 		expect(fds(d,"MM0\\D\\D")).toBe("110DD");
+		const day = d.getUTCDate();
+		const dayStr = ("" + day).padStart(2, '0');
+		const hours = d.getUTCHours();
+		const hoursStr = ("" + hours).padStart(2, '0');
+		const expectedUtcStr = `201411${dayStr}${hoursStr}4128542`;
+		expect(fds(d,"[UTC]YYYY0MM0DD0hh0mm0ssXXX")).toBe(expectedUtcStr);
 
 		// test some edge cases found at: https://en.wikipedia.org/wiki/ISO_week_date
 		// 2016-11-13 is Week 45 and it's a Sunday (month nr: 10)

package/editions/test/tiddlers/tests/test-widget.js

@@ -143,7 +143,8 @@ describe("Widget module", function() {
 		var wiki = new $tw.Wiki();
 		// Add a tiddler
 		wiki.addTiddlers([
-			{title: "TiddlerOne", text: "<$transclude tiddler='TiddlerOne'/>\n"}
+			{title: "TiddlerOne", text: "<$transclude tiddler='TiddlerTwo'/>\n"},
+			{title: "TiddlerTwo", text: "<$transclude tiddler='TiddlerOne'/>"}
 		]);
 		// Test parse tree
 		var parseTreeNode = {type: "widget", children: [