Add unit tests to display name validation

Author: AndyMcGN

app/web/features/auth/signup/BasicForm.test.tsx

@@ -156,4 +156,181 @@ describe("basic signup form", () => {
     mockConsoleError();
     await assertErrorAlert("Permission denied");
   });
+
+  describe("name validation", () => {
+    it("rejects names shorter than 2 characters", async () => {
+      render(<BasicForm />, { wrapper });
+
+      const user = userEvent.setup();
+      const nameInput = await screen.findByLabelText(
+        t("auth:basic_form.name.field_label"),
+      );
+
+      await user.type(nameInput, "A");
+      await user.tab(); // Trigger blur to validate
+
+      await waitFor(() => {
+        expect(
+          screen.getByText(t("auth:basic_form.name.min_length_error")),
+        ).toBeInTheDocument();
+      });
+
+      await user.type(
+        await screen.findByLabelText(t("auth:basic_form.email.field_label")),
+        "test@example.com",
+      );
+      await user.click(
+        await screen.findByRole("button", { name: t("global:continue") }),
+      );
+
+      await waitFor(() => {
+        expect(startSignupMock).not.toHaveBeenCalled();
+      });
+    });
+
+    it("rejects names longer than 100 characters", async () => {
+      render(<BasicForm />, { wrapper });
+
+      const user = userEvent.setup();
+      const nameInput = await screen.findByLabelText(
+        t("auth:basic_form.name.field_label"),
+      );
+
+      const longName = "A".repeat(101);
+      await user.type(nameInput, longName);
+      await user.tab(); // Trigger blur to validate
+
+      await waitFor(() => {
+        expect(
+          screen.getByText(t("auth:basic_form.name.max_length_error")),
+        ).toBeInTheDocument();
+      });
+
+      await user.type(
+        await screen.findByLabelText(t("auth:basic_form.email.field_label")),
+        "test@example.com",
+      );
+      await user.click(
+        await screen.findByRole("button", { name: t("global:continue") }),
+      );
+
+      await waitFor(() => {
+        expect(startSignupMock).not.toHaveBeenCalled();
+      });
+    });
+
+    it("rejects names with invalid characters like !@#$", async () => {
+      render(<BasicForm />, { wrapper });
+
+      const user = userEvent.setup();
+      const nameInput = await screen.findByLabelText(
+        t("auth:basic_form.name.field_label"),
+      );
+
+      await user.type(nameInput, "John!@#$");
+      await user.tab(); // Trigger blur to validate
+
+      await waitFor(() => {
+        expect(
+          screen.getByText(t("auth:basic_form.name.invalid_characters_error")),
+        ).toBeInTheDocument();
+      });
+
+      await user.type(
+        await screen.findByLabelText(t("auth:basic_form.email.field_label")),
+        "test@example.com",
+      );
+      await user.click(
+        await screen.findByRole("button", { name: t("global:continue") }),
+      );
+
+      await waitFor(() => {
+        expect(startSignupMock).not.toHaveBeenCalled();
+      });
+    });
+
+    it("accepts names with hyphens and apostrophes", async () => {
+      startSignupMock.mockResolvedValue(stateAfterStart);
+      render(<BasicForm />, { wrapper });
+
+      const user = userEvent.setup();
+
+      await user.type(
+        await screen.findByLabelText(t("auth:basic_form.name.field_label")),
+        "Anne-Marie O'Connor",
+      );
+      await user.type(
+        await screen.findByLabelText(t("auth:basic_form.email.field_label")),
+        "anne@example.com",
+      );
+
+      await user.click(
+        await screen.findByRole("button", { name: t("global:continue") }),
+      );
+
+      await waitFor(() => {
+        expect(startSignupMock).toHaveBeenCalledWith(
+          "Anne-Marie O'Connor",
+          "anne@example.com",
+          undefined,
+        );
+      });
+    });
+
+    it("accepts names with Unicode characters (Cyrillic)", async () => {
+      startSignupMock.mockResolvedValue(stateAfterStart);
+      render(<BasicForm />, { wrapper });
+
+      const user = userEvent.setup();
+
+      await user.type(
+        await screen.findByLabelText(t("auth:basic_form.name.field_label")),
+        "Иван Иванов",
+      );
+      await user.type(
+        await screen.findByLabelText(t("auth:basic_form.email.field_label")),
+        "ivan@example.com",
+      );
+
+      await user.click(
+        await screen.findByRole("button", { name: t("global:continue") }),
+      );
+
+      await waitFor(() => {
+        expect(startSignupMock).toHaveBeenCalledWith(
+          "Иван Иванов",
+          "ivan@example.com",
+          undefined,
+        );
+      });
+    });
+
+    it("accepts names at minimum length (2 characters)", async () => {
+      startSignupMock.mockResolvedValue(stateAfterStart);
+      render(<BasicForm />, { wrapper });
+
+      const user = userEvent.setup();
+
+      await user.type(
+        await screen.findByLabelText(t("auth:basic_form.name.field_label")),
+        "Li",
+      );
+      await user.type(
+        await screen.findByLabelText(t("auth:basic_form.email.field_label")),
+        "li@example.com",
+      );
+
+      await user.click(
+        await screen.findByRole("button", { name: t("global:continue") }),
+      );
+
+      await waitFor(() => {
+        expect(startSignupMock).toHaveBeenCalledWith(
+          "Li",
+          "li@example.com",
+          undefined,
+        );
+      });
+    });
+  });
 });