diff --git a/test/compiler/component/Widget.html b/test/compiler/component/Widget.html
new file mode 100644
index 0000000000..460a2a1c01
--- /dev/null
+++ b/test/compiler/component/Widget.html
@@ -0,0 +1 @@
+<p>i am a widget</p>
diff --git a/test/compiler/component/_config.js b/test/compiler/component/_config.js
new file mode 100644
index 0000000000..d768ccd1c7
--- /dev/null
+++ b/test/compiler/component/_config.js
@@ -0,0 +1,3 @@
+export default {
+	html: '<div><p>i am a widget</p></div>'
+};
diff --git a/test/compiler/component/main.html b/test/compiler/component/main.html
new file mode 100644
index 0000000000..5b119b5527
--- /dev/null
+++ b/test/compiler/component/main.html
@@ -0,0 +1,11 @@
+<div>
+	<Widget/>
+</div>
+
+<script>
+	import Widget from './Widget.html';
+
+	export default {
+		components: { Widget }
+	};
+</script>
diff --git a/test/test.js b/test/test.js
index 4785e5edf5..e4d6849cc1 100644
--- a/test/test.js
+++ b/test/test.js
@@ -8,9 +8,7 @@ import jsdom from 'jsdom';
 const cache = {};
 
 require.extensions[ '.html' ] = function ( module, filename ) {
-	const code = cache[ filename ];
-	if ( !code ) throw new Error( `not compiled: ${filename}` );
-
+	const code = cache[ filename ] || ( cache[ filename ] = compile( fs.readFileSync( filename, 'utf-8' ) ).code );
 	return module._compile( code, filename );
 };