i18n 적용

tests/unit/PublicPageRendererFormSubmitMessages.spec.tsx

@@ -23,8 +23,8 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
         props: {
           kind: "contact",
           submitTarget: "internal",
-          successMessage: "폼 성공 메시지 (config)",
-          errorMessage: "폼 에러 메시지 (config)",
+          successMessage: "Form success message (config)",
+          errorMessage: "Form error message (config)",
           fieldIds: ["field_name"],
           requiredFieldIds: ["field_name"],
           submitButtonId: "submit_btn",
@@ -34,7 +34,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
         id: "field_name",
         type: "formInput",
         props: {
-          label: "이름",
+          label: "Name",
           formFieldName: "name",
           required: true,
         } as any,
@@ -43,7 +43,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
         id: "submit_btn",
         type: "button",
         props: {
-          label: "제출하기",
+          label: "Submit",
           href: "#",
         } as any,
       },
@@ -60,10 +60,10 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
 
     render(<PublicPageRenderer blocks={blocks} />);
 
-    const nameInput = screen.getByLabelText("이름") as HTMLInputElement;
+    const nameInput = screen.getByLabelText("Name") as HTMLInputElement;
     fireEvent.change(nameInput, { target: { value: "홍길동" } });
 
-    const submitButton = screen.getByRole("link", { name: "제출하기" });
+    const submitButton = screen.getByRole("link", { name: "Submit" });
     expect(submitButton).toBeTruthy();
 
     fireEvent.click(submitButton);
@@ -73,7 +73,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
     });
 
     await waitFor(() => {
-      const msg = screen.getByText("폼 성공 메시지 (config)");
+      const msg = screen.getByText("Form success message (config)");
       expect(msg).toBeTruthy();
     });
   });
@@ -86,8 +86,8 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
         props: {
           kind: "contact",
           submitTarget: "internal",
-          successMessage: "폼 성공 메시지 (config)",
-          errorMessage: "폼 에러 메시지 (config)",
+          successMessage: "Form success message (config)",
+          errorMessage: "Form error message (config)",
           fieldIds: ["field_name"],
           requiredFieldIds: ["field_name"],
           submitButtonId: "submit_btn",
@@ -97,7 +97,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
         id: "field_name",
         type: "formInput",
         props: {
-          label: "이름",
+          label: "Name",
           formFieldName: "name",
           required: true,
         } as any,
@@ -106,7 +106,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
         id: "submit_btn",
         type: "button",
         props: {
-          label: "제출하기",
+          label: "Submit",
           href: "#",
         } as any,
       },
@@ -123,10 +123,10 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
 
     render(<PublicPageRenderer blocks={blocks} />);
 
-    const nameInput = screen.getByLabelText("이름") as HTMLInputElement;
+    const nameInput = screen.getByLabelText("Name") as HTMLInputElement;
     fireEvent.change(nameInput, { target: { value: "홍길동" } });
 
-    const submitButton = screen.getByRole("link", { name: "제출하기" });
+    const submitButton = screen.getByRole("link", { name: "Submit" });
     expect(submitButton).toBeTruthy();
 
     fireEvent.click(submitButton);
@@ -136,7 +136,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
     });
 
     await waitFor(() => {
-      const errorMsg = screen.getByText("폼 에러 메시지 (config)");
+      const errorMsg = screen.getByText("Form error message (config)");
       expect(errorMsg).toBeTruthy();
     });
   });
@@ -149,7 +149,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
         props: {
           kind: "contact",
           submitTarget: "internal",
-          successMessage: "폼 성공 메시지 (config)",
+          successMessage: "Form success message (config)",
           fieldIds: ["field_email"],
           requiredFieldIds: ["field_email"],
           submitButtonId: "submit_btn",
@@ -159,7 +159,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
         id: "field_email",
         type: "formInput",
         props: {
-          label: "이메일",
+          label: "Email",
           formFieldName: "email",
           required: true,
         } as any,
@@ -168,7 +168,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
         id: "submit_btn",
         type: "button",
         props: {
-          label: "제출하기",
+          label: "Submit",
           href: "#",
         } as any,
       },
@@ -185,7 +185,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
 
     render(<PublicPageRenderer blocks={blocks} />);
 
-    const submitButton = screen.getByRole("link", { name: "제출하기" });
+    const submitButton = screen.getByRole("link", { name: "Submit" });
     expect(submitButton).toBeTruthy();
 
     fireEvent.click(submitButton);
@@ -195,7 +195,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
     });
 
     await waitFor(() => {
-      const errorMsg = screen.getByText(/다음 필수 항목을 입력해 주세요:\s*-\s*이메일/);
+      const errorMsg = screen.getByText(/Please fill in the following required fields:\s*-\s*Email/);
       expect(errorMsg).toBeTruthy();
     });
   });
@@ -208,8 +208,8 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
         props: {
           kind: "contact",
           submitTarget: "internal",
-          successMessage: "폼 성공 메시지 (config)",
-          errorMessage: "폼 에러 메시지 (config)",
+          successMessage: "Form success message (config)",
+          errorMessage: "Form error message (config)",
           fieldIds: ["field_name"],
           requiredFieldIds: ["field_name"],
           submitButtonId: "submit_btn",
@@ -219,7 +219,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
         id: "field_name",
         type: "formInput",
         props: {
-          label: "이름",
+          label: "Name",
           formFieldName: "name",
           required: true,
         } as any,
@@ -228,7 +228,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
         id: "submit_btn",
         type: "button",
         props: {
-          label: "제출하기",
+          label: "Submit",
           href: "#",
         } as any,
       },
@@ -245,7 +245,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
 
     render(<PublicPageRenderer blocks={blocks} />);
 
-    const submitButton = screen.getByRole("link", { name: "제출하기" });
+    const submitButton = screen.getByRole("link", { name: "Submit" });
     expect(submitButton).toBeTruthy();
 
     // 이름 필드를 비운 채로 제출한다.
@@ -256,7 +256,7 @@ describe("PublicPageRenderer - 폼 제출 메시지", () => {
     });
 
     await waitFor(() => {
-      const errorMsg = screen.getByText(/다음 필수 항목을 입력해 주세요:\s*-\s*이름/);
+      const errorMsg = screen.getByText(/Please fill in the following required fields:\s*-\s*Name/);
       expect(errorMsg).toBeTruthy();
     });
   });