feat(client): display ship speed

clemlatz · Feb 25, 2024 · 1214b6e · 1214b6e
1 parent 5895675
commit 1214b6e
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 0 deletions.
diff --git a/client/app/models/ship.js b/client/app/models/ship.js
@@ -2,6 +2,7 @@ import Model, { attr } from '@ember-data/model';
 
 export default class ShipModel extends Model {
   @attr name;
+  @attr speedInKilometersPerSecond;
   @attr currentPosition;
   @attr currentLocation;
   @attr destinationPosition;

diff --git a/client/app/templates/ships/get.hbs b/client/app/templates/ships/get.hbs
@@ -3,6 +3,11 @@
 <h2>{{@model.name}}</h2>
 
 <dl>
+    <dt id="speed">Speed</dt>
+    <dd aria-labelledby="speed">
+        {{@model.speedInKilometersPerSecond}} km/s
+    </dd>
+
     <dt id="current-location">Current location</dt>
     <dd aria-labelledby="current-location">
         <Position @position={{@model.currentPosition}} />

diff --git a/client/mirage/config.js b/client/mirage/config.js
@@ -30,6 +30,7 @@ function routes() {
           type: 'ship',
           attributes: {
             name: 'Artémis',
+            speedInKilometersPerSecond: 100,
             currentPosition: { x: 3, y: 3 },
             currentLocation: { name: 'Moon' },
             destinationPosition: null,
@@ -41,6 +42,7 @@ function routes() {
           type: 'ship',
           attributes: {
             name: 'Bebop',
+            speedInKilometersPerSecond: 100,
             currentPosition: { x: 1, y: 1 },
             currentLocation: { name: 'Earth' },
             destinationPosition: null,
@@ -58,6 +60,7 @@ function routes() {
         type: 'ship',
         attributes: {
           name: 'Artémis',
+          speedInKilometersPerSecond: 100,
           currentPosition: { x: 3, y: 3 },
           currentLocation: { name: 'Moon' },
           destinationPosition: null,

diff --git a/client/tests/acceptance/sokown-test.js b/client/tests/acceptance/sokown-test.js
@@ -69,6 +69,9 @@ module('Acceptance | sokown', function (hooks) {
     assert
       .dom(screen.getByRole('heading', { name: 'Artémis', level: 2 }))
       .exists();
+    assert
+      .dom(screen.getByRole('definition', { name: 'Speed' }))
+      .hasText('100 km/s');
     assert
       .dom(screen.getByRole('definition', { name: 'Current location' }))
       .hasText('3 3 Moon');