// Tests for shared/toast.js — the cross-tool notification helper
// available as window.zddc.toast(msg, level, opts). Loaded into every
// tool's bundle by build.sh.
//
// Strategy: load any tool's dist HTML over file:// (browse is the
// smallest), trigger the helper, and assert DOM + ARIA shape.

import { test, expect } from '@playwright/test';
import * as path from 'path';

const HTML_PATH = path.resolve('browse/dist/browse.html');

test.describe('shared/toast.js', () => {
    test.beforeEach(async ({ page }) => {
        await page.goto(`file://${HTML_PATH}`, { waitUntil: 'load' });
    });

    test('exposes window.zddc.toast(msg, level)', async ({ page }) => {
        const exposed = await page.evaluate(
            () => typeof window.zddc?.toast === 'function'
        );
        expect(exposed).toBe(true);
    });

    test('renders a single toast with the level class and ARIA role', async ({ page }) => {
        const after = await page.evaluate(() => {
            window.zddc.toast('Saved.', 'success');
            const el = document.querySelector('.zddc-toast');
            return el && {
                text: el.textContent,
                level: [...el.classList].find(c => c.startsWith('zddc-toast--')),
                role: el.getAttribute('role'),
                live: el.getAttribute('aria-live'),
            };
        });
        expect(after).toEqual({
            text: 'Saved.',
            level: 'zddc-toast--success',
            role: 'status',
            live: 'polite',
        });
    });

    test('error level uses role=alert + aria-live=assertive', async ({ page }) => {
        const probe = await page.evaluate(() => {
            window.zddc.toast('Boom', 'error');
            const el = document.querySelector('.zddc-toast');
            return { role: el.getAttribute('role'), live: el.getAttribute('aria-live') };
        });
        expect(probe).toEqual({ role: 'alert', live: 'assertive' });
    });

    test('a second toast replaces the first (single-toast policy)', async ({ page }) => {
        const count = await page.evaluate(() => {
            window.zddc.toast('one', 'info');
            window.zddc.toast('two', 'info');
            return document.querySelectorAll('.zddc-toast').length;
        });
        expect(count).toBe(1);
    });

    test('clicking dismisses immediately', async ({ page }) => {
        await page.evaluate(() => window.zddc.toast('click me', 'info'));
        await page.locator('.zddc-toast').click();
        await expect(page.locator('.zddc-toast')).toHaveCount(0);
    });
});