fix(component name parsing): only switching out the word 'compoent/' …

…if it is what starts the path, not for nest options. This should be revisited with unification Closes #236

lib/component-names.js

@@ -6,7 +6,7 @@ var md5 = require('md5');
 module.exports = {
   path: function(actualPath, classicStyleDir) {
     var terminator = '/';
-    var pathSegementToRemove = 'components/';
+    var pathSegementToRemove = /^components\//;
 
     if (actualPath.includes(classicStyleDir)) {
       terminator = '.';

tests/acceptance/unique-component-paths-test.js

@@ -0,0 +1,12 @@
+import { test } from 'qunit';
+import moduleForAcceptance from '../../tests/helpers/module-for-acceptance';
+
+moduleForAcceptance(`Acceptance | Unique Paths`);
+
+test('base rule followed', function(assert) {
+  visit(`/unique-component-paths`);
+
+  andThen(function() {
+    assert.equal(find('h1').css('color'), 'rgb(0, 0, 14)');
+  });
+});

tests/dummy/app/router.js

@@ -15,6 +15,7 @@ export default Ember.Router.extend({
   this.route('no-style-files-yet');
   this.route('classic-structure');
   this.route('classic-structure-nested');
+  this.route('unique-component-paths');
 
   this.route('addon', function() {
     this.route('scss');

tests/dummy/app/unique-component-paths/-components/test-component/styles.scss

@@ -0,0 +1,3 @@
+h1 {
+  color: rgb(0, 0, 14);
+}

tests/dummy/app/unique-component-paths/-components/test-component/template.hbs

@@ -0,0 +1 @@
+<h1> my color should be rgb(0, 0, 14) </h1>

tests/dummy/app/unique-component-paths/template.hbs

@@ -0,0 +1 @@
+{{unique-component-paths/-components/test-component}}