Merge pull request #148 from jviide/subtree-staticness

Add a test for forcing subtree staticness

Author: jviide

test/statics-caching.test.mjs

@@ -89,4 +89,39 @@ describe('htm', () => {
 			expect(html`<div x=${1}><a y=${2} /><b /></div>`).toBe(3);
 		});
 	});
+
+	describe('the h function should be able to modify `this[0]`', () => {
+		function wrapH(h) {
+			return function(type, props, ...children) {
+				if (type === '@static') {
+					this[0] &= ~3;
+					return children;
+				}
+				if (props['@static']) {
+					this[0] &= ~3;
+				}
+				return h(type, props, ...children);
+			};
+		}
+
+		test('should be able to force subtrees to be static via a prop', () => {
+			const html = htm.bind(wrapH(h));
+			const x = () => html`<div @static>${'a'}</div>`;
+			const a = x();
+			const b = x();
+			expect(a).toEqual({ tag: 'div', props: { '@static': true }, children: ['a'] });
+			expect(b).toEqual({ tag: 'div', props: { '@static': true }, children: ['a'] });
+			expect(a).toBe(b);
+		});
+
+		test('should be able to force subtrees to be static via a special tag', () => {
+			const html = htm.bind(wrapH(h));
+			const x = () => html`<@static>${'a'}<//>`;
+			const a = x();
+			const b = x();
+			expect(a).toEqual(['a']);
+			expect(b).toEqual(['a']);
+			expect(a).toBe(b);
+		});
+	});
 });