diff --git a/test/runtime-puppeteer/samples/inline-style-directive-update-with-spread.solo/_config.js b/test/runtime-puppeteer/samples/inline-style-directive-update-with-spread.solo/_config.js
new file mode 100644
index 0000000000..af1030c25a
--- /dev/null
+++ b/test/runtime-puppeteer/samples/inline-style-directive-update-with-spread.solo/_config.js
@@ -0,0 +1,18 @@
+export default {
+	html: `
+		<div style="background-color: rgb(255, 0, 0);"></div>
+	`,
+
+	test({ assert, target, window, component }) {
+		const div = target.querySelector('div');
+		const styles = window.getComputedStyle(div);		
+		assert.equal(styles.backgroundColor, 'rgb(255, 0, 0)');
+
+		{
+			component.backgroundColor = 128;
+			const div = target.querySelector('div');
+			const styles = window.getComputedStyle(div);
+			assert.equal(styles.backgroundColor, 'rgb(128, 0, 0)');
+		}
+	}
+};
diff --git a/test/runtime-puppeteer/samples/inline-style-directive-update-with-spread.solo/main.svelte b/test/runtime-puppeteer/samples/inline-style-directive-update-with-spread.solo/main.svelte
new file mode 100644
index 0000000000..4f44ae2e67
--- /dev/null
+++ b/test/runtime-puppeteer/samples/inline-style-directive-update-with-spread.solo/main.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+	export let backgroundColor = 255;
+</script>
+
+<div style:background-color="rgb({backgroundColor}, 0, 0)" {...$$restProps} />