YonatanKra

describe('alert', () => {
    it('should display an alert with given message and title', () => {
        app.connectedCallback();
        const message = 'some message';
        const title = 'some title';
        app.alert({message, title});
        const alert = app.shadowRoot?.querySelector('#alert');
        expect(alert?.getAttribute('Headline')).toBe(title);
        expect(alert?.getAttribute('text')).toBe(message);
    });

YonatanKra

    async #isUserRegistered(email: string) {
        const signInMethods = await fetchSignInMethodsForEmail(getAuth(), email);
        return signInMethods.length > 0;
    }

    async #registerUser(email: string, password: string) {
        await createUserWithEmailAndPassword(getAuth(), email, password);
        await sendEmailVerification(getAuth().currentUser!);
    }

YonatanKra

import { App } from './app';

customElements.define('yag-app', App);

class MockAuth extends HTMLElement {
    constructor() {
        super();
        authComponent = this;
    }

YonatanKra

#handleAuthChange = () => {
    this.dispatchEvent(new CustomEvent('user-status-change'));
}
constructor() {
    super();
    onAuthStateChanged(getAuth(), this.#handleAuthChange);
}

YonatanKra

function setUserCreds(firebaseAuth: any, successful: boolean, user = {
    uid: '123',
    email: '[email protected]'
}) {
    return async () => {
        (firebaseAuth.getAuth as any).mockReturnValue({
            currentUser: successful ? user : null
        });

        if (successful) firebaseAuth.authChangeCallback();

YonatanKra

constructor() {
    super();
    onAuthStateChanged(getAuth(), () => this.dispatchEvent(new CustomEvent('user-status-change')));
}

YonatanKra

function setLogin(firebaseAuth: any, successful: boolean) {
    (firebaseAuth.signInWithEmailAndPassword as any).mockImplementation(async () => {
        const user = {
            uid: '123',
            email: '[email protected]'
        };

        (firebaseAuth.getAuth as any).mockReturnValue({
            currentUser: successful ? user : null
        });

YonatanKra

        it('should call `logout` on auth component when logout button is clicked', () => {
            isLoggedIn = true;
            app.connectedCallback();
            getLogoutButton()?.dispatchEvent(new CustomEvent('click'));
            expect(authComponent.logout).toHaveBeenCalled();
        });

YonatanKra

describe('logout button', () => {
    it('should add a logout button to the header when user is logged in', () => {
        isLoggedIn = true;
        app.connectedCallback();
        expect(isLoginButtonVisible()).toBe(true);
    });

    it('should remove the logout button from the header when user is logged out', () => {
        isLoggedIn = true;
        app.connectedCallback();

YonatanKra

describe('logout', () => {
    let firebaseAuth: any;

    beforeEach(async () => {
        firebaseAuth = await import('firebase/auth');
    });

    it('should call firebase signOut', async () => {
        auth.logout();
        expect(firebaseAuth.signOut).toHaveBeenCalledWith(firebaseAuth.getAuth());