fix(angular): Update tests with latest changes

Author: Ehesp

packages/angular/src/lib/auth/forms/mfa/sms-multi-factor-enrollment-form.spec.ts

@@ -153,7 +153,7 @@ describe("<fui-sms-multi-factor-enrollment-form />", () => {
   });
 
   it("should render phone number form initially", async () => {
-    await render(SmsMultiFactorEnrollmentFormComponent, {
+    const { container } = await render(SmsMultiFactorEnrollmentFormComponent, {
       imports: [
         CommonModule,
         SmsMultiFactorEnrollmentFormComponent,
@@ -167,7 +167,7 @@ describe("<fui-sms-multi-factor-enrollment-form />", () => {
     });
 
     expect(screen.getByLabelText("Display Name")).toBeInTheDocument();
-    expect(screen.getByLabelText("Phone Number")).toBeInTheDocument();
+    expect(container.querySelector('input[name="phoneNumber"]')).toBeInTheDocument();
     expect(screen.getByRole("button", { name: "Send Verification Code" })).toBeInTheDocument();
   });
 

packages/angular/src/lib/auth/forms/multi-factor-auth-enrollment-form.spec.ts

@@ -66,7 +66,7 @@ describe("<fui-multi-factor-auth-enrollment-form />", () => {
   });
 
   it("should auto-select single hint when only one is provided", async () => {
-    await render(MultiFactorAuthEnrollmentFormComponent, {
+    const { container } = await render(MultiFactorAuthEnrollmentFormComponent, {
       imports: [
         CommonModule,
         MultiFactorAuthEnrollmentFormComponent,
@@ -83,11 +83,11 @@ describe("<fui-multi-factor-auth-enrollment-form />", () => {
     expect(screen.queryByRole("button", { name: "TOTP Verification" })).not.toBeInTheDocument();
 
     expect(screen.getByLabelText("Display Name")).toBeInTheDocument();
-    expect(screen.getByLabelText("Phone Number")).toBeInTheDocument();
+    expect(container.querySelector('input[name="phoneNumber"]')).toBeInTheDocument();
   });
 
   it("should show SMS form when SMS hint is selected", async () => {
-    const { fixture } = await render(MultiFactorAuthEnrollmentFormComponent, {
+    const { fixture, container } = await render(MultiFactorAuthEnrollmentFormComponent, {
       imports: [
         CommonModule,
         MultiFactorAuthEnrollmentFormComponent,
@@ -105,7 +105,7 @@ describe("<fui-multi-factor-auth-enrollment-form />", () => {
     fixture.detectChanges();
 
     expect(screen.getByLabelText("Display Name")).toBeInTheDocument();
-    expect(screen.getByLabelText("Phone Number")).toBeInTheDocument();
+    expect(container.querySelector('input[name="phoneNumber"]')).toBeInTheDocument();
     expect(screen.getByRole("button", { name: "Send Verification Code" })).toBeInTheDocument();
   });
 

packages/angular/src/lib/auth/forms/phone-auth-form.spec.ts

@@ -91,7 +91,7 @@ describe("<fui-phone-auth-form />", () => {
   });
 
   it("should render phone number form initially", async () => {
-    await render(PhoneAuthFormComponent, {
+    const { container } = await render(PhoneAuthFormComponent, {
       imports: [
         CommonModule,
         PhoneAuthFormComponent,
@@ -104,7 +104,7 @@ describe("<fui-phone-auth-form />", () => {
       ],
     });
 
-    expect(screen.getByLabelText("Phone Number")).toBeInTheDocument();
+    expect(container.querySelector('input[name="phoneNumber"]')).toBeInTheDocument();
     expect(screen.getByRole("button", { name: "Send Verification Code" })).toBeInTheDocument();
   });
 
@@ -301,7 +301,7 @@ describe("<fui-phone-auth-form />", () => {
   });
 
   it("should reset form when going back to phone number step", async () => {
-    const { fixture } = await render(PhoneAuthFormComponent, {
+    const { fixture, container } = await render(PhoneAuthFormComponent, {
       imports: [
         CommonModule,
         PhoneAuthFormComponent,
@@ -321,7 +321,7 @@ describe("<fui-phone-auth-form />", () => {
     component.verificationId.set(null);
     fixture.detectChanges();
 
-    expect(screen.getByLabelText("Phone Number")).toBeInTheDocument();
+    expect(container.querySelector('input[name="phoneNumber"]')).toBeInTheDocument();
     expect(screen.queryByLabelText("Verification Code")).toBeNull();
   });
 });

packages/angular/src/lib/auth/oauth/github-sign-in-button.spec.ts

@@ -43,7 +43,7 @@ describe("<fui-github-sign-in-button>", () => {
     injectTranslation.mockImplementation((category: string, key: string) => {
       const mockTranslations: Record<string, Record<string, string>> = {
         labels: {
-          signInWithGithub: "Sign in with GitHub",
+          signInWithGitHub: "Sign in with GitHub",
         },
       };
       return () => mockTranslations[category]?.[key] || `${category}.${key}`;