test(notifiations): working on storybook

defelmnq · defelmnq · commit 4151ab5182e1 · 2024-10-28T17:17:44.000+01:00
diff --git a/site/src/pages/SetupPage/SetupPage.test.tsx b/site/src/pages/SetupPage/SetupPage.test.tsx
@@ -49,6 +49,19 @@ 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(<SetupPage />);
+		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;
 
@@ -99,6 +112,7 @@ describe("Setup Page", () => {
 		await fillForm();
 		await waitFor(() => screen.findByText("Templates"));
 	});
+
 	it("calls sendBeacon with telemetry", async () => {
 		const sendBeacon = jest.fn();
 		Object.defineProperty(window.navigator, "sendBeacon", {
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,
