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());

YonatanKra

import { Auth } from './auth';

const COMPONENT_NAME = 'yag-test';
vi.mock('firebase/auth', () => {
    return {
        getAuth: vi.fn().mockReturnValue({
            currentUser: null
        }),
        signInWithEmailAndPassword: vi.fn(),
        fetchSignInMethodsForEmail: vi.fn(),

YonatanKra

it('should emit `user-status-change` event when login successful', async () => {
    const firebaseAuth = await import('firebase/auth');
    (firebaseAuth.signInWithEmailAndPassword as any).mockImplementation(async () => {
        (firebaseAuth.getAuth as any).mockReturnValue({
            currentUser: {
                uid: '123',
                email: 'test@test.com'
            }
        });
    });

YonatanKra

it('should call `signInWithEmailAndPassword` with auth, email and password', async () => {
    const email = 't@t.com';
    const password = '123456';
    const firebaseAuth = await import('firebase/auth');
    await auth.login(email, password);
    expect(firebaseAuth.signInWithEmailAndPassword).toHaveBeenCalledWith(firebaseAuth.getAuth(), email, password);
});

YonatanKra

it('should toggle `isLoggedIn` if login successful', async () => {
    const firebaseAuth = await import('firebase/auth');

    (firebaseAuth.signInWithEmailAndPassword as any).mockImplementation(async () => {
        const user = {
            uid: '123',
            email: 'test@test.com'
        };

        (firebaseAuth.getAuth as any).mockReturnValue({

YonatanKra

import { Firebase } from './firebase';

describe('firebase', () => {
    let firebase: Firebase;

    beforeAll(() => {
        vi.mock('firebase/app', () => {
            return {
                initializeApp: () => 'MockFirebaseApp'
            }

YonatanKra

const numberInput = document.createElement('input');
numberInput.type = 'number';
export function getValidValue(value: string) {
	if (!this.isUserInput) {
		numberInput.value = value;
		return numberInput.value;
	}

	if (value === '' || value === '-' || value === '.') {
		return value;

YonatanKra

import { Auth } from './auth';

describe('login', () => {
    let auth: Auth;

    beforeAll(() => {
        customElements.define('yag-auth', Auth);
    });

    beforeEach(() => {