make fmt

defelmnq · defelmnq · commit 277cb5703c27 · 2024-10-28T17:08:09.000Z
diff --git a/site/src/pages/ResetPasswordPage/ChangePasswordPage.stories.tsx b/site/src/pages/ResetPasswordPage/ChangePasswordPage.stories.tsx
@@ -51,20 +51,6 @@ export const WrongConfirmationPassword: Story = {
 	},
 };
 
-export const PasswordValidation: Story = {
-	play: async ({ canvasElement }) => {
-		spyOn(API, "validateUserPassword").mockResolvedValueOnce({
-			valid: false,
-			details: "Password is too short",
-		});
-		const canvas = within(canvasElement);
-		const user = userEvent.setup();
-		const newPasswordInput = await canvas.findByLabelText("Password *");
-		await user.type(newPasswordInput, "short");
-		await canvas.findByText("Password is too short");
-	},
-};
-
 export const GeneralServerError: Story = {
 	play: async ({ canvasElement }) => {
 		const serverError =
diff --git a/site/src/pages/SetupPage/SetupPage.test.tsx b/site/src/pages/SetupPage/SetupPage.test.tsx
@@ -49,6 +49,32 @@ describe("Setup Page", () => {
 		);
 	});
 
+	it("renders the password validation error", async () => {
+		server.use(
+			http.post("/api/v2/users/validate-password", () => {
+				return HttpResponse.json({
+					valid: false,
+					details: "Password is too short",
+				});
+			}),
+		);
+
+		renderWithRouter(
+			createMemoryRouter(
+				[
+					{
+						path: "/setup",
+						element: <SetupPage />,
+					},
+				],
+				{ initialEntries: ["/setup"] },
+			),
+		);
+		await waitForLoaderToBeRemoved();
+		await fillForm({ password: "short" });
+		await waitFor(() => screen.findByText("Password is too short"));
+	});
+
 	it("redirects to the app when setup is successful", async () => {
 		let userHasBeenCreated = false;
 
diff --git a/site/src/pages/SetupPage/SetupPageView.stories.tsx b/site/src/pages/SetupPage/SetupPageView.stories.tsx
@@ -31,6 +31,12 @@ export const TrialError: Story = {
 	},
 };
 
+export const PasswordValidation: Story = {
+	args: {
+		passwordValidator: { valid: false, details: "Password is too short" },
+	},
+};
+
 export const Loading: Story = {
 	args: {
 		isLoading: true,
