Ensure nested components are tested as well

tests/acceptance/styles-lookup-test.js

@@ -10,7 +10,9 @@ var componentRoutes = [
   'classic-template-only-component',
   'pod-component',
   'pod-template-only-component',
-  'addon-component'
+  'addon-component',
+  'pod-route/nested-pod-component',
+  'pod-route/nested-pod-template-only-component'
 ].map(name => [name, `/render-component/${name}`]);
 
 var controllerRoutes = [
@@ -30,7 +32,7 @@ var controllerRoutes = [
       assert.ok(testElement);
 
       let styles = window.getComputedStyle(testElement);
-      assert.equal(styles.fontFamily, name);
+      assert.equal(styles.fontFamily.replace(/['"]/g, ''), name);
     });
   });
 });

tests/dummy/app/pod-route/nested-pod-component/component.js

@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+
+});

tests/dummy/app/pod-route/nested-pod-component/styles.css

@@ -0,0 +1,3 @@
+.component-class {
+  font-family: 'pod-route/nested-pod-component';
+}

tests/dummy/app/pod-route/nested-pod-component/template.hbs

@@ -0,0 +1 @@
+<div class="{{styles.component-class}}" data-test-element>nested pod component</div>

tests/dummy/app/pod-route/nested-pod-template-only-component/styles.css

@@ -0,0 +1,3 @@
+.component-class {
+  font-family: 'pod-route/nested-pod-template-only-component';
+}

tests/dummy/app/pod-route/nested-pod-template-only-component/template.hbs

@@ -0,0 +1 @@
+<div class="{{styles.component-class}}" data-test-element>nested pod component</div>

tests/dummy/app/router.js

@@ -11,7 +11,7 @@ Router.map(function() {
   this.route('pod-route');
   this.route('pod-template-only-route');
 
-  this.route('render-component', { path: 'render-component/:component' });
+  this.route('render-component', { path: 'render-component/*component' });
 });
 
 export default Router;