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: '[email protected]'
            }
        });
    });

YonatanKra

it('should call `signInWithEmailAndPassword` with auth, email and password', async () => {
    const email = '[email protected]';
    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: '[email protected]'
        };

        (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(() => {

YonatanKra

  get #loginElement () {
      return this.shadowRoot!.querySelector('yag-login') as HTMLElement;
  }
  #setLoginListener = () => {
      this.#loginElement.addEventListener('login-attempt', this.#handleLoginAttempt);
  }

  #unsetLoginListener = () => {
      this.#loginElement?.removeEventListener('login-attempt', this.#handleLoginAttempt);

YonatanKra

    #handleLoginAttempt = (e: Event) => {
        const { email, password } = (<CustomEvent>e).detail;
        this.#authComponent?.login(email, password);
    }
    #setViewAccordingToUserStatus = () => {
        
        if (!this.#authComponent!.isLoggedIn || this.#authComponent!.isLoggedIn?.() === false) {
            this.shadowRoot!.innerHTML = `<yag-login></yag-login>`;
            const loginElement = this.shadowRoot!.querySelector('yag-login') as HTMLElement;
            loginElement.addEventListener('login-attempt', this.#handleLoginAttempt);

YonatanKra

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

    isLoggedIn?() {
        return isLoggedIn;
    }