fix: Update test query matchers

Author: Ehesp

packages/react/src/auth/forms/email-link-auth-form.tsx

@@ -113,7 +113,9 @@ export function EmailLinkAuthForm({ onEmailSent, onSignIn }: EmailLinkAuthFormPr
     >
       <form.AppForm>
         <fieldset>
-          <form.AppField name="email">{(field) => <field.Input label="Email" type="email" />}</form.AppField>
+          <form.AppField name="email">
+            {(field) => <field.Input label={getTranslation(ui, "labels", "emailAddress")} type="email" />}
+          </form.AppField>
         </fieldset>
         <Policies />
         <fieldset>

packages/react/src/auth/forms/forgot-password-auth-form.tsx

@@ -93,7 +93,9 @@ export function ForgotPasswordAuthForm({ onBackToSignInClick, onPasswordSent }:
     >
       <form.AppForm>
         <fieldset>
-          <form.AppField name="email">{(field) => <field.Input label="Email" type="email" />}</form.AppField>
+          <form.AppField name="email">
+            {(field) => <field.Input label={getTranslation(ui, "labels", "emailAddress")} type="email" />}
+          </form.AppField>
         </fieldset>
         <Policies />
         <fieldset>

packages/react/src/auth/forms/sign-in-auth-form.tsx

@@ -88,12 +88,14 @@ export function SignInAuthForm({ onSignIn, onForgotPasswordClick, onRegisterClic
     >
       <form.AppForm>
         <fieldset>
-          <form.AppField name="email">{(field) => <field.Input label="Email" type="email" />}</form.AppField>
+          <form.AppField name="email">
+            {(field) => <field.Input label={getTranslation(ui, "labels", "emailAddress")} type="email" />}
+          </form.AppField>
         </fieldset>
         <fieldset>
           <form.AppField name="password">
             {(field) => (
-              <field.Input label="Password" type="password">
+              <field.Input label={getTranslation(ui, "labels", "password")} type="password">
                 {onForgotPasswordClick ? (
                   <form.Action onClick={onForgotPasswordClick}>
                     {getTranslation(ui, "labels", "forgotPassword")}

packages/react/src/auth/forms/sign-up-auth-form.test.tsx

@@ -385,19 +385,12 @@ describe("<SignUpAuthForm />", () => {
       </FirebaseUIProvider>
     );
 
-    // There should be only one form
     const form = container.querySelectorAll("form.fui-form");
     expect(form.length).toBe(1);
 
-    // Make sure we have email and password inputs but not displayName
-    expect(screen.getByRole("textbox", { name: /emailAddress/ })).toBeInTheDocument();
+    expect(screen.getByRole("textbox", { name: /email/ })).toBeInTheDocument();
     expect(screen.getByRole("textbox", { name: /password/ })).toBeInTheDocument();
     expect(screen.queryByRole("textbox", { name: /displayName/ })).not.toBeInTheDocument();
-
-    // Ensure the "Create Account" button is present and is a submit button
-    const createAccountButton = screen.getByRole("button", { name: "createAccount" });
-    expect(createAccountButton).toBeInTheDocument();
-    expect(createAccountButton).toHaveAttribute("type", "submit");
   });
 
   it("should trigger displayName validation errors when the form is blurred and requireDisplayName is enabled", () => {
@@ -427,6 +420,7 @@ describe("<SignUpAuthForm />", () => {
     expect(form).toBeInTheDocument();
 
     const displayNameInput = screen.getByRole("textbox", { name: /displayName/ });
+    expect(displayNameInput).toBeInTheDocument();
 
     act(() => {
       fireEvent.blur(displayNameInput);

packages/react/src/auth/forms/sign-up-auth-form.tsx

@@ -96,10 +96,14 @@ export function SignUpAuthForm({ onBackToSignInClick, onSignUp }: SignUpAuthForm
     >
       <form.AppForm>
         <fieldset>
-          <form.AppField name="email">{(field) => <field.Input label="Email" type="email" />}</form.AppField>
+          <form.AppField name="email">
+            {(field) => <field.Input label={getTranslation(ui, "labels", "emailAddress")} type="email" />}
+          </form.AppField>
         </fieldset>
         <fieldset>
-          <form.AppField name="password">{(field) => <field.Input label="Password" type="password" />}</form.AppField>
+          <form.AppField name="password">
+            {(field) => <field.Input label={getTranslation(ui, "labels", "password")} type="password" />}
+          </form.AppField>
         </fieldset>
         {requireDisplayName ? (
           <fieldset>