First commit

app/components/some-component/component.js

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

app/components/some-component/styles.css

@@ -0,0 +1,3 @@
+.boop {
+  background: red;
+}

app/components/some-component/template.hbs

@@ -0,0 +1 @@
+Hello World

app/templates/index.hbs

@@ -0,0 +1 @@
+{{some-component beep='boop'}}

package.json

@@ -30,6 +30,7 @@
     "ember-cli-sri": "^2.1.0",
     "ember-cli-test-loader": "^1.1.0",
     "ember-cli-uglify": "^1.2.0",
+    "ember-css-modules": "0.6.0",
     "ember-data": "^2.9.0-beta.1",
     "ember-export-application-global": "^1.0.5",
     "ember-load-initializers": "^0.5.1",

tests/integration/components/some-component/component-test.js

@@ -0,0 +1,24 @@
+import { moduleForComponent, test } from 'ember-qunit';
+import hbs from 'htmlbars-inline-precompile';
+
+moduleForComponent('some-component', 'Integration | Component | some component', {
+  integration: true
+});
+
+test('it renders', function(assert) {
+  // Set any properties with this.set('myProperty', 'value');
+  // Handle any actions with this.on('myAction', function(val) { ... });
+
+  this.render(hbs`{{some-component}}`);
+
+  assert.equal(this.$().text().trim(), '');
+
+  // Template block usage:
+  this.render(hbs`
+    {{#some-component}}
+      template block text
+    {{/some-component}}
+  `);
+
+  assert.equal(this.$().text().trim(), 'template block text');
+});