chore(site): fix reset password storybook flake (#15380)

BrunoQuaresma · web-flow · commit 18c2386e9e5f · 2024-11-06T14:24:32.000-03:00
Fix coder/internal#69
diff --git a/site/src/pages/UsersPage/UsersPage.stories.tsx b/site/src/pages/UsersPage/UsersPage.stories.tsx
@@ -72,6 +72,9 @@ const meta: Meta<typeof UsersPage> = {
 	component: UsersPage,
 	parameters,
 	decorators: [withGlobalSnackbar, withAuthProvider, withDashboardProvider],
+	args: {
+		defaultNewPassword: "edWbqYiaVpEiEWwI",
+	},
 };
 
 export default meta;
diff --git a/site/src/pages/UsersPage/UsersPage.tsx b/site/src/pages/UsersPage/UsersPage.tsx
@@ -35,7 +35,13 @@ import { ResetPasswordDialog } from "./ResetPasswordDialog";
 import { useStatusFilterMenu } from "./UsersFilter";
 import { UsersPageView } from "./UsersPageView";
 
-const UsersPage: FC = () => {
+type UserPageProps = {
+	// Used by Storybook to prevent generating a new password each time the story
+	// loads, avoiding Chromatic snapshot differences.
+	defaultNewPassword?: string;
+};
+
+const UsersPage: FC<UserPageProps> = ({ defaultNewPassword }) => {
 	const queryClient = useQueryClient();
 	const navigate = useNavigate();
 	const location = useLocation();
@@ -134,7 +140,7 @@ const UsersPage: FC = () => {
 				onResetUserPassword={(user) => {
 					setConfirmResetPassword({
 						user,
-						newPassword: generateRandomString(12),
+						newPassword: defaultNewPassword ?? generateRandomString(12),
 					});
 				}}
 				onUpdateUserRoles={async (userId, roles) => {
diff --git a/site/src/pages/UsersPage/UsersPageView.stories.tsx b/site/src/pages/UsersPage/UsersPageView.stories.tsx
@@ -34,7 +34,6 @@ const meta: Meta<typeof UsersPageView> = {
 		isNonInitialPage: false,
 		users: [MockUser, MockUser2],
 		roles: MockAssignableSiteRoles,
-
 		canEditUsers: true,
 		filterProps: defaultFilterProps,
 		authMethods: MockAuthMethodsPasswordOnly,
