diff --git a/test/runtime/samples/component-binding-blowback-b/_config.js b/test/runtime/samples/component-binding-blowback-b/_config.js
index ff6d14f20f..7f2bd38d9b 100644
--- a/test/runtime/samples/component-binding-blowback-b/_config.js
+++ b/test/runtime/samples/component-binding-blowback-b/_config.js
@@ -2,10 +2,11 @@ export default {
 	'skip-ssr': true,
 
 	data: {
-		ids: ['id-0', 'id-1', 'id-2']
+		count: 3
 	},
 
 	html: `
+		<input type='number'>
 		<ol>
 			<li>id-0: value is zero</li>
 			<li>id-1: value is one</li>
@@ -13,12 +14,14 @@ export default {
 		</ol>
 	`,
 
-	test (assert, component, target) {
-		component.set({
-			ids: ['id-0', 'id-1', 'id-2', 'id-3']
-		});
+	test (assert, component, target, window) {
+		const input = target.querySelector('input');
+
+		input.value = 4;
+		input.dispatchEvent(new window.Event('input'));
 
 		assert.htmlEqual(target.innerHTML, `
+			<input type='number'>
 			<ol>
 				<li>id-0: value is zero</li>
 				<li>id-1: value is one</li>
diff --git a/test/runtime/samples/component-binding-blowback-b/main.html b/test/runtime/samples/component-binding-blowback-b/main.html
index bd2a7b3bc6..4e3ca43813 100644
--- a/test/runtime/samples/component-binding-blowback-b/main.html
+++ b/test/runtime/samples/component-binding-blowback-b/main.html
@@ -1,3 +1,5 @@
+<input type='number' bind:value='count'>
+
 <ol>
 	{{#each ids as id}}
 		<Nested :id bind:value="idToValue[id]">
@@ -16,6 +18,14 @@
 			};
 		},
 
+		computed: {
+			ids(count) {
+				return new Array(count)
+					.fill(null)
+					.map((_, i) => 'id-' + i);
+			}
+		},
+
 		components: {
 			Nested
 		}