Add "Last Change" column to cluster details (#136)

Author: KaliszWiktoria

apps/cluster-orch/src/components/pages/ClusterDetail/ClusterDetail.cy.tsx

@@ -4,11 +4,13 @@
  */
 
 import { aggregateStatuses, ApiErrorPom } from "@orch-ui/components";
+import { cyGet } from "@orch-ui/tests";
 import {
   ClusterGenericStatuses,
   clusterToStatuses,
   IRuntimeConfig,
 } from "@orch-ui/utils";
+import moment from "moment";
 import ClusterDetail from "./ClusterDetail";
 import { ClusterDetailPom } from "./ClusterDetail.pom";
 
@@ -63,6 +65,17 @@ describe("<ClusterDetail />", () => {
       );
     });
 
+    it("should render 'Last Change' column when showTimestamp is true", () => {
+      const timestamp = pom.testCluster.providerStatus?.timestamp as number;
+      const expectedDate = moment(new Date(timestamp * 1000)).format(
+        "MMM DD, YYYY",
+      );
+      cyGet("timestamp-lifecyclePhase").should("contain", expectedDate);
+      cyGet("timestamp-lifecyclePhase").should("exist");
+      cyGet("last-change").should("exist");
+      cyGet("last-change").contains("Last Change");
+    });
+
     it("should delete a cluster", () => {
       pom.el.clusterDetailPopup.click().as("popup");
       cy.get("@popup").contains("Delete").click();

apps/cluster-orch/src/components/pages/ClusterDetail/ClusterDetail.tsx

@@ -446,6 +446,7 @@ function ClusterDetail({ hasHeader = true, name }: ClusterDetailProps) {
             <DetailedStatuses
               data={clusterToStatuses(clusterDetail)}
               statusFields={clusterStatusFields}
+              showTimestamp
             />
           </Item>
           <Item title={<Text>Hosts</Text>}>