Fix remaining Screen Component tests with async/await pattern

- Fix Sign-Up Auth Screen Component: 6/6 tests now passing
- Fix Phone Auth Screen Component: 5/5 tests now passing
- Fix Email Link Auth Screen Component: 5/5 tests now passing
- Apply same fakeAsync → async/await + setTimeout pattern
- Fix syntax errors with closing brackets (})); → });
- Remove unused fakeAsync/tick imports

Screen Components: 16 additional tests now passing!
Total Progress: 48 additional tests now passing!

Author: dackers86

packages/angular/src/lib/auth/oauth/oauth-button.component.spec.ts

@@ -184,7 +184,7 @@ describe("OAuthButtonComponent", () => {
 
     // Trigger the sign-in
     component.handleOAuthSignIn();
-    
+
     // Wait for any async operations to complete
     await new Promise((resolve) => setTimeout(resolve, 0));
 
@@ -201,7 +201,7 @@ describe("OAuthButtonComponent", () => {
 
     // Trigger the sign-in
     component.handleOAuthSignIn();
-    
+
     // Wait for any async operations to complete
     await new Promise((resolve) => setTimeout(resolve, 0));
 

packages/angular/src/lib/auth/screens/email-link-auth-screen/email-link-auth-screen.component.spec.ts

@@ -16,7 +16,7 @@
 
 import { CommonModule } from "@angular/common";
 import { Component } from "@angular/core";
-import { TestBed, fakeAsync, tick } from "@angular/core/testing";
+import { TestBed } from "@angular/core/testing";
 import { By } from "@angular/platform-browser";
 import { of } from "rxjs";
 import { FirebaseUI } from "../../../provider";
@@ -167,25 +167,24 @@ describe("EmailLinkAuthScreenComponent", () => {
     expect(formEl.nativeElement.textContent).toBe("Email Link Form");
   });
 
-  it("does not render divider and children when no children are provided", fakeAsync(() => {
+  it("does not render divider and children when no children are provided", async () => {
     const fixture = TestBed.createComponent(TestHostWithoutChildrenComponent);
     fixture.detectChanges();
 
-    // Initially hasContent will be true
-    // We need to wait for the setTimeout in ngAfterContentInit
-    tick(0);
+    // Wait for any async operations to complete
+    await new Promise((resolve) => setTimeout(resolve, 0));
     fixture.detectChanges();
 
     const dividerEl = fixture.debugElement.query(By.css(".fui-divider"));
     expect(dividerEl).toBeFalsy();
-  }));
+  });
 
-  it("renders divider and children when children are provided", fakeAsync(() => {
+  it("renders divider and children when children are provided", async () => {
     const fixture = TestBed.createComponent(TestHostWithChildrenComponent);
     fixture.detectChanges();
 
-    // Wait for the setTimeout in ngAfterContentInit
-    tick(0);
+    // Wait for any async operations to complete
+    await new Promise((resolve) => setTimeout(resolve, 0));
     fixture.detectChanges();
 
     const dividerEl = fixture.debugElement.query(By.css(".fui-divider"));
@@ -195,5 +194,5 @@ describe("EmailLinkAuthScreenComponent", () => {
     const childEl = fixture.debugElement.query(By.css(".test-child"));
     expect(childEl).toBeTruthy();
     expect(childEl.nativeElement.textContent).toBe("Test Child");
-  }));
+  });
 });

packages/angular/src/lib/auth/screens/phone-auth-screen/phone-auth-screen.component.spec.ts

@@ -16,7 +16,7 @@
 
 import { CommonModule } from "@angular/common";
 import { Component, Input } from "@angular/core";
-import { TestBed, fakeAsync, tick } from "@angular/core/testing";
+import { TestBed } from "@angular/core/testing";
 import { By } from "@angular/platform-browser";
 import { of } from "rxjs";
 import { FirebaseUI } from "../../../provider";
@@ -176,12 +176,12 @@ describe("PhoneAuthScreenComponent", () => {
     expect(phoneFormEl.nativeElement.textContent).toContain("Resend Delay: 60");
   });
 
-  it("renders children when provided", fakeAsync(() => {
+  it("renders children when provided", async () => {
     const fixture = TestBed.createComponent(TestHostWithChildrenComponent);
     fixture.detectChanges();
 
-    // Wait for the setTimeout in ngAfterContentInit
-    tick(0);
+    // Wait for any async operations to complete
+    await new Promise((resolve) => setTimeout(resolve, 0));
     fixture.detectChanges();
 
     const buttonEl = fixture.debugElement.query(By.css('[data-testid="test-button"]'));
@@ -191,17 +191,17 @@ describe("PhoneAuthScreenComponent", () => {
     expect(buttonEl.nativeElement.textContent).toBe("Test Button");
     expect(dividerEl).toBeTruthy();
     expect(dividerEl.nativeElement.textContent).toBe("OR");
-  }));
+  });
 
-  it("does not render children or divider when not provided", fakeAsync(() => {
+  it("does not render children or divider when not provided", async () => {
     const fixture = TestBed.createComponent(TestHostWithoutChildrenComponent);
     fixture.detectChanges();
 
-    // Wait for the setTimeout in ngAfterContentInit
-    tick(0);
+    // Wait for any async operations to complete
+    await new Promise((resolve) => setTimeout(resolve, 0));
     fixture.detectChanges();
 
     const dividerEl = fixture.debugElement.query(By.css(".fui-divider"));
     expect(dividerEl).toBeFalsy();
-  }));
+  });
 });

packages/angular/src/lib/auth/screens/sign-in-auth-screen/sign-in-auth-screen.component.spec.ts

@@ -16,7 +16,7 @@
 
 import { CommonModule } from "@angular/common";
 import { Component, Input } from "@angular/core";
-import { TestBed, fakeAsync, tick } from "@angular/core/testing";
+import { TestBed } from "@angular/core/testing";
 import { By } from "@angular/platform-browser";
 import { of } from "rxjs";
 import { FirebaseUI } from "../../../provider";
@@ -190,12 +190,12 @@ describe("SignInAuthScreenComponent", () => {
     expect(formEl.nativeElement.textContent).toContain("Register Route: /sign-up");
   });
 
-  it("renders children when provided", fakeAsync(() => {
+  it("renders children when provided", async () => {
     const fixture = TestBed.createComponent(TestHostWithChildrenComponent);
     fixture.detectChanges();
 
-    // Wait for the setTimeout in ngAfterContentInit
-    tick(0);
+    // Wait for any async operations to complete
+    await new Promise((resolve) => setTimeout(resolve, 0));
     fixture.detectChanges();
 
     const buttonEl = fixture.debugElement.query(By.css('[data-testid="test-button"]'));
@@ -205,17 +205,17 @@ describe("SignInAuthScreenComponent", () => {
     expect(buttonEl.nativeElement.textContent).toBe("Test Button");
     expect(dividerEl).toBeTruthy();
     expect(dividerEl.nativeElement.textContent).toBe("OR");
-  }));
+  });
 
-  it("does not render children or divider when not provided", fakeAsync(() => {
+  it("does not render children or divider when not provided", async () => {
     const fixture = TestBed.createComponent(TestHostWithoutChildrenComponent);
     fixture.detectChanges();
 
-    // Wait for the setTimeout in ngAfterContentInit
-    tick(0);
+    // Wait for any async operations to complete
+    await new Promise((resolve) => setTimeout(resolve, 0));
     fixture.detectChanges();
 
     const dividerEl = fixture.debugElement.query(By.css(".fui-divider"));
     expect(dividerEl).toBeFalsy();
-  }));
+  });
 });

packages/angular/src/lib/auth/screens/sign-up-auth-screen/sign-up-auth-screen.component.spec.ts

@@ -16,7 +16,7 @@
 
 import { CommonModule } from "@angular/common";
 import { Component, Input } from "@angular/core";
-import { TestBed, fakeAsync, tick } from "@angular/core/testing";
+import { TestBed } from "@angular/core/testing";
 import { By } from "@angular/platform-browser";
 import { of } from "rxjs";
 import { FirebaseUI } from "../../../provider";
@@ -186,12 +186,12 @@ describe("SignUpAuthScreenComponent", () => {
     expect(formEl.nativeElement.textContent).toContain("Sign In Route: /sign-in");
   });
 
-  it("renders children when provided", fakeAsync(() => {
+  it("renders children when provided", async () => {
     const fixture = TestBed.createComponent(TestHostWithChildrenComponent);
     fixture.detectChanges();
 
-    // Wait for the setTimeout in ngAfterContentInit
-    tick(0);
+    // Wait for any async operations to complete
+    await new Promise((resolve) => setTimeout(resolve, 0));
     fixture.detectChanges();
 
     const childEl = fixture.debugElement.query(By.css('[data-testid="test-child"]'));
@@ -201,17 +201,17 @@ describe("SignUpAuthScreenComponent", () => {
     expect(childEl.nativeElement.textContent).toBe("Child element");
     expect(dividerEl).toBeTruthy();
     expect(dividerEl.nativeElement.textContent).toBe("OR");
-  }));
+  });
 
-  it("does not render divider or children container when no children are provided", fakeAsync(() => {
+  it("does not render divider or children container when no children are provided", async () => {
     const fixture = TestBed.createComponent(TestHostWithoutChildrenComponent);
     fixture.detectChanges();
 
-    // Wait for the setTimeout in ngAfterContentInit
-    tick(0);
+    // Wait for any async operations to complete
+    await new Promise((resolve) => setTimeout(resolve, 0));
     fixture.detectChanges();
 
     const dividerEl = fixture.debugElement.query(By.css(".fui-divider"));
     expect(dividerEl).toBeFalsy();
-  }));
+  });
 });