From 3c83b5984f4ac278d4459f5e994c0837582f2387 Mon Sep 17 00:00:00 2001
From: Pat Cavit <github@patcavit.com>
Date: Wed, 23 Mar 2022 19:43:01 -0700
Subject: [PATCH] [test] Failing test for #7386

Also a minor variable rename because it bugged me.
---
 test/runtime/samples/inline-style-directive/_config.js  | 4 +++-
 test/runtime/samples/inline-style-directive/main.svelte | 4 +++-
 test/runtime/samples/inline-style/_config.js            | 4 ++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/test/runtime/samples/inline-style-directive/_config.js b/test/runtime/samples/inline-style-directive/_config.js
index ec32e157e5..f5732ae0af 100644
--- a/test/runtime/samples/inline-style-directive/_config.js
+++ b/test/runtime/samples/inline-style-directive/_config.js
@@ -1,6 +1,8 @@
 export default {
 	html: `
-		<p style="color: red;"></p>
+		<div>
+			<p style="color: red;"></p>
+		</div>
 	`,
 
 	test({ assert, target, window }) {
diff --git a/test/runtime/samples/inline-style-directive/main.svelte b/test/runtime/samples/inline-style-directive/main.svelte
index 1d60aefa6f..ff8acfce68 100644
--- a/test/runtime/samples/inline-style-directive/main.svelte
+++ b/test/runtime/samples/inline-style-directive/main.svelte
@@ -2,4 +2,6 @@
 	export let myColor = "red";
 </script>
 
-<p style:color={myColor} />
+<div>
+	<p style:color={myColor} />
+</div>
diff --git a/test/runtime/samples/inline-style/_config.js b/test/runtime/samples/inline-style/_config.js
index 3e984d4c69..192659346c 100644
--- a/test/runtime/samples/inline-style/_config.js
+++ b/test/runtime/samples/inline-style/_config.js
@@ -4,9 +4,9 @@ export default {
 	`,
 
 	test({ assert, component, target, window }) {
-		const p = target.querySelector('div');
+		const div = target.querySelector('div');
 
-		const styles = window.getComputedStyle(p);
+		const styles = window.getComputedStyle(div);
 		assert.equal(styles.color, 'red');
 	}
 };