diff --git a/test/runtime/samples/transition-js-initial/_config.js b/test/runtime/samples/transition-js-initial/_config.js
new file mode 100644
index 0000000000..f6501ed920
--- /dev/null
+++ b/test/runtime/samples/transition-js-initial/_config.js
@@ -0,0 +1,11 @@
+export default {
+	test ( assert, component, target, window, raf ) {
+		const div = target.querySelector( 'div' );
+		assert.equal( div.foo, 0 );
+
+		raf.tick(50);
+		assert.equal( div.foo, 0.5 );
+
+		component.destroy();
+	}
+};
\ No newline at end of file
diff --git a/test/runtime/samples/transition-js-initial/main.html b/test/runtime/samples/transition-js-initial/main.html
new file mode 100644
index 0000000000..13ffdc40a8
--- /dev/null
+++ b/test/runtime/samples/transition-js-initial/main.html
@@ -0,0 +1,16 @@
+<div transition:foo></div>
+
+<script>
+	export default {
+		transitions: {
+			foo: function ( node, params ) {
+				return {
+					duration: 100,
+					tick: t => {
+						node.foo = t;
+					}
+				};
+			}
+		}
+	};
+</script>
\ No newline at end of file