fix: static data in mocks (#1574)

greyscaled · web-flow · commit e0165c5d89d9 · 2022-05-19T11:36:14.000-04:00
diff --git a/site/src/pages/TemplatePage/TemplatePageView.tsx b/site/src/pages/TemplatePage/TemplatePageView.tsx
@@ -84,7 +84,7 @@ export const TemplatesPageView: React.FC<TemplatesPageViewProps> = (props) => {
                   <TableCell>
                     {template.workspace_owner_count} developer{template.workspace_owner_count !== 1 && "s"}
                   </TableCell>
-                  <TableCell>{dayjs().to(dayjs(template.updated_at))}</TableCell>
+                  <TableCell data-chromatic="ignore">{dayjs().to(dayjs(template.updated_at))}</TableCell>
                 </TableRow>
               )
             })}
diff --git a/site/src/pages/TemplatesPage/TemplatesPageView.tsx b/site/src/pages/TemplatesPage/TemplatesPageView.tsx
@@ -92,7 +92,7 @@ export const TemplatesPageView: React.FC<TemplatesPageViewProps> = (props) => {
 
                 <TableCell>{Language.developerCount(template.workspace_owner_count)}</TableCell>
 
-                <TableCell>{dayjs().to(dayjs(template.updated_at))}</TableCell>
+                <TableCell data-chromatic="ignore">{dayjs().to(dayjs(template.updated_at))}</TableCell>
               </TableRow>
             ))}
           </TableBody>
diff --git a/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx b/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx
@@ -92,7 +92,7 @@ export const WorkspacesPageView: React.FC<WorkspacesPageViewProps> = (props) =>
                     )}
                   </TableCell>
                   <TableCell>
-                    <span style={{ color: theme.palette.text.secondary }}>
+                    <span data-chromatic="ignore" style={{ color: theme.palette.text.secondary }}>
                       {dayjs().to(dayjs(workspace.latest_build.created_at))}
                     </span>
                   </TableCell>
diff --git a/site/src/testHelpers/entities.ts b/site/src/testHelpers/entities.ts
@@ -80,8 +80,8 @@ export const MockRunningProvisionerJob = { ...MockProvisionerJob, status: "runni
 
 export const MockTemplate: TypesGen.Template = {
   id: "test-template",
-  created_at: new Date().toString(),
-  updated_at: new Date().toString(),
+  created_at: "2022-05-17T17:39:01.382927298Z",
+  updated_at: "2022-05-18T17:39:01.382927298Z",
   organization_id: MockOrganization.id,
   name: "Test Template",
   provisioner: MockProvisioner.id,
@@ -111,7 +111,7 @@ export const MockWorkspaceAutostopEnabled: TypesGen.UpdateWorkspaceAutostartRequ
 
 export const MockWorkspaceBuild: TypesGen.WorkspaceBuild = {
   build_number: 1,
-  created_at: new Date().toString(),
+  created_at: "2022-05-17T17:39:01.382927298Z",
   id: "1",
   initiator_id: "",
   job: MockProvisionerJob,

Original file line number	Diff line number	Diff line change
`@@ -84,7 +84,7 @@ export const TemplatesPageView: React.FC<TemplatesPageViewProps> = (props) => {`
`84`	`84`	`<TableCell>`
`85`	`85`	`{template.workspace_owner_count} developer{template.workspace_owner_count !== 1 && "s"}`
`86`	`86`	`</TableCell>`
`87`		`- <TableCell>{dayjs().to(dayjs(template.updated_at))}</TableCell>`
	`87`	`+ <TableCell data-chromatic="ignore">{dayjs().to(dayjs(template.updated_at))}</TableCell>`
`88`	`88`	`</TableRow>`
`89`	`89`	`)`
`90`	`90`	`})}`