From 2285817fdcf12c753a381b636c8552df9810412c Mon Sep 17 00:00:00 2001
From: Rich Harris <richard.a.harris@gmail.com>
Date: Wed, 7 Dec 2016 17:04:02 -0500
Subject: [PATCH] test nested server-rendered styles

---
 .../styles-nested/One.html                      | 16 ++++++++++++++++
 .../styles-nested/Two.html                      |  7 +++++++
 .../styles-nested/_actual.css                   | 14 ++++++++++++++
 .../styles-nested/_actual.html                  |  5 +++++
 .../styles-nested/_expected.css                 | 11 +++++++++++
 .../styles-nested/_expected.html                |  5 +++++
 .../styles-nested/main.html                     | 17 +++++++++++++++++
 7 files changed, 75 insertions(+)
 create mode 100644 test/server-side-rendering/styles-nested/One.html
 create mode 100644 test/server-side-rendering/styles-nested/Two.html
 create mode 100644 test/server-side-rendering/styles-nested/_actual.css
 create mode 100644 test/server-side-rendering/styles-nested/_actual.html
 create mode 100644 test/server-side-rendering/styles-nested/_expected.css
 create mode 100644 test/server-side-rendering/styles-nested/_expected.html
 create mode 100644 test/server-side-rendering/styles-nested/main.html

diff --git a/test/server-side-rendering/styles-nested/One.html b/test/server-side-rendering/styles-nested/One.html
new file mode 100644
index 0000000000..1b2c21edc8
--- /dev/null
+++ b/test/server-side-rendering/styles-nested/One.html
@@ -0,0 +1,16 @@
+<div>green: {{message}}</div>
+<Two message='{{message}}'/>
+
+<style>
+	div {
+		color: green;
+	}
+</style>
+
+<script>
+	import Two from './Two.html';
+
+	export default {
+		components: { Two }
+	};
+</script>
diff --git a/test/server-side-rendering/styles-nested/Two.html b/test/server-side-rendering/styles-nested/Two.html
new file mode 100644
index 0000000000..d55b13f2fb
--- /dev/null
+++ b/test/server-side-rendering/styles-nested/Two.html
@@ -0,0 +1,7 @@
+<div>blue: {{message}}</div>
+
+<style>
+	div {
+		color: blue;
+	}
+</style>
diff --git a/test/server-side-rendering/styles-nested/_actual.css b/test/server-side-rendering/styles-nested/_actual.css
new file mode 100644
index 0000000000..4b2949ea43
--- /dev/null
+++ b/test/server-side-rendering/styles-nested/_actual.css
@@ -0,0 +1,14 @@
+                                                                 
+	div[svelte-4188175681], [svelte-4188175681] div {
+		color: red;
+	}
+
+                                                                   
+	div[svelte-146600313], [svelte-146600313] div {
+		color: green;
+	}
+
+                                     
+	div[svelte-1506185237], [svelte-1506185237] div {
+		color: blue;
+	}
diff --git a/test/server-side-rendering/styles-nested/_actual.html b/test/server-side-rendering/styles-nested/_actual.html
new file mode 100644
index 0000000000..91c42ef47f
--- /dev/null
+++ b/test/server-side-rendering/styles-nested/_actual.html
@@ -0,0 +1,5 @@
+<div svelte-4188175681>red</div>
+	 <div svelte-146600313>green: foo</div>
+	 <div svelte-1506185237>blue: foo</div>
+	 <div svelte-146600313>green: bar</div>
+	 <div svelte-1506185237>blue: bar</div>
\ No newline at end of file
diff --git a/test/server-side-rendering/styles-nested/_expected.css b/test/server-side-rendering/styles-nested/_expected.css
new file mode 100644
index 0000000000..d837c4e221
--- /dev/null
+++ b/test/server-side-rendering/styles-nested/_expected.css
@@ -0,0 +1,11 @@
+div[svelte-4188175681], [svelte-4188175681] div {
+	color: red;
+}
+
+div[svelte-146600313], [svelte-146600313] div {
+	color: green;
+}
+
+div[svelte-1506185237], [svelte-1506185237] div {
+	color: blue;
+}
diff --git a/test/server-side-rendering/styles-nested/_expected.html b/test/server-side-rendering/styles-nested/_expected.html
new file mode 100644
index 0000000000..a8d6d4f5d8
--- /dev/null
+++ b/test/server-side-rendering/styles-nested/_expected.html
@@ -0,0 +1,5 @@
+<div svelte-4188175681>red</div>
+<div svelte-146600313>green: foo</div>
+<div svelte-1506185237>blue: foo</div>
+<div svelte-146600313>green: bar</div>
+<div svelte-1506185237>blue: bar</div>
diff --git a/test/server-side-rendering/styles-nested/main.html b/test/server-side-rendering/styles-nested/main.html
new file mode 100644
index 0000000000..b87d4f32dc
--- /dev/null
+++ b/test/server-side-rendering/styles-nested/main.html
@@ -0,0 +1,17 @@
+<div>red</div>
+<One message='foo'/>
+<One message='bar'/>
+
+<style>
+	div {
+		color: red;
+	}
+</style>
+
+<script>
+	import One from './One.html';
+
+	export default {
+		components: { One }
+	};
+</script>