30:[] 2e:{"title":"Visual tests","cells":[{"id":0,"value":"md`# Visual tests`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"is_snapshot = Symbol('Snapshot container')","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"initial_expected = Symbol('Initial expected')","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"snapshot_container = (plainify = _.identity, expected = initial_expected) => {\n let container = {\n type: plainify.name,\n snapshot:\n expected === initial_expected ? initial_expected : plainify(expected),\n snapshot_live: expected,\n [is_snapshot]: true,\n match: value => snapshot_match(container, value, plainify(value))\n };\n return container;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"snapshot = _.mapValues(\n {\n html: element => element.innerHTML,\n plain: value => value\n },\n (plainify, key) => {\n return expected => snapshot_container(plainify, expected);\n }\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"Inspector = require('@observablehq/inspector')","pinned":true,"hidden":false,"mode":"ojs"},{"id":20,"value":"inspect = value => {\n let container = document.createElement(\"div\");\n let inspected = new Inspector.Inspector(container);\n inspected.fulfilled(value);\n return container;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"snapshot_match = (container, value, plain_value) => {\n if (container.snapshot === initial_expected) {\n container.snapshot = plain_value;\n container.snapshot_live = value;\n console.log('container.snapshot_live:', container.snapshot_live);\n }\n\n if (_.isEqual(container.snapshot, plain_value)) {\n return html`\n

\n ${inspect(value)}\n

\n`;\n } else {\n return html`\n

\n ${inspect(container.snapshot_live)}\n

\n\n

\n ${inspect(value)}\n

\n`;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":32,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"htl = require('htl')","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"html = htl.html","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"_ = require('lodash')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}