pyscript/pyscriptjs/tests/unit/exceptions.test.ts

import { expect, it, jest, describe, afterEach } from '@jest/globals';
import { _createAlertBanner, UserError, FetchError, ErrorCode } from '../../src/exceptions';

describe('Test _createAlertBanner', () => {
    afterEach(() => {
        // Ensure we always have a clean body
        document.body.innerHTML = `<div>Hello World</div>`;
    });

    it("error level shouldn't contain close button", async () => {
        _createAlertBanner('Something went wrong!', 'error');

        const banner = document.getElementsByClassName('alert-banner');
        const closeButton = document.getElementById('alert-close-button');
        expect(banner.length).toBe(1);
        expect(banner[0].innerHTML).toBe('Something went wrong!');
        expect(closeButton).toBeNull();
    });

    it('warning level should contain close button', async () => {
        _createAlertBanner('This is a warning', 'warning');

        const banner = document.getElementsByClassName('alert-banner');
        const closeButton = document.getElementById('alert-close-button');
        expect(banner.length).toBe(1);
        expect(banner[0].innerHTML).toContain('This is a warning');
        expect(closeButton).not.toBeNull();
    });

    it('error level banner should log to console', async () => {
        const logSpy = jest.spyOn(console, 'error');

        _createAlertBanner('Something went wrong!');

        expect(logSpy).toHaveBeenCalledWith('Something went wrong!');
    });

    it('warning level banner should log to console', async () => {
        const logSpy = jest.spyOn(console, 'warn');

        _createAlertBanner('This warning', 'warning');

        expect(logSpy).toHaveBeenCalledWith('This warning');
    });

    it('close button should remove element from page', async () => {
        let banner = document.getElementsByClassName('alert-banner');
        expect(banner.length).toBe(0);

        _createAlertBanner('Warning!', 'warning');

        // Just a sanity check
        banner = document.getElementsByClassName('alert-banner');
        expect(banner.length).toBe(1);

        const closeButton = document.getElementById('alert-close-button');
        if (closeButton) {
            closeButton.click();
            // Confirm that clicking the close button, removes the element
            banner = document.getElementsByClassName('alert-banner');
            expect(banner.length).toBe(0);
        } else {
            fail('Unable to find close button on the page, but should exist');
        }
    });

    it("toggling logging off on error alert shouldn't log to console", async () => {
        const errorLogSpy = jest.spyOn(console, 'error');

        _createAlertBanner('Test error', 'error', 'text', false);
        expect(errorLogSpy).not.toHaveBeenCalledWith('Test error');
    });

    it("toggling logging off on warning alert shouldn't log to console", async () => {
        const warnLogSpy = jest.spyOn(console, 'warn');
        _createAlertBanner('Test warning', 'warning', 'text', false);
        expect(warnLogSpy).not.toHaveBeenCalledWith('Test warning');
    });

    it('_createAlertbanner messageType text writes message to content', async () => {
        let banner = document.getElementsByClassName('alert-banner');
        expect(banner.length).toBe(0);

        const message = '<p>Test message</p>';
        _createAlertBanner(message, 'error', 'text');
        banner = document.getElementsByClassName('alert-banner');

        expect(banner.length).toBe(1);
        expect(banner[0].innerHTML).toBe('&lt;p&gt;Test message&lt;/p&gt;');
        expect(banner[0].textContent).toBe(message);
    });

    it('_createAlertbanner messageType html writes message to innerHTML', async () => {
        let banner = document.getElementsByClassName('alert-banner');
        expect(banner.length).toBe(0);

        const message = '<p>Test message</p>';
        _createAlertBanner(message, 'error', 'html');
        banner = document.getElementsByClassName('alert-banner');

        expect(banner.length).toBe(1);
        expect(banner[0].innerHTML).toBe(message);
        expect(banner[0].textContent).toBe('Test message');
    });
});

describe('Test Exceptions', () => {
    it('UserError contains errorCode and shows in message', async () => {
        const errorCode = ErrorCode.BAD_CONFIG;
        const message = 'Test error';
        const userError = new UserError(ErrorCode.BAD_CONFIG, message);
        expect(userError.errorCode).toBe(errorCode);
        expect(userError.message).toBe(`(${errorCode}): ${message}`);
    });

    it('FetchError contains errorCode and shows in message', async () => {
        const errorCode = ErrorCode.FETCH_NOT_FOUND_ERROR;
        const message = 'Test error';
        const fetchError = new FetchError(errorCode, message);
        expect(fetchError.errorCode).toBe(errorCode);
        expect(fetchError.message).toBe(`(${errorCode}): ${message}`);
    });
});