diff --git a/test/runtime/samples/nested-component-if/Inner.html b/test/runtime/samples/nested-component-if/Inner.html
new file mode 100644
index 0000000000..d87e45af56
--- /dev/null
+++ b/test/runtime/samples/nested-component-if/Inner.html
@@ -0,0 +1 @@
+Inner
diff --git a/test/runtime/samples/nested-component-if/Outer.html b/test/runtime/samples/nested-component-if/Outer.html
new file mode 100644
index 0000000000..c9557e4532
--- /dev/null
+++ b/test/runtime/samples/nested-component-if/Outer.html
@@ -0,0 +1,3 @@
+{{#if foo}}
+	{{yield}}
+{{/if}}
diff --git a/test/runtime/samples/nested-component-if/_config.js b/test/runtime/samples/nested-component-if/_config.js
new file mode 100644
index 0000000000..afe9636c20
--- /dev/null
+++ b/test/runtime/samples/nested-component-if/_config.js
@@ -0,0 +1,8 @@
+export default {
+
+	test ( assert, component ) {
+		component.set({ foo: false });
+		component.set({ foo: true });
+	}
+
+};
diff --git a/test/runtime/samples/nested-component-if/main.html b/test/runtime/samples/nested-component-if/main.html
new file mode 100644
index 0000000000..fbdaf0cb6f
--- /dev/null
+++ b/test/runtime/samples/nested-component-if/main.html
@@ -0,0 +1,14 @@
+<Outer :foo>
+	One
+	<Inner/>
+</Outer>
+
+<script>
+	import Outer from './Outer.html';
+	import Inner from './Inner.html';
+
+	export default {
+		data: () => ({ foo: true }),
+		components: { Outer, Inner }
+	};
+</script>