diff --git a/site/src/components/LastSeen/LastSeen.stories.tsx b/site/src/components/LastSeen/LastSeen.stories.tsx index 69509c1500..6d52de469c 100644 --- a/site/src/components/LastSeen/LastSeen.stories.tsx +++ b/site/src/components/LastSeen/LastSeen.stories.tsx @@ -6,8 +6,8 @@ const meta: Meta = { title: "components/LastSeen", component: LastSeen, args: { - // We typically want this component to be excluded from Chromatic's snapshots, - // because it creates a lot of noise when a static dates roles over from eg. + // We typically want this component to be excluded from snapshot tests, + // because it creates a lot of noise when a static date rolls 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-pixel": "", diff --git a/site/src/components/PaginationWidget/PaginationContainer.mocks.ts b/site/src/components/PaginationWidget/PaginationContainer.mocks.ts index bccf0371e3..0d727927cf 100644 --- a/site/src/components/PaginationWidget/PaginationContainer.mocks.ts +++ b/site/src/components/PaginationWidget/PaginationContainer.mocks.ts @@ -2,8 +2,8 @@ * @file Mock input props for use with PaginationContainer's tests and stories. * * Had to split this off into a separate file because housing these in the test - * file and then importing them from the stories file was causing Chromatic's - * Vite test environment to break + * file and then importing them from the stories file was breaking Storybook's + * build */ import type { PaginationResult } from "./PaginationContainer"; diff --git a/site/src/modules/workspaces/WorkspaceTiming/Chart/Blocks.tsx b/site/src/modules/workspaces/WorkspaceTiming/Chart/Blocks.tsx index c47a6b3716..6b511cee75 100644 --- a/site/src/modules/workspaces/WorkspaceTiming/Chart/Blocks.tsx +++ b/site/src/modules/workspaces/WorkspaceTiming/Chart/Blocks.tsx @@ -14,7 +14,7 @@ export const Blocks: FC = ({ count }) => { const [availableWidth, setAvailableWidth] = useState(0); const blocksRef = useRef(null); - // Fix: When using useLayoutEffect, Chromatic fails to calculate the right width. + // Fix: When using useLayoutEffect, snapshot tests fail to calculate the right width. useEffect(() => { if (availableWidth || !blocksRef.current) { return; diff --git a/site/src/pages/AgentsPage/components/AgentCreateForm.stories.tsx b/site/src/pages/AgentsPage/components/AgentCreateForm.stories.tsx index 5f31532e46..953e4abcef 100644 --- a/site/src/pages/AgentsPage/components/AgentCreateForm.stories.tsx +++ b/site/src/pages/AgentsPage/components/AgentCreateForm.stories.tsx @@ -570,8 +570,8 @@ export const WithWorkspaces: Story = { await userEvent.click( body.getByText("Attach workspace").closest("button")!, ); - // Wait for the workspace combobox dropdown to appear so - // Chromatic captures it. + // Wait for the workspace combobox dropdown to appear so snapshot tests + // capture it. await body.findByPlaceholderText("Search workspaces..."); }, }; diff --git a/site/src/pages/AgentsPage/components/ChatConversation/storyFixtures.ts b/site/src/pages/AgentsPage/components/ChatConversation/storyFixtures.ts index 2f70fcb80c..e0695c8ffe 100644 --- a/site/src/pages/AgentsPage/components/ChatConversation/storyFixtures.ts +++ b/site/src/pages/AgentsPage/components/ChatConversation/storyFixtures.ts @@ -56,7 +56,7 @@ export const buildStreamRenderState = ( /** * Pinned clock for stories that render countdown timers. Stories * should mock `Date.now` to return this value so the countdowns - * are deterministic across Chromatic snapshots. + * are deterministic across snapshot tests. * * Set to midnight UTC on the same day as the fixture deadlines, * giving reconnect a 1s countdown and retry a 2s countdown. diff --git a/site/src/pages/AgentsPage/components/ChatsSidebar/dialogs/ChatSearchResults.tsx b/site/src/pages/AgentsPage/components/ChatsSidebar/dialogs/ChatSearchResults.tsx index ab9eae2da9..d510693238 100644 --- a/site/src/pages/AgentsPage/components/ChatsSidebar/dialogs/ChatSearchResults.tsx +++ b/site/src/pages/AgentsPage/components/ChatsSidebar/dialogs/ChatSearchResults.tsx @@ -297,7 +297,7 @@ const ChatSearchResultRow: FC = ({ aria-hidden="true" /> )} - {/* Pin the ignored mask width so Chromatic does not diff bounding rect changes. */} + {/* Pin the ignored mask width so Pixel 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 5dfce96d40..be0480ca49 100644 --- a/site/src/pages/AgentsPage/components/ChatsSidebar/tree/ChatTreeNode.tsx +++ b/site/src/pages/AgentsPage/components/ChatsSidebar/tree/ChatTreeNode.tsx @@ -294,7 +294,7 @@ export const ChatTreeNode: FC = ({ chat, isChildNode }) => { /> ) : ( <> - {/* Pin the ignored mask width so Chromatic does not diff bounding rect changes. */} + {/* Pin the ignored mask width so Pixel does not diff bounding rect changes. */} = ({ task, checked, onCheckChange }) => { }); const taskPageLink = `/tasks/${task.owner_name}/${task.id}`; - // Discard role, breaks Chromatic. + // Discard role, breaks snapshot tests. const { role, ...clickableRowProps } = useClickableTableRow({ onClick: () => { navigate(taskPageLink);