From 347f5e07bd26a0c5bbcc7728e85d7e39dd236dda Mon Sep 17 00:00:00 2001
From: Richard Harris <richard.a.harris@gmail.com>
Date: Thu, 6 Jun 2019 07:44:15 -0400
Subject: [PATCH] add test for class: directive special characters

---
 .../samples/directive-special-character/expected.css  |  1 +
 .../samples/directive-special-character/expected.html |  1 +
 .../samples/directive-special-character/input.svelte  | 11 +++++++++++
 3 files changed, 13 insertions(+)
 create mode 100644 test/css/samples/directive-special-character/expected.css
 create mode 100644 test/css/samples/directive-special-character/expected.html
 create mode 100644 test/css/samples/directive-special-character/input.svelte

diff --git a/test/css/samples/directive-special-character/expected.css b/test/css/samples/directive-special-character/expected.css
new file mode 100644
index 0000000000..8b25d59d2e
--- /dev/null
+++ b/test/css/samples/directive-special-character/expected.css
@@ -0,0 +1 @@
+.foo\:bar.svelte-xyz{color:red}
\ No newline at end of file
diff --git a/test/css/samples/directive-special-character/expected.html b/test/css/samples/directive-special-character/expected.html
new file mode 100644
index 0000000000..40eff4ca21
--- /dev/null
+++ b/test/css/samples/directive-special-character/expected.html
@@ -0,0 +1 @@
+<div class="svelte-xyz foo:bar">Hello world</div>
\ No newline at end of file
diff --git a/test/css/samples/directive-special-character/input.svelte b/test/css/samples/directive-special-character/input.svelte
new file mode 100644
index 0000000000..8f95fe1355
--- /dev/null
+++ b/test/css/samples/directive-special-character/input.svelte
@@ -0,0 +1,11 @@
+<script>
+	const enabled = true;
+</script>
+
+<div class:foo:bar={enabled}>Hello world</div>
+
+<style>
+	.foo\:bar {
+		color: red;
+	}
+</style>