Genbank URL

app/pods/components/genbank-url/component.js

@@ -0,0 +1,10 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  tagName: 'a',
+  attributeBindings: ['href', 'target'],
+  href: function() {
+    return 'http://www.ncbi.nlm.nih.gov/nucleotide/' + this.get('genbank');
+  }.property(),
+  target: '_blank',
+});

app/pods/components/genbank-url/template.hbs

@@ -0,0 +1 @@
+{{genbank}}

app/pods/components/strain-details/template.hbs

@@ -61,7 +61,7 @@
           {{#if isEditing}}
             {{input value=strain.genbank}}
           {{else}}
-            {{strain.genbank}}
+            {{genbank-url genbank=strain.genbank}}
           {{/if}}
           {{display-errors a=strain.errors.genbank}}
         </dd>

tests/unit/pods/components/genbank-url/component-test.js

@@ -0,0 +1,19 @@
+import { moduleForComponent, test } from 'ember-qunit';
+
+moduleForComponent('genbank-url', 'Unit | Component | genbank url', {
+  // Specify the other units that are required for this test
+  // needs: ['component:foo', 'helper:bar'],
+  unit: true
+});
+
+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');
+});