From a85b6002a724465fbc6cd6e6de312d58f30768b9 Mon Sep 17 00:00:00 2001
From: Rich-Harris <richard.a.harris@gmail.com>
Date: Thu, 4 May 2017 11:23:49 -0400
Subject: [PATCH] test @rules in css

---
 test/css/index.js                         |  3 ++-
 test/css/samples/keyframes/expected.css   |  9 +++++++++
 test/css/samples/keyframes/input.html     | 12 ++++++++++++
 test/css/samples/media-query/expected.css |  6 ++++++
 test/css/samples/media-query/input.html   |  9 +++++++++
 5 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 test/css/samples/keyframes/expected.css
 create mode 100644 test/css/samples/keyframes/input.html
 create mode 100644 test/css/samples/media-query/expected.css
 create mode 100644 test/css/samples/media-query/input.html

diff --git a/test/css/index.js b/test/css/index.js
index cbbec99d36..2311a806b3 100644
--- a/test/css/index.js
+++ b/test/css/index.js
@@ -6,7 +6,8 @@ describe( 'css', () => {
 	fs.readdirSync( 'test/css/samples' ).forEach( dir => {
 		if ( dir[0] === '.' ) return;
 
-		const solo = exists( `test/css/samples/${dir}/solo` );
+		// add .solo to a sample directory name to only run that test
+		const solo = /\.solo/.test( dir );
 
 		if ( solo && process.env.CI ) {
 			throw new Error( 'Forgot to remove `solo: true` from test' );
diff --git a/test/css/samples/keyframes/expected.css b/test/css/samples/keyframes/expected.css
new file mode 100644
index 0000000000..defe2a4d62
--- /dev/null
+++ b/test/css/samples/keyframes/expected.css
@@ -0,0 +1,9 @@
+
+	@keyframes svelte-4112859982-why {
+		0% { color: red; }
+		100% { color: blue; }
+	}
+
+	[svelte-4112859982].animated, [svelte-4112859982] .animated {
+		animation: svelte-4112859982-why 2s;
+	}
diff --git a/test/css/samples/keyframes/input.html b/test/css/samples/keyframes/input.html
new file mode 100644
index 0000000000..b4d120f34f
--- /dev/null
+++ b/test/css/samples/keyframes/input.html
@@ -0,0 +1,12 @@
+<div class='animated'>animated</div>
+
+<style>
+	@keyframes why {
+		0% { color: red; }
+		100% { color: blue; }
+	}
+
+	.animated {
+		animation: why 2s;
+	}
+</style>
\ No newline at end of file
diff --git a/test/css/samples/media-query/expected.css b/test/css/samples/media-query/expected.css
new file mode 100644
index 0000000000..2dd35dbb7c
--- /dev/null
+++ b/test/css/samples/media-query/expected.css
@@ -0,0 +1,6 @@
+
+	@media (min-width: 400px) {
+		[svelte-2352010302].large-screen, [svelte-2352010302] .large-screen {
+			display: block;
+		}
+	}
diff --git a/test/css/samples/media-query/input.html b/test/css/samples/media-query/input.html
new file mode 100644
index 0000000000..d5465ab4f9
--- /dev/null
+++ b/test/css/samples/media-query/input.html
@@ -0,0 +1,9 @@
+<div class='large-screen'>animated</div>
+
+<style>
+	@media (min-width: 400px) {
+		.large-screen {
+			display: block;
+		}
+	}
+</style>
\ No newline at end of file