From 2a5a4aadfa5f231f4ede3895bf83f0906cdcc86f Mon Sep 17 00:00:00 2001
From: Jos de Jong <wjosdejong@gmail.com>
Date: Thu, 8 Dec 2022 16:40:25 +0100
Subject: [PATCH] chore: write a unit test for offsetWidth/offsetHeight (WIP)

---
 .../_config.js                                |  5 +++++
 .../main.svelte                               | 22 +++++++++++++++++++
 2 files changed, 27 insertions(+)
 create mode 100644 test/runtime/samples/binding-width-height-initialize/_config.js
 create mode 100644 test/runtime/samples/binding-width-height-initialize/main.svelte

diff --git a/test/runtime/samples/binding-width-height-initialize/_config.js b/test/runtime/samples/binding-width-height-initialize/_config.js
new file mode 100644
index 0000000000..ed6ac0097a
--- /dev/null
+++ b/test/runtime/samples/binding-width-height-initialize/_config.js
@@ -0,0 +1,5 @@
+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
new file mode 100644
index 0000000000..95a04ebb47
--- /dev/null
+++ b/test/runtime/samples/binding-width-height-initialize/main.svelte
@@ -0,0 +1,22 @@
+<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>