feat(client): display current course on ship page

clemlatz · May 9, 2024 · 43e2b73 · 43e2b73
1 parent 4578698
commit 43e2b73
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 0 deletions.
diff --git a/client/app/models/ship.ts b/client/app/models/ship.ts
@@ -13,6 +13,7 @@ export default class ShipModel extends Model {
   @attr declare speedInKilometersPerSecond: number;
   @attr declare currentPosition: Position;
   @attr declare currentLocation: Location;
+  @attr declare currentCourse: number;
   @attr declare destinationPosition: Position;
   @attr declare destinationLocation: Location;
   @attr declare timeToDestination: number | null;

diff --git a/client/app/templates/ships/get.hbs b/client/app/templates/ships/get.hbs
@@ -25,6 +25,11 @@
     {{@model.destinationLocation.name}}
   </dd>
 
+  <dt id="current-course">Current course</dt>
+  <dd aria-labelledby="current-course">
+    {{@model.currentCourse}} °
+  </dd>
+
   <dt id="time-to-destination">Time to destination</dt>
   <dd aria-labelledby="time-to-destination">
     {{#if @model.timeToDestination}}

diff --git a/client/mirage/fixtures/ships.ts b/client/mirage/fixtures/ships.ts
@@ -9,6 +9,7 @@ export default [
     speedInKilometersPerSecond: 100,
     currentPosition: { x: 3, y: 4 },
     currentLocation: { name: 'Moon' },
+    currentCourse: 0,
     destinationPosition: null,
     destinationLocation: null,
     timeToDestination: null,
@@ -23,6 +24,7 @@ export default [
     speedInKilometersPerSecond: 100,
     currentPosition: { x: 1, y: 2 },
     currentLocation: { name: 'Earth' },
+    currentCourse: 84,
     destinationPosition: { x: 3, y: 4 },
     destinationLocation: { name: 'Moon' },
     timeToDestination: 312,

diff --git a/client/tests/acceptance/ship-test.ts b/client/tests/acceptance/ship-test.ts
@@ -41,6 +41,9 @@ module('Acceptance | ship', function (hooks) {
       assert
         .dom(screen.getByRole('definition', { name: 'Current location' }))
         .hasText('3.000 4.000 Moon');
+      assert
+        .dom(screen.getByRole('definition', { name: 'Current course' }))
+        .hasText('0 °');
       assert
         .dom(screen.getByRole('definition', { name: 'Current destination' }))
         .hasText('—');
@@ -61,6 +64,9 @@ module('Acceptance | ship', function (hooks) {
         assert
           .dom(screen.getByRole('heading', { name: 'Bebop', level: 2 }))
           .exists();
+        assert
+          .dom(screen.getByRole('definition', { name: 'Current course' }))
+          .hasText('84 °');
         assert
           .dom(screen.getByRole('definition', { name: 'Current destination' }))
           .hasText('3.000 4.000 Moon');