Add tests for {{ inline }} expressions

test/components/template/inline/bo-independence.js

@@ -0,0 +1,13 @@
+await self.yozo.register('./bo-independence.yz');
+const element = document.createElement('greeter-independence');
+
+element.greeting = 'hello';
+element.receiver = 'world';
+document.body.append(element);
+await 'microtask';
+assert(element.textContent.trim() == 'hello, world!');
+
+element.greeting = 'hi';
+element.receiver = 'earth';
+await 'microtask';
+assert(element.textContent.trim() == 'hello, earth!');

test/components/template/inline/bo-independence.yz

@@ -0,0 +1,7 @@
+<title>greeter-independence</title>
+<meta attribute="greeting" type="string">
+<meta attribute="receiver" type="string">
+
+<template>
+	{{ self.yozo.monitor.ignore(() => $.greeting) }}, {{ $.receiver }}!
+</template>

test/components/template/inline/bo-not-when-disconnected.js

@@ -0,0 +1,18 @@
+await self.yozo.register('./bo-not-when-disconnected.yz');
+const element = document.createElement('greeter-not-when-disconnected');
+
+element.greeting = 'hello';
+element.receiver = 'world';
+document.body.append(element);
+await 'microtask';
+assert(element.textContent.trim() == 'hello, world!');
+
+element.remove();
+element.greeting = 'hi';
+element.receiver = 'earth';
+await 'microtask';
+assert(element.textContent.trim() == 'hello, world!');
+
+document.body.append(element);
+await 'microtask';
+assert(element.textContent.trim() == 'hi, earth!');

test/components/template/inline/bo-not-when-disconnected.yz

@@ -0,0 +1,7 @@
+<title>greeter-not-when-disconnected</title>
+<meta attribute="greeting" type="string">
+<meta attribute="receiver" type="string">
+
+<template>
+	{{ $.greeting }}, {{ $.receiver }}!
+</template>