From d94bde3cf40053d8938380312c0f8c4e0f12099f Mon Sep 17 00:00:00 2001
From: Rich Harris <richard.a.harris@gmail.com>
Date: Thu, 16 Feb 2017 13:02:33 -0500
Subject: [PATCH] failing test for #288

---
 test/generator/css-space-in-attribute/Widget.html | 11 +++++++++++
 test/generator/css-space-in-attribute/_config.js  | 11 +++++++++++
 test/generator/css-space-in-attribute/main.html   | 10 ++++++++++
 3 files changed, 32 insertions(+)
 create mode 100644 test/generator/css-space-in-attribute/Widget.html
 create mode 100644 test/generator/css-space-in-attribute/_config.js
 create mode 100644 test/generator/css-space-in-attribute/main.html

diff --git a/test/generator/css-space-in-attribute/Widget.html b/test/generator/css-space-in-attribute/Widget.html
new file mode 100644
index 0000000000..929e1d40b0
--- /dev/null
+++ b/test/generator/css-space-in-attribute/Widget.html
@@ -0,0 +1,11 @@
+<p class='foo bar'>red on black</p>
+
+<style>
+	.foo {
+		color: red;
+	}
+
+	[class*=" bar"] {
+		background: black;
+	}
+</style>
diff --git a/test/generator/css-space-in-attribute/_config.js b/test/generator/css-space-in-attribute/_config.js
new file mode 100644
index 0000000000..3b52fb71d4
--- /dev/null
+++ b/test/generator/css-space-in-attribute/_config.js
@@ -0,0 +1,11 @@
+export default {
+	test ( assert, component, target, window ) {
+		const [ control, test ] = target.querySelectorAll( 'p' );
+
+		assert.equal( window.getComputedStyle( control ).color, '' );
+		assert.equal( window.getComputedStyle( control ).backgroundColor, '' );
+
+		assert.equal( window.getComputedStyle( test ).color, 'red' );
+		assert.equal( window.getComputedStyle( test ).backgroundColor, 'black' );
+	}
+};
diff --git a/test/generator/css-space-in-attribute/main.html b/test/generator/css-space-in-attribute/main.html
new file mode 100644
index 0000000000..211e42721a
--- /dev/null
+++ b/test/generator/css-space-in-attribute/main.html
@@ -0,0 +1,10 @@
+<p class='foo bar'>control</p>
+<Widget/>
+
+<script>
+	import Widget from './Widget.html';
+
+	export default {
+		components: { Widget }
+	};
+</script>