Add last-modified time to Project footer (#492)

* Add modifiedTime to project * Add MockDate
hashicorp-forge · Dec 8, 2023 · d23d51e · d23d51e
1 parent d735ef4
commit d23d51e
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 14 deletions.
diff --git a/web/app/components/project/index.hbs b/web/app/components/project/index.hbs
@@ -321,11 +321,20 @@
       </div>
     {{/if}}
 
-    <div class="mt-14 -mb-6 text-body-100 text-color-foreground-disabled">
-      Project created
-      {{time-ago @project.createdTime}}
-      by
-      {{@project.creator}}
+    <div
+      class="mt-14 -mb-6 flex gap-[5px] text-body-100 text-color-foreground-disabled"
+    >
+      <span data-test-created-time>
+        Created
+        {{time-ago @project.createdTime}}
+        by
+        {{@project.creator}}
+      </span>
+      <span class="opacity-50">|</span>
+      <span data-test-modified-time>
+        Last modified
+        {{time-ago @project.modifiedTime}}
+      </span>
     </div>
   </div>
 </div>

diff --git a/web/tests/acceptance/authenticated/projects/project-test.ts b/web/tests/acceptance/authenticated/projects/project-test.ts
@@ -1,18 +1,13 @@
 import { MirageTestContext, setupMirage } from "ember-cli-mirage/test-support";
 import { authenticateSession } from "ember-simple-auth/test-support";
 import { module, test, todo } from "qunit";
-import {
-  click,
-  fillIn,
-  find,
-  visit,
-  waitFor,
-  waitUntil,
-} from "@ember/test-helpers";
+import { click, fillIn, visit, waitFor } from "@ember/test-helpers";
 import { getPageTitle } from "ember-page-title/test-support";
 import { setupApplicationTest } from "ember-qunit";
 import { ProjectStatus } from "hermes/types/project-status";
-import { TEST_USER_PHOTO } from "hermes/utils/mirage-utils";
+import { TEST_USER_EMAIL, TEST_USER_PHOTO } from "hermes/utils/mirage-utils";
+import MockDate from "mockdate";
+import { DEFAULT_MOCK_DATE } from "hermes/utils/mockdate/dates";
 
 const TITLE = "[data-test-project-title]";
 const TITLE_BUTTON = `${TITLE} button`;
@@ -23,6 +18,9 @@ const DESCRIPTION = "[data-test-project-description]";
 const DESCRIPTION_BUTTON = `${DESCRIPTION} button`;
 const DESCRIPTION_INPUT = `${DESCRIPTION} textarea`;
 
+const CREATED_TIME = "[data-test-created-time]";
+const MODIFIED_TIME = "[data-test-modified-time]";
+
 const SAVE_EDITABLE_FIELD_BUTTON = ".editable-field [data-test-save-button]";
 
 const ADD_RESOURCE_BUTTON = "[data-test-add-project-resource-button]";
@@ -135,6 +133,8 @@ module("Acceptance | authenticated/projects/project", function (hooks) {
   });
 
   test("it renders the correct filled-in state", async function (this: AuthenticatedProjectsProjectRouteTestContext, assert) {
+    MockDate.set(DEFAULT_MOCK_DATE);
+
     const docTitle = "Foo bar";
     const docSummary = "Baz qux";
     const docStatus = "Approved";
@@ -255,6 +255,13 @@ module("Acceptance | authenticated/projects/project", function (hooks) {
       .hasAttribute("data-test-assignee", jiraAssignee);
 
     assert.dom(JIRA_OVERFLOW_BUTTON).exists();
+
+    assert
+      .dom(CREATED_TIME)
+      .hasText(`Created 32 years ago by ${TEST_USER_EMAIL}`);
+    assert.dom(MODIFIED_TIME).hasText(`Last modified 32 years ago`);
+
+    MockDate.reset();
   });
 
   test("you can edit a project title", async function (this: AuthenticatedProjectsProjectRouteTestContext, assert) {