67 lines
2.5 KiB
JavaScript
67 lines
2.5 KiB
JavaScript
// 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);
|
|
});
|
|
});
|