diff --git a/test/runtime/samples/bindings-before-oncreate-change-dom/One.html b/test/runtime/samples/bindings-before-oncreate-change-dom/One.html
new file mode 100644
index 0000000000..f0f5b8a051
--- /dev/null
+++ b/test/runtime/samples/bindings-before-oncreate-change-dom/One.html
@@ -0,0 +1,20 @@
+<Two bind:foo/>
+<p class="{{test ? 't1' : 't2'}}"></p>
+
+<script>
+	import Two from './Two.html';
+
+	export default {
+    data() {
+      return {
+        test: false
+      };
+    },
+		components: {
+			Two
+		},
+		oncreate() {
+			this.snapshot = this.get('foo');
+		}
+	};
+</script>
\ No newline at end of file
diff --git a/test/runtime/samples/bindings-before-oncreate-change-dom/Two.html b/test/runtime/samples/bindings-before-oncreate-change-dom/Two.html
new file mode 100644
index 0000000000..f6fc00fcaf
--- /dev/null
+++ b/test/runtime/samples/bindings-before-oncreate-change-dom/Two.html
@@ -0,0 +1,15 @@
+<script>
+	export default {
+		data() {
+			return {
+				bar: 1
+			};
+		},
+
+		computed: {
+			foo(bar) {
+				return bar * 2;
+			}
+		}
+	};
+</script>
\ No newline at end of file
diff --git a/test/runtime/samples/bindings-before-oncreate-change-dom/_config.js b/test/runtime/samples/bindings-before-oncreate-change-dom/_config.js
new file mode 100644
index 0000000000..e9e09c678d
--- /dev/null
+++ b/test/runtime/samples/bindings-before-oncreate-change-dom/_config.js
@@ -0,0 +1,5 @@
+export default {
+	test(assert, component) {
+		assert.equal(component.refs.one.snapshot, 2);
+	}
+};
\ No newline at end of file
diff --git a/test/runtime/samples/bindings-before-oncreate-change-dom/main.html b/test/runtime/samples/bindings-before-oncreate-change-dom/main.html
new file mode 100644
index 0000000000..02746ecc51
--- /dev/null
+++ b/test/runtime/samples/bindings-before-oncreate-change-dom/main.html
@@ -0,0 +1,9 @@
+<One ref:one/>
+
+<script>
+	import One from './One.html';
+
+	export default {
+		components: { One }
+	};
+</script>
\ No newline at end of file