diff --git a/test/generator/samples/deconflict-non-helpers/_config.js b/test/generator/samples/deconflict-non-helpers/_config.js
new file mode 100644
index 0000000000..978e4c27e3
--- /dev/null
+++ b/test/generator/samples/deconflict-non-helpers/_config.js
@@ -0,0 +1,8 @@
+export default {
+	html: `ABCD`,
+
+	test ( assert, component ) {
+		assert.equal( component.get( 'compute' ), 'ABCD' );
+		component.destroy();
+	}
+};
diff --git a/test/generator/samples/deconflict-non-helpers/main.html b/test/generator/samples/deconflict-non-helpers/main.html
new file mode 100644
index 0000000000..8541b090f9
--- /dev/null
+++ b/test/generator/samples/deconflict-non-helpers/main.html
@@ -0,0 +1,17 @@
+{{compute}}
+<script>
+	import { addCss, addedCss, applyComputations, renderMainFragment } from './module.js';
+
+	export default {
+		data() {
+			return {
+				value: addCss + addedCss + applyComputations + renderMainFragment
+			};
+		},
+		computed: {
+			compute: value => value.toUpperCase()
+		}
+	};
+</script>
+<style>
+</style>
diff --git a/test/generator/samples/deconflict-non-helpers/module.js b/test/generator/samples/deconflict-non-helpers/module.js
new file mode 100644
index 0000000000..ff4e71e251
--- /dev/null
+++ b/test/generator/samples/deconflict-non-helpers/module.js
@@ -0,0 +1,4 @@
+export const addCss = 'a';
+export const addedCss = 'b';
+export const applyComputations = 'c';
+export const renderMainFragment = 'd';