diff --git a/test/runtime-puppeteer/samples/binding-width-height-initialize/_config.js b/test/runtime-puppeteer/samples/binding-width-height-initialize/_config.js
new file mode 100644
index 0000000000..d67299ad56
--- /dev/null
+++ b/test/runtime-puppeteer/samples/binding-width-height-initialize/_config.js
@@ -0,0 +1,6 @@
+export default {
+	async test({ assert, component }) {
+		assert.equal(component.toggle, true);
+		assert.equal(component.offsetHeight, 800);
+	}
+};
diff --git a/test/runtime-puppeteer/samples/binding-width-height-initialize/main.svelte b/test/runtime-puppeteer/samples/binding-width-height-initialize/main.svelte
new file mode 100644
index 0000000000..6136365a1d
--- /dev/null
+++ b/test/runtime-puppeteer/samples/binding-width-height-initialize/main.svelte
@@ -0,0 +1,18 @@
+<script>
+  export let offsetHeight;
+  export let offsetWidth;
+  export let toggle = false;
+  $: if (offsetWidth) {
+    toggle = true;
+  }
+</script>
+
+<div class:toggle>
+  <div bind:offsetHeight bind:offsetWidth>{offsetHeight}</div>
+</div>
+
+<style>
+  .toggle > div {
+    height: 800px;
+  }
+</style>
diff --git a/test/runtime/samples/binding-width-height-initialize/_config.js b/test/runtime/samples/binding-width-height-initialize/_config.js
deleted file mode 100644
index ed6ac0097a..0000000000
--- a/test/runtime/samples/binding-width-height-initialize/_config.js
+++ /dev/null
@@ -1,5 +0,0 @@
-export default {
-	async test({ assert, target }) {
-		assert.htmlEqual(target.querySelector('.description').innerHTML, 'width:200, height:100');
-	}
-};
diff --git a/test/runtime/samples/binding-width-height-initialize/main.svelte b/test/runtime/samples/binding-width-height-initialize/main.svelte
deleted file mode 100644
index 95a04ebb47..0000000000
--- a/test/runtime/samples/binding-width-height-initialize/main.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script>
-	let offsetWidth = 0;
-	let offsetHeight = 0;
-</script>
-
-<div class="wrapper">
-	<div class="inner" bind:offsetHeight bind:offsetWidth>
-		<div class="description">width:{offsetWidth}, height:{offsetHeight}</div>
-	</div>
-</div>
-
-<style>
-	.wrapper {
-		width: 200px;
-		height: 100px;
-	}
-
-	.inner {
-		width: 100%;
-		height: 100%
-	}
-</style>