diff --git a/test/validator/samples/component-invalid-style-directive/errors.json b/test/validator/samples/component-invalid-style-directive/errors.json
new file mode 100644
index 0000000000..99ce1148e6
--- /dev/null
+++ b/test/validator/samples/component-invalid-style-directive/errors.json
@@ -0,0 +1,9 @@
+[
+	{
+		"code": "invalid-style-directive",
+		"message": "Style directives on components are not currently supported.",
+		"start": { "line": 7, "column": 19, "character": 97 },
+		"end": { "line": 7, "column": 36, "character": 114 },
+		"pos": 97
+	}
+]
diff --git a/test/validator/samples/component-invalid-style-directive/input.svelte b/test/validator/samples/component-invalid-style-directive/input.svelte
new file mode 100644
index 0000000000..975621088f
--- /dev/null
+++ b/test/validator/samples/component-invalid-style-directive/input.svelte
@@ -0,0 +1,7 @@
+<script>
+	let name = 'world';
+	
+	import Child from 'Child.svelte';
+</script>
+
+<Child name={name} style:color="red" />
\ No newline at end of file