diff --git a/test/runtime/samples/each-block-array-literal/_config.js b/test/runtime/samples/each-block-array-literal/_config.js
new file mode 100644
index 0000000000..7fcc477038
--- /dev/null
+++ b/test/runtime/samples/each-block-array-literal/_config.js
@@ -0,0 +1,17 @@
+export default {
+	html: `
+		<button>racoon</button><button>eagle</button>
+	`,
+
+	test ( assert, component, target ) {
+		assert.htmlEqual( target.innerHTML, `
+			<button>racoon</button><button>eagle</button>
+		`);
+
+		const button = target.querySelector( 'button' );
+		const event = new window.MouseEvent( 'click' );
+
+		button.dispatchEvent( event );
+		assert.equal( component.get( 'clicked' ), 'racoon' );
+	},
+};
diff --git a/test/runtime/samples/each-block-array-literal/main.html b/test/runtime/samples/each-block-array-literal/main.html
new file mode 100644
index 0000000000..8dca00c92e
--- /dev/null
+++ b/test/runtime/samples/each-block-array-literal/main.html
@@ -0,0 +1,11 @@
+{{#each ['racoon', 'eagle'] as animal}}
+  <button on:click="set({clicked: animal})">{{animal}}</button>
+{{/each}}
+
+<script>
+	export default {
+		data: () => ({
+			clicked: null,
+		}),
+	};
+</script>