From a78982c2380ecc306a6e42c6f9872fd55cc253af Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?McKayla=20=E3=81=AF=E3=81=AA?= Date: Mon, 29 Jun 2026 08:57:57 -0600 Subject: [PATCH] test: convert chromatic sentinels to pixel equivalents (#26778) --- site/src/components/Alert/Alert.tsx | 2 +- .../ErrorBoundary/GlobalErrorBoundary.tsx | 2 +- .../components/GitDeviceAuth/GitDeviceAuth.tsx | 2 +- .../src/components/LastSeen/LastSeen.stories.tsx | 2 +- site/src/components/LastSeen/LastSeen.tsx | 4 ++-- .../LinearProgress/LinearProgress.stories.tsx | 4 ++-- site/src/components/Pill/Pill.stories.tsx | 3 --- .../SyntaxHighlighter/SyntaxHighlighter.tsx | 2 +- .../NotificationsInbox/InboxItem.stories.tsx | 4 +--- .../NotificationsInbox/InboxPopover.stories.tsx | 12 +++--------- site/src/modules/provisioners/Provisioner.tsx | 2 +- .../TaskDeleteDialog.stories.tsx | 4 +--- .../tasks/TaskPrompt/TaskPrompt.stories.tsx | 8 ++------ .../WorkspaceTiming/WorkspaceTimings.stories.tsx | 4 ++-- .../TemplatesPage/TemplatesPageView.tsx | 2 +- .../AgentsPage/AgentChatPageView.stories.tsx | 16 ++++++++-------- .../components/AgentChatInput.stories.tsx | 8 ++------ .../components/ChatElements/Shimmer.tsx | 2 +- .../ChatMessageInput.stories.tsx | 4 ++-- .../ChatsSidebar/ChatsSidebar.stories.tsx | 2 +- .../ChatsSidebar/dialogs/ChatSearchResults.tsx | 2 +- .../ChatsSidebar/tree/ChatTreeNode.tsx | 2 +- .../RightPanel/PortPreviewPanel.stories.tsx | 2 +- .../components/TerminalPanel.stories.tsx | 2 +- .../pages/CreateTokenPage/CreateTokenForm.tsx | 4 ++-- .../EditOAuth2AppPageView.tsx | 2 +- site/src/pages/HealthPage/HealthLayout.tsx | 4 ++-- site/src/pages/HealthPage/WorkspaceProxyPage.tsx | 2 +- .../CancelJobButton.stories.tsx | 2 +- .../CancelJobConfirmationDialog.stories.tsx | 6 +++--- .../OrganizationProvisionerJobsPage/JobRow.tsx | 2 +- ...ganizationProvisionerJobsPageView.stories.tsx | 4 +--- .../ProvisionerKeyRow.tsx | 2 +- .../ProvisionerRow.tsx | 4 ++-- .../ProvisionerTagsPopover.stories.tsx | 2 +- .../TemplateVersionEditor.tsx | 2 +- .../pages/TemplatesPage/TemplatesPageView.tsx | 2 +- .../SecretsPage/SecretsTable.tsx | 2 +- .../TokensPage/TokensPageView.tsx | 2 +- site/src/pages/UsersPage/UsersTable.stories.tsx | 3 --- .../WorkspacePage/WorkspaceBuildProgress.tsx | 6 +++--- .../WorkspacesPage/WorkspacesPage.stories.tsx | 2 +- site/src/utils/schedule.tsx | 4 ++-- 43 files changed, 64 insertions(+), 90 deletions(-) diff --git a/site/src/components/Alert/Alert.tsx b/site/src/components/Alert/Alert.tsx index 70d31f17e6..a123273db0 100644 --- a/site/src/components/Alert/Alert.tsx +++ b/site/src/components/Alert/Alert.tsx @@ -135,7 +135,7 @@ export const AlertDescription: React.FC = ({ children, }) => { return ( - + {children} ); diff --git a/site/src/components/ErrorBoundary/GlobalErrorBoundary.tsx b/site/src/components/ErrorBoundary/GlobalErrorBoundary.tsx index 36e044e9ce..bc0552b6ee 100644 --- a/site/src/components/ErrorBoundary/GlobalErrorBoundary.tsx +++ b/site/src/components/ErrorBoundary/GlobalErrorBoundary.tsx @@ -115,7 +115,7 @@ const ErrorStack: FC = ({ error }) => {

{error.stack && ( 
-							
+							
 								{error.stack}
diff --git a/site/src/components/GitDeviceAuth/GitDeviceAuth.tsx b/site/src/components/GitDeviceAuth/GitDeviceAuth.tsx index b28ebeb3f7..a64d3177d7 100644 --- a/site/src/components/GitDeviceAuth/GitDeviceAuth.tsx +++ b/site/src/components/GitDeviceAuth/GitDeviceAuth.tsx @@ -72,7 +72,7 @@ export const GitDeviceAuth: FC = ({ }) => { let status = (

- + Checking for authentication...

); diff --git a/site/src/components/LastSeen/LastSeen.stories.tsx b/site/src/components/LastSeen/LastSeen.stories.tsx index f75cc4c8a7..69509c1500 100644 --- a/site/src/components/LastSeen/LastSeen.stories.tsx +++ b/site/src/components/LastSeen/LastSeen.stories.tsx @@ -10,7 +10,7 @@ const meta: Meta = { // because it creates a lot of noise when a static dates roles over from eg. // "2 months ago" to "3 months ago", but these stories use relative dates, // and test specific cases that we want to be validated. - "data-chromatic": "", + "data-pixel": "", }, }; diff --git a/site/src/components/LastSeen/LastSeen.tsx b/site/src/components/LastSeen/LastSeen.tsx index 2823052466..06b1470e7b 100644 --- a/site/src/components/LastSeen/LastSeen.tsx +++ b/site/src/components/LastSeen/LastSeen.tsx @@ -7,7 +7,7 @@ import { isAfter, relativeTime, subtractTime } from "#/utils/time"; interface LastSeenProps extends Omit, "children"> { at: dayjs.ConfigType; - "data-chromatic"?: string; // prevents a type error in the stories + "data-pixel"?: string; // prevents a type error in the stories } export const LastSeen: FC = ({ at, className, ...attrs }) => { @@ -39,7 +39,7 @@ export const LastSeen: FC = ({ at, className, ...attrs }) => { return ( , }, - parameters: { - chromatic: { delay: 700 }, - }, }; diff --git a/site/src/components/SyntaxHighlighter/SyntaxHighlighter.tsx b/site/src/components/SyntaxHighlighter/SyntaxHighlighter.tsx index d66d797395..68d9e140ce 100644 --- a/site/src/components/SyntaxHighlighter/SyntaxHighlighter.tsx +++ b/site/src/components/SyntaxHighlighter/SyntaxHighlighter.tsx @@ -92,7 +92,7 @@ export const SyntaxHighlighter: FC = ({ return (
= ({ No warnings )} {provisioner.last_seen_at && ( - + Last seen {createDayString(provisioner.last_seen_at)} )} diff --git a/site/src/modules/tasks/TaskDeleteDialog/TaskDeleteDialog.stories.tsx b/site/src/modules/tasks/TaskDeleteDialog/TaskDeleteDialog.stories.tsx index e9b19dd6b7..d2f08ef651 100644 --- a/site/src/modules/tasks/TaskDeleteDialog/TaskDeleteDialog.stories.tsx +++ b/site/src/modules/tasks/TaskDeleteDialog/TaskDeleteDialog.stories.tsx @@ -22,9 +22,7 @@ export const DeleteTaskSuccess: Story = { onClose: () => {}, }, parameters: { - chromatic: { - disableSnapshot: false, - }, + pixel: { exclude: false }, }, beforeEach: () => { spyOn(API, "deleteTask").mockResolvedValue(); diff --git a/site/src/modules/tasks/TaskPrompt/TaskPrompt.stories.tsx b/site/src/modules/tasks/TaskPrompt/TaskPrompt.stories.tsx index 809c9256eb..9e61e5cac7 100644 --- a/site/src/modules/tasks/TaskPrompt/TaskPrompt.stories.tsx +++ b/site/src/modules/tasks/TaskPrompt/TaskPrompt.stories.tsx @@ -134,9 +134,7 @@ export const Submitting: Story = { await userEvent.click(submitButton); }, parameters: { - chromatic: { - disableSnapshot: true, - }, + pixel: { exclude: true }, }, }; @@ -356,9 +354,7 @@ export const AuthenticatedExternalAuth: Story = { }); }, parameters: { - chromatic: { - disableSnapshot: true, - }, + pixel: { exclude: true }, }, }; diff --git a/site/src/modules/workspaces/WorkspaceTiming/WorkspaceTimings.stories.tsx b/site/src/modules/workspaces/WorkspaceTiming/WorkspaceTimings.stories.tsx index bb0c51bcc9..fe7de418a5 100644 --- a/site/src/modules/workspaces/WorkspaceTiming/WorkspaceTimings.stories.tsx +++ b/site/src/modules/workspaces/WorkspaceTiming/WorkspaceTimings.stories.tsx @@ -42,7 +42,7 @@ export const ClickToOpen: Story = { defaultIsOpen: false, }, parameters: { - chromatic: { disableSnapshot: true }, + pixel: { exclude: true }, }, play: async ({ canvasElement }) => { const user = userEvent.setup(); @@ -54,7 +54,7 @@ export const ClickToOpen: Story = { export const ClickToClose: Story = { parameters: { - chromatic: { disableSnapshot: true }, + pixel: { exclude: true }, }, play: async ({ canvasElement }) => { const user = userEvent.setup(); diff --git a/site/src/pages/AISettingsPage/TemplatesPage/TemplatesPageView.tsx b/site/src/pages/AISettingsPage/TemplatesPage/TemplatesPageView.tsx index ae906afc45..0980db754e 100644 --- a/site/src/pages/AISettingsPage/TemplatesPage/TemplatesPageView.tsx +++ b/site/src/pages/AISettingsPage/TemplatesPage/TemplatesPageView.tsx @@ -184,7 +184,7 @@ const TemplateRow: FC = ({
{createDayString(template.updated_at)} diff --git a/site/src/pages/AgentsPage/AgentChatPageView.stories.tsx b/site/src/pages/AgentsPage/AgentChatPageView.stories.tsx index 29a302d3dd..918f3ffaf6 100644 --- a/site/src/pages/AgentsPage/AgentChatPageView.stories.tsx +++ b/site/src/pages/AgentsPage/AgentChatPageView.stories.tsx @@ -1112,7 +1112,7 @@ const inverseScrollFetchSpy = fn(() => { * top of the transcript. */ export const InverseScrollLoadsOlderMessages: Story = { - parameters: { chromatic: { disableSnapshot: true } }, + parameters: { pixel: { exclude: true } }, decorators: scrollStoryDecorators, render: () => ( { * second upward reveal can load another page. */ export const InverseScrollCanLoadMultiplePages: Story = { - parameters: { chromatic: { disableSnapshot: true } }, + parameters: { pixel: { exclude: true } }, decorators: scrollStoryDecorators, render: () => ( ( @@ -1239,7 +1239,7 @@ const scrollToBottomStoryRef: { current: (() => void) | null } = { * hook, so the replacement container must keep that contract working. */ export const ScrollToBottomRefStillWorks: Story = { - parameters: { chromatic: { disableSnapshot: true } }, + parameters: { pixel: { exclude: true } }, decorators: scrollStoryDecorators, render: () => ( , play: async ({ canvasElement }) => { @@ -1316,7 +1316,7 @@ const stickyPinningStore = buildStoreWithMessages(buildLongConversation(40)); * message is pinned within a few pixels of the scroll container's top. */ export const StickyUserMessagePinsOnScroll: Story = { - parameters: { chromatic: { disableSnapshot: true } }, + parameters: { pixel: { exclude: true } }, decorators: scrollStoryDecorators, render: () => , play: async ({ canvasElement }) => { @@ -1421,7 +1421,7 @@ const stickyClipUpdateStore = buildStoreWithMessages( * the new geometry without any scroll event. */ export const StickyUserMessageClipUpdatesWhilePinned: Story = { - parameters: { chromatic: { disableSnapshot: true } }, + parameters: { pixel: { exclude: true } }, decorators: scrollStoryDecorators, render: () => , play: async ({ canvasElement }) => { @@ -1513,7 +1513,7 @@ export const StickyUserMessageClipUpdatesWhilePinned: Story = { */ export const TerminalFocusOnTabSwitch: Story = { parameters: { - chromatic: { disableSnapshot: true }, + pixel: { exclude: true }, webSocket: { "/api/v2/workspaceagents/": [{ event: "message", data: "" }] }, }, decorators: [withWebSocket], diff --git a/site/src/pages/AgentsPage/components/AgentChatInput.stories.tsx b/site/src/pages/AgentsPage/components/AgentChatInput.stories.tsx index 42f288fdfd..45ae035079 100644 --- a/site/src/pages/AgentsPage/components/AgentChatInput.stories.tsx +++ b/site/src/pages/AgentsPage/components/AgentChatInput.stories.tsx @@ -613,9 +613,7 @@ export const LargePasteCreatesAttachmentPreview: Story = { onRemoveAttachment: fn(), }, parameters: { - chromatic: { - disableSnapshot: true, - }, + pixel: { exclude: true }, }, play: async ({ canvasElement, args }) => { const target = getPasteTarget(canvasElement); @@ -648,9 +646,7 @@ export const CtrlShiftVBypassesAttachmentCollapse: Story = { onRemoveAttachment: fn(), }, parameters: { - chromatic: { - disableSnapshot: true, - }, + pixel: { exclude: true }, }, play: async ({ canvasElement, args }) => { const target = getPasteTarget(canvasElement); diff --git a/site/src/pages/AgentsPage/components/ChatElements/Shimmer.tsx b/site/src/pages/AgentsPage/components/ChatElements/Shimmer.tsx index d1441d191c..24561ac6d0 100644 --- a/site/src/pages/AgentsPage/components/ChatElements/Shimmer.tsx +++ b/site/src/pages/AgentsPage/components/ChatElements/Shimmer.tsx @@ -45,7 +45,7 @@ const ShimmerComponent = ({ return ( { const restoreMatchMedia = mockMobileMatchMedia(); @@ -418,7 +418,7 @@ export const MobileOffsetTopDoesNotCollapse: Story = { decorators: [MobileDecorator], parameters: { viewport: { defaultViewport: "mobile1" }, - chromatic: { disableSnapshot: true }, + pixel: { exclude: true }, }, play: async ({ canvasElement }) => { const restoreMatchMedia = mockMobileMatchMedia(); diff --git a/site/src/pages/AgentsPage/components/ChatsSidebar/ChatsSidebar.stories.tsx b/site/src/pages/AgentsPage/components/ChatsSidebar/ChatsSidebar.stories.tsx index ade9a403cf..9b11dfb1a6 100644 --- a/site/src/pages/AgentsPage/components/ChatsSidebar/ChatsSidebar.stories.tsx +++ b/site/src/pages/AgentsPage/components/ChatsSidebar/ChatsSidebar.stories.tsx @@ -264,7 +264,7 @@ export const StaleTurnSummaryAfterStreamingIsSuppressed: Story = { location: { path: "/agents" }, routing: agentsRouting, }), - chromatic: { disableSnapshot: true }, + pixel: { exclude: true }, }, render: (args) => { const initialSummary = "Added Docker and Terraform validation"; diff --git a/site/src/pages/AgentsPage/components/ChatsSidebar/dialogs/ChatSearchResults.tsx b/site/src/pages/AgentsPage/components/ChatsSidebar/dialogs/ChatSearchResults.tsx index 18c29f6f04..ab9eae2da9 100644 --- a/site/src/pages/AgentsPage/components/ChatsSidebar/dialogs/ChatSearchResults.tsx +++ b/site/src/pages/AgentsPage/components/ChatsSidebar/dialogs/ChatSearchResults.tsx @@ -298,7 +298,7 @@ const ChatSearchResultRow: FC = ({ /> )} {/* Pin the ignored mask width so Chromatic does not diff bounding rect changes. */} - + {shortRelativeTime(chat.updated_at)} diff --git a/site/src/pages/AgentsPage/components/ChatsSidebar/tree/ChatTreeNode.tsx b/site/src/pages/AgentsPage/components/ChatsSidebar/tree/ChatTreeNode.tsx index 9412b6a871..e81cd8faf6 100644 --- a/site/src/pages/AgentsPage/components/ChatsSidebar/tree/ChatTreeNode.tsx +++ b/site/src/pages/AgentsPage/components/ChatsSidebar/tree/ChatTreeNode.tsx @@ -339,7 +339,7 @@ export const ChatTreeNode: FC = ({ chat, isChildNode }) => { <> {/* Pin the ignored mask width so Chromatic does not diff bounding rect changes. */} {shortRelativeTime(chat.updated_at)} diff --git a/site/src/pages/AgentsPage/components/RightPanel/PortPreviewPanel.stories.tsx b/site/src/pages/AgentsPage/components/RightPanel/PortPreviewPanel.stories.tsx index 0b1dd0b4db..b148d173f2 100644 --- a/site/src/pages/AgentsPage/components/RightPanel/PortPreviewPanel.stories.tsx +++ b/site/src/pages/AgentsPage/components/RightPanel/PortPreviewPanel.stories.tsx @@ -24,7 +24,7 @@ const meta = { }, parameters: { layout: "centered", - chromatic: { disableSnapshot: true }, + pixel: { exclude: true }, }, decorators: [ (Story) => ( diff --git a/site/src/pages/AgentsPage/components/TerminalPanel.stories.tsx b/site/src/pages/AgentsPage/components/TerminalPanel.stories.tsx index 6263b125d0..bc54f6ed5a 100644 --- a/site/src/pages/AgentsPage/components/TerminalPanel.stories.tsx +++ b/site/src/pages/AgentsPage/components/TerminalPanel.stories.tsx @@ -37,7 +37,7 @@ const meta = { }, parameters: { layout: "centered", - chromatic: { disableSnapshot: true }, + pixel: { exclude: true }, queries: terminalQueries, }, decorators: [ diff --git a/site/src/pages/CreateTokenPage/CreateTokenForm.tsx b/site/src/pages/CreateTokenPage/CreateTokenForm.tsx index 1bd33adf6b..9afa126fb2 100644 --- a/site/src/pages/CreateTokenPage/CreateTokenForm.tsx +++ b/site/src/pages/CreateTokenPage/CreateTokenForm.tsx @@ -87,7 +87,7 @@ export const CreateTokenForm: FC = ({ form.values.lifetime ? ( <> The token will expire on{" "} - + {currentTime .add(form.values.lifetime, "days") .utc() @@ -137,7 +137,7 @@ export const CreateTokenForm: FC = ({ setExpDays(lt); }} inputProps={{ - "data-chromatic": "ignore", + "data-pixel": "ignore", min: dayjs().add(1, "day").format("YYYY-MM-DD"), max: maxTokenLifetime ? dayjs() diff --git a/site/src/pages/DeploymentSettingsPage/OAuth2AppsSettingsPage/EditOAuth2AppPageView.tsx b/site/src/pages/DeploymentSettingsPage/OAuth2AppsSettingsPage/EditOAuth2AppPageView.tsx index f4c6389ed8..23b39eb233 100644 --- a/site/src/pages/DeploymentSettingsPage/OAuth2AppsSettingsPage/EditOAuth2AppPageView.tsx +++ b/site/src/pages/DeploymentSettingsPage/OAuth2AppsSettingsPage/EditOAuth2AppPageView.tsx @@ -283,7 +283,7 @@ const OAuth2SecretRow: FC = ({ return ( *****{secret.client_secret_truncated} - + {secret.last_used_at ? createDayString(secret.last_used_at) : "never"} diff --git a/site/src/pages/HealthPage/HealthLayout.tsx b/site/src/pages/HealthPage/HealthLayout.tsx index 76aaab07cd..347cd1c034 100644 --- a/site/src/pages/HealthPage/HealthLayout.tsx +++ b/site/src/pages/HealthPage/HealthLayout.tsx @@ -122,7 +122,7 @@ export const HealthLayout: FC = () => {
Last check {createDayString(healthStatus.time)} @@ -132,7 +132,7 @@ export const HealthLayout: FC = () => {
Version {healthStatus.coder_version} diff --git a/site/src/pages/HealthPage/WorkspaceProxyPage.tsx b/site/src/pages/HealthPage/WorkspaceProxyPage.tsx index 340507706b..6f1b2ac435 100644 --- a/site/src/pages/HealthPage/WorkspaceProxyPage.tsx +++ b/site/src/pages/HealthPage/WorkspaceProxyPage.tsx @@ -141,7 +141,7 @@ const WorkspaceProxyPage: FC = () => { ))}
)} - + {createDayString(region.updated_at)}
diff --git a/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/CancelJobButton.stories.tsx b/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/CancelJobButton.stories.tsx index 7cd368cd57..641bfb62e2 100644 --- a/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/CancelJobButton.stories.tsx +++ b/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/CancelJobButton.stories.tsx @@ -30,7 +30,7 @@ export const NotCancellable: Story = { export const ConfirmOnClick: Story = { parameters: { - chromatic: { disableSnapshot: true }, + pixel: { exclude: true }, }, play: async ({ canvasElement }) => { const user = userEvent.setup(); diff --git a/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/CancelJobConfirmationDialog.stories.tsx b/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/CancelJobConfirmationDialog.stories.tsx index 0099981086..dbec1f4b27 100644 --- a/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/CancelJobConfirmationDialog.stories.tsx +++ b/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/CancelJobConfirmationDialog.stories.tsx @@ -26,7 +26,7 @@ export const Idle: Story = {}; export const OnCancel: Story = { parameters: { - chromatic: { disableSnapshot: true }, + pixel: { exclude: true }, }, play: async ({ canvasElement, args }) => { const user = userEvent.setup(); @@ -41,7 +41,7 @@ export const OnCancel: Story = { export const OnConfirmSuccess: Story = { parameters: { - chromatic: { disableSnapshot: true }, + pixel: { exclude: true }, }, decorators: [withToaster], play: async ({ canvasElement, args }) => { @@ -61,7 +61,7 @@ export const OnConfirmSuccess: Story = { export const OnConfirmFailure: Story = { parameters: { - chromatic: { disableSnapshot: true }, + pixel: { exclude: true }, }, decorators: [withToaster], args: { diff --git a/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/JobRow.tsx b/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/JobRow.tsx index 91efd394e1..f3e88e1262 100644 --- a/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/JobRow.tsx +++ b/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/JobRow.tsx @@ -136,7 +136,7 @@ export const JobRow: FC = ({ job, defaultIsOpen = false }) => {
{job.metadata.workspace_name ?? "null"}
Creation time:
-
{job.created_at}
+
{job.created_at}
{job.queue_position > 0 && ( <> diff --git a/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/OrganizationProvisionerJobsPageView.stories.tsx b/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/OrganizationProvisionerJobsPageView.stories.tsx index 49c647ad9a..a7854060d3 100644 --- a/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/OrganizationProvisionerJobsPageView.stories.tsx +++ b/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerJobsPage/OrganizationProvisionerJobsPageView.stories.tsx @@ -66,9 +66,7 @@ export const RetryAfterError: Story = { }); }, parameters: { - chromatic: { - disableSnapshot: true, - }, + pixel: { exclude: true }, }, }; diff --git a/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerKeysPage/ProvisionerKeyRow.tsx b/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerKeysPage/ProvisionerKeyRow.tsx index b52633e1c4..1c5694ca07 100644 --- a/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerKeysPage/ProvisionerKeyRow.tsx +++ b/site/src/pages/OrganizationSettingsPage/OrganizationProvisionerKeysPage/ProvisionerKeyRow.tsx @@ -78,7 +78,7 @@ export const ProvisionerKeyRow: FC = ({ ])} >
Creation time:
-
{provisionerKey.created_at}
+
{provisionerKey.created_at}
Tags:
diff --git a/site/src/pages/OrganizationSettingsPage/OrganizationProvisionersPage/ProvisionerRow.tsx b/site/src/pages/OrganizationSettingsPage/OrganizationProvisionersPage/ProvisionerRow.tsx index dc53cdf58e..321f3bc7e1 100644 --- a/site/src/pages/OrganizationSettingsPage/OrganizationProvisionersPage/ProvisionerRow.tsx +++ b/site/src/pages/OrganizationSettingsPage/OrganizationProvisionersPage/ProvisionerRow.tsx @@ -116,10 +116,10 @@ export const ProvisionerRow: FC = ({ ])} >
Last seen:
-
{provisioner.last_seen_at}
+
{provisioner.last_seen_at}
Creation time:
-
{provisioner.created_at}
+
{provisioner.created_at}
Version:
diff --git a/site/src/pages/TemplateVersionEditorPage/ProvisionerTagsPopover.stories.tsx b/site/src/pages/TemplateVersionEditorPage/ProvisionerTagsPopover.stories.tsx index c003fa6feb..676dc84351 100644 --- a/site/src/pages/TemplateVersionEditorPage/ProvisionerTagsPopover.stories.tsx +++ b/site/src/pages/TemplateVersionEditorPage/ProvisionerTagsPopover.stories.tsx @@ -31,7 +31,7 @@ export const Open: Story = { export const OnTagsChange: Story = { parameters: { - chromatic: { disableSnapshot: true }, + pixel: { exclude: true }, }, args: { tags: {}, diff --git a/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditor.tsx b/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditor.tsx index 9c7e122ff2..1aac65b885 100644 --- a/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditor.tsx +++ b/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditor.tsx @@ -413,7 +413,7 @@ export const TemplateVersionEditor: FC = ({
-
+
{activePath ? ( isEditorValueBinary ? (
= ({ {formatTemplateBuildTime(template.build_time_stats.start.P50)} - + {createDayString(template.updated_at)} diff --git a/site/src/pages/UserSettingsPage/SecretsPage/SecretsTable.tsx b/site/src/pages/UserSettingsPage/SecretsPage/SecretsTable.tsx index 7908f01c88..a74dc30c48 100644 --- a/site/src/pages/UserSettingsPage/SecretsPage/SecretsTable.tsx +++ b/site/src/pages/UserSettingsPage/SecretsPage/SecretsTable.tsx @@ -112,7 +112,7 @@ export const SecretsTable: FC = ({ fallback="No description" /> - + {relativeTime(secret.updated_at)} diff --git a/site/src/pages/UserSettingsPage/TokensPage/TokensPageView.tsx b/site/src/pages/UserSettingsPage/TokensPage/TokensPageView.tsx index e9bfd92dc7..35738d9332 100644 --- a/site/src/pages/UserSettingsPage/TokensPage/TokensPageView.tsx +++ b/site/src/pages/UserSettingsPage/TokensPage/TokensPageView.tsx @@ -114,7 +114,7 @@ const TokensTableBody: FC = ({ {dayjs(token.expires_at).fromNow()} diff --git a/site/src/pages/UsersPage/UsersTable.stories.tsx b/site/src/pages/UsersPage/UsersTable.stories.tsx index f656fd8b8e..7aeced6972 100644 --- a/site/src/pages/UsersPage/UsersTable.stories.tsx +++ b/site/src/pages/UsersPage/UsersTable.stories.tsx @@ -143,7 +143,4 @@ export const Loading: Story = { users: [], isLoading: true, }, - parameters: { - chromatic: { pauseAnimationAtEnd: true }, - }, }; diff --git a/site/src/pages/WorkspacePage/WorkspaceBuildProgress.tsx b/site/src/pages/WorkspacePage/WorkspaceBuildProgress.tsx index 488123f218..adb79bb3a6 100644 --- a/site/src/pages/WorkspacePage/WorkspaceBuildProgress.tsx +++ b/site/src/pages/WorkspacePage/WorkspaceBuildProgress.tsx @@ -127,14 +127,14 @@ export const WorkspaceBuildProgress: FC = ({
{progressText}
)} = ({
{progressText}
diff --git a/site/src/pages/WorkspacesPage/WorkspacesPage.stories.tsx b/site/src/pages/WorkspacesPage/WorkspacesPage.stories.tsx index a50bbe0ed1..a3f6a26866 100644 --- a/site/src/pages/WorkspacesPage/WorkspacesPage.stories.tsx +++ b/site/src/pages/WorkspacesPage/WorkspacesPage.stories.tsx @@ -182,7 +182,7 @@ const makePage = (prefix: string) => export const PaginationChangesQueryKey: Story = { parameters: { - chromatic: { disableSnapshot: true }, + pixel: { exclude: true }, queries: [ ...meta.parameters.queries, { diff --git a/site/src/utils/schedule.tsx b/site/src/utils/schedule.tsx index 1dd74996c1..0cd1f1081a 100644 --- a/site/src/utils/schedule.tsx +++ b/site/src/utils/schedule.tsx @@ -136,7 +136,7 @@ export const autostopDisplay = ( if (template.autostop_requirement && template.allow_user_autostop) { title = Autostop schedule; reason = ( - + {" "} because this workspace has enabled autostop. You can disable autostop from this workspace's{" "} @@ -150,7 +150,7 @@ export const autostopDisplay = ( return { message: `Stop ${deadline.fromNow()}`, tooltip: ( - + {title} This workspace will be stopped on{" "} {deadline.format("MMMM D [at] h:mm A")}