diff --git a/test/runtime/samples/component-static-at-symbol/Email.html b/test/runtime/samples/component-static-at-symbol/Email.html
new file mode 100644
index 0000000000..629ae71a04
--- /dev/null
+++ b/test/runtime/samples/component-static-at-symbol/Email.html
@@ -0,0 +1 @@
+<a href='mailto:{{address}}'>email</a>
diff --git a/test/runtime/samples/component-static-at-symbol/_config.js b/test/runtime/samples/component-static-at-symbol/_config.js
new file mode 100644
index 0000000000..a2f60e3de7
--- /dev/null
+++ b/test/runtime/samples/component-static-at-symbol/_config.js
@@ -0,0 +1,3 @@
+export default {
+	html: `<a href='mailto:hello@example.com'>email</a>`
+};
diff --git a/test/runtime/samples/component-static-at-symbol/main.html b/test/runtime/samples/component-static-at-symbol/main.html
new file mode 100644
index 0000000000..f8a0e1c6cd
--- /dev/null
+++ b/test/runtime/samples/component-static-at-symbol/main.html
@@ -0,0 +1,9 @@
+<Email address='hello@example.com'/>
+
+<script>
+	import Email from './Email.html';
+
+	export default {
+		components: { Email },
+	};
+</script>