Measurement row component

app/components/measurements/measurement-row.js

@@ -0,0 +1,6 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  tagName: 'tr',
+  measurement: null, // passed in
+});

app/models/measurement.js

@@ -1,4 +1,5 @@
 import DS from 'ember-data';
+import Ember from 'ember';
 
 export default DS.Model.extend({
   strain: DS.belongsTo('strain'),
@@ -11,5 +12,24 @@ export default DS.Model.extend({
   notes: DS.attr('string'),
   testMethod: DS.attr('string'),
   createdAt: DS.attr('date'),
-  updatedAt: DS.attr('date')
+  updatedAt: DS.attr('date'),
+  computedValue: Ember.computed('textMeasurementType', 'txtValue', 'numValue', function() {
+    var val;
+    if (this.get('textMeasurementType')) {
+      val = this.get('textMeasurementType');
+    } else if (this.get('txtValue')) {
+      val = this.get('txtValue');
+    } else if (this.get('numValue')) {
+      val = this.get('numValue');
+      if (this.get('confidenceInterval')) {
+        val = val + ' ± ' + this.get('confidenceInterval');
+      }
+    } else {
+      val = "error";
+    }
+    if (this.get('unitType')) {
+      val = val + ' ' + this.get('unitType');
+    }
+    return val;
+  })
 });

app/templates/components/measurements/measurement-row.hbs

@@ -0,0 +1,4 @@
+<td>{{measurement.characteristic}}</td>
+<td>{{{measurement.computedValue}}}</td>
+<td>{{measurement.notes}}</td>
+<td>{{measurement.testMethod}}</td>

app/templates/measurements/index.hbs

@@ -2,27 +2,14 @@
   <thead>
     <tr>
       <th>Characteristic</th>
-      <th>Text Meas. Type</th>
+      <th>Measurement</th>
-      <th>Text Value</th>
-      <th>Num. Value</th>
-      <th>Confidence Int.</th>
-      <th>Unit</th>
       <th>Notes</th>
       <th>Test Method</th>
     </tr>
   </thead>
   <tbody>
-    {{#each measurement in model}}
+    {{#each model as |measurement|}}
-      <tr>
+      {{measurements/measurement-row measurement=measurement}}
-        <td>{{measurement.characteristic}}</td>
-        <td>{{measurement.textMeasurementType}}</td>
-        <td>{{measurement.txtValue}}</td>
-        <td>{{measurement.numValue}}</td>
-        <td>{{measurement.confidenceInterval}}</td>
-        <td>{{measurement.unitType}}</td>
-        <td>{{measurement.notes}}</td>
-        <td>{{measurement.testMethod}}</td>
-      </tr>
     {{/each}}
   </tbody>
 </table>

tests/unit/components/measurements/measurement-row-test.js

@@ -0,0 +1,21 @@
+import {
+  moduleForComponent,
+  test
+} from 'ember-qunit';
+
+moduleForComponent('measurements/measurement-row', {
+  // specify the other units that are required for this test
+  // needs: ['component:foo', 'helper:bar']
+});
+
+test('it renders', function(assert) {
+  assert.expect(2);
+
+  // creates the component instance
+  var component = this.subject();
+  assert.equal(component._state, 'preRender');
+
+  // renders the component to the page
+  this.render();
+  assert.equal(component._state, 'inDOM');
+});