Incorporate @maxfierke's tests from #226

Author: dfreeman

test-packages/embroider-app/app/components/test-component.css

@@ -1,3 +1,6 @@
+@value gray-100 from 'embroider-app/styles/variables';
+
 .test-component {
+  color: gray-100;
   font-family: TestComponent;
 }

test-packages/embroider-app/app/components/test-namespace/nested-embroider-app-component.css

@@ -0,0 +1,6 @@
+@value gray-100 from 'embroider-app/styles/variables';
+
+.nested-test-component {
+  color: gray-100;
+  font-family: NestedTestComponent;
+}

test-packages/embroider-app/app/components/test-namespace/nested-embroider-app-component.hbs

@@ -0,0 +1 @@
+<div local-class="nested-test-component">{{yield}}</div>

test-packages/embroider-app/app/styles/variables.css

@@ -0,0 +1 @@
+@value gray-100: #E0E0E0;

test-packages/embroider-app/package.json

@@ -20,13 +20,13 @@
   },
   "devDependencies": {
     "@ember/optional-features": "^1.3.0",
-    "@embroider/compat": "^0.13.0",
-    "@embroider/core": "^0.13.0",
-    "@embroider/webpack": "^0.13.0",
+    "@embroider/compat": "^0.39.1",
+    "@embroider/core": "^0.39.1",
+    "@embroider/webpack": "^0.39.1",
     "@glimmer/component": "^1.0.0",
     "@glimmer/tracking": "^1.0.0",
     "babel-eslint": "^10.1.0",
-    "ember-auto-import": "^1.5.3",
+    "ember-auto-import": "^1.11.2",
     "ember-cli": "~3.17.0",
     "ember-cli-babel": "^7.18.0",
     "ember-cli-dependency-checker": "^3.2.0",

test-packages/embroider-app/tests/integration/components/test-component-test.js

@@ -17,5 +17,6 @@ module('Integration | Component | TestComponent', function(hooks) {
     let styles = getComputedStyle(element);
 
     assert.equal(styles.fontFamily, 'TestComponent');
+    assert.equal(styles.color, 'rgb(224, 224, 224)');
   });
 });

test-packages/embroider-app/tests/integration/components/test-namespace/nested-embroider-app-component-test.js

@@ -0,0 +1,22 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module('Integration | Component | TestNamespace::NestedEmbroiderAppComponent', function(hooks) {
+  setupRenderingTest(hooks);
+
+  test('it renders with the correct styles', async function(assert) {
+    await render(hbs`
+      <TestNamespace::NestedEmbroiderAppComponent>
+        <span data-test>hello</span>
+      </TestNamespace::NestedEmbroiderAppComponent>
+    `);
+
+    let element = this.element.querySelector('[data-test]');
+    let styles = getComputedStyle(element);
+
+    assert.equal(styles.fontFamily, 'NestedTestComponent');
+    assert.equal(styles.color, 'rgb(224, 224, 224)');
+  });
+});