@abreen/tada 1.5.0 → 1.5.2

package/src/code/index.test.ts

@@ -1,71 +0,0 @@
-import { beforeAll, describe, expect, test } from 'bun:test';
-import { JSDOM } from 'jsdom';
-import mount from './index';
-
-beforeAll(() => {
-  // jsdom does not provide ResizeObserver
-  if (typeof globalThis.ResizeObserver === 'undefined') {
-    (globalThis as Record<string, unknown>).ResizeObserver = class {
-      observe() {}
-      unobserve() {}
-      disconnect() {}
-    };
-  }
-});
-
-function create(html: string) {
-  const dom = new JSDOM(`<body class="code">${html}</body>`);
-  return dom.window;
-}
-
-describe('code', () => {
-  test('returns early when body does not have code class', async () => {
-    const dom = new JSDOM('<body><div>No code</div></body>');
-    await mount(dom.window);
-  });
-
-  test('returns early when no code-body or scrollbar', async () => {
-    const win = create('<div>Code page with no code body</div>');
-    await mount(win);
-  });
-
-  test('registers a copy event listener on code page', async () => {
-    const win = create(
-      '<div class="code-body"><div class="code-row"><code>hello</code></div></div>' +
-        '<div class="code-scrollbar"><div></div></div>',
-    );
-    await mount(win);
-
-    // Dispatch a copy event to exercise the listener (jsdom has limited
-    // ClipboardEvent support, so the handler exits early at getSelection)
-    const event = new win.Event('copy', { bubbles: true });
-    win.document.dispatchEvent(event);
-  });
-
-  test('sets up scrollbar syncing between code-body and scrollbar', async () => {
-    const win = create(
-      '<div class="code-body"><div class="code-row"><code>x</code></div></div>' +
-        '<div class="code-scrollbar"><div></div></div>',
-    );
-    await mount(win);
-
-    const codeBody = win.document.querySelector('.code-body') as HTMLElement;
-    const scrollbar = win.document.querySelector(
-      '.code-scrollbar',
-    ) as HTMLElement;
-    expect(codeBody).not.toBeNull();
-    expect(scrollbar).not.toBeNull();
-  });
-
-  test('handles download link when present', async () => {
-    const win = create(
-      '<div class="file-header"><a download="test.py" href="/test.py">Download</a></div>' +
-        '<div class="code-body"><div class="code-row"><code>x</code></div></div>' +
-        '<div class="code-scrollbar"><div></div></div>',
-    );
-    await mount(win);
-
-    const link = win.document.querySelector('a[download]');
-    expect(link).not.toBeNull();
-  });
-});

package/src/header/index.test.ts

@@ -1,89 +0,0 @@
-import { describe, expect, test } from 'bun:test';
-import { JSDOM } from 'jsdom';
-import mount from './index';
-
-function create(open = false) {
-  const dom = new JSDOM(
-    `<body><header><details${open ? ' open' : ''}><summary>Menu</summary><nav>Links</nav></details></header></body>`,
-  );
-  return dom.window;
-}
-
-describe('header', () => {
-  test('closes open details on outside click', () => {
-    const win = create(true);
-    mount(win);
-
-    const details = win.document.querySelector('details') as HTMLDetailsElement;
-    expect(details.open).toBe(true);
-
-    win.document.body.dispatchEvent(
-      new win.MouseEvent('click', { bubbles: true }),
-    );
-    expect(details.open).toBe(false);
-  });
-
-  test('does not close details when clicking inside', () => {
-    const win = create(true);
-    mount(win);
-
-    const details = win.document.querySelector('details') as HTMLDetailsElement;
-    details.dispatchEvent(new win.MouseEvent('click', { bubbles: false }));
-    expect(details.open).toBe(true);
-  });
-
-  test('closes on Escape key when details is open', () => {
-    const win = create(true);
-    mount(win);
-
-    const details = win.document.querySelector('details') as HTMLDetailsElement;
-    const summary = win.document.querySelector('summary')!;
-
-    // Focus the summary so activeElement is inside details
-    summary.focus();
-
-    win.dispatchEvent(
-      new win.KeyboardEvent('keydown', { key: 'Escape', bubbles: true }),
-    );
-    expect(details.open).toBe(false);
-  });
-
-  test('ignores Escape when details is closed', () => {
-    const win = create(false);
-    mount(win);
-
-    const details = win.document.querySelector('details') as HTMLDetailsElement;
-    win.dispatchEvent(
-      new win.KeyboardEvent('keydown', { key: 'Escape', bubbles: true }),
-    );
-    expect(details.open).toBe(false);
-  });
-
-  test('ignores other keys', () => {
-    const win = create(true);
-    mount(win);
-
-    const details = win.document.querySelector('details') as HTMLDetailsElement;
-    const summary = win.document.querySelector('summary')!;
-    summary.focus();
-
-    win.dispatchEvent(
-      new win.KeyboardEvent('keydown', { key: 'Tab', bubbles: true }),
-    );
-    expect(details.open).toBe(true);
-  });
-
-  test('cleanup removes event listeners', () => {
-    const win = create(true);
-    const cleanup = mount(win);
-
-    cleanup!();
-
-    win.document.body.dispatchEvent(
-      new win.MouseEvent('click', { bubbles: true }),
-    );
-
-    const details = win.document.querySelector('details') as HTMLDetailsElement;
-    expect(details.open).toBe(true);
-  });
-});

package/src/navigate/eligible.test.ts

@@ -1,101 +0,0 @@
-import { describe, expect, test } from 'bun:test';
-import { isEligibleLink } from './eligible';
-
-describe('isEligibleLink', () => {
-  const origin = 'http://localhost';
-  const basePath = '/';
-
-  test('eligible: same-origin absolute path', () => {
-    expect(
-      isEligibleLink('http://localhost/about.html', origin, basePath),
-    ).toBe(true);
-  });
-
-  test('eligible: path without extension', () => {
-    expect(isEligibleLink('http://localhost/about', origin, basePath)).toBe(
-      true,
-    );
-  });
-
-  test('eligible: path ending in .html', () => {
-    expect(isEligibleLink('http://localhost/page.html', origin, basePath)).toBe(
-      true,
-    );
-  });
-
-  test('eligible: root path', () => {
-    expect(isEligibleLink('http://localhost/', origin, basePath)).toBe(true);
-  });
-
-  test('eligible: path with hash', () => {
-    expect(
-      isEligibleLink('http://localhost/page.html#section', origin, basePath),
-    ).toBe(true);
-  });
-
-  test('ineligible: different origin', () => {
-    expect(
-      isEligibleLink('https://example.com/page.html', origin, basePath),
-    ).toBe(false);
-  });
-
-  test('ineligible: PDF file', () => {
-    expect(isEligibleLink('http://localhost/doc.pdf', origin, basePath)).toBe(
-      false,
-    );
-  });
-
-  test('ineligible: Java file', () => {
-    expect(isEligibleLink('http://localhost/Main.java', origin, basePath)).toBe(
-      false,
-    );
-  });
-
-  test('ineligible: Python file', () => {
-    expect(isEligibleLink('http://localhost/script.py', origin, basePath)).toBe(
-      false,
-    );
-  });
-
-  test('ineligible: PNG image', () => {
-    expect(isEligibleLink('http://localhost/image.png', origin, basePath)).toBe(
-      false,
-    );
-  });
-
-  test('ineligible: ZIP file', () => {
-    expect(
-      isEligibleLink('http://localhost/archive.zip', origin, basePath),
-    ).toBe(false);
-  });
-
-  test('ineligible: JPG image', () => {
-    expect(isEligibleLink('http://localhost/photo.jpg', origin, basePath)).toBe(
-      false,
-    );
-  });
-
-  test('ineligible: JSON file', () => {
-    expect(isEligibleLink('http://localhost/data.json', origin, basePath)).toBe(
-      false,
-    );
-  });
-
-  test('eligible: link under non-root base path', () => {
-    expect(
-      isEligibleLink('http://localhost/course1/page.html', origin, '/course1/'),
-    ).toBe(true);
-  });
-
-  test('ineligible: link outside base path', () => {
-    expect(
-      isEligibleLink('http://localhost/course2/page.html', origin, '/course1/'),
-    ).toBe(false);
-  });
-
-  test('ineligible: link to root when base path is subdir', () => {
-    expect(isEligibleLink('http://localhost/', origin, '/course1/')).toBe(
-      false,
-    );
-  });
-});

package/src/navigate/index.test.ts

@@ -1,82 +0,0 @@
-import { describe, expect, test, beforeEach, mock } from 'bun:test';
-import { JSDOM } from 'jsdom';
-
-// Mock the lifecycle module so we can track calls
-const mockTeardown = mock(() => {});
-const mockMount = mock(async () => mockTeardown);
-mock.module('./lifecycle', () => ({
-  mountPerPageComponents: mockMount,
-  teardownPerPageComponents: mockTeardown,
-}));
-
-import mount from './index';
-
-function createDOM(bodyContent = '') {
-  const html = `<html><head><title>Page One</title><meta name="description" content="desc one"></head><body class="default toc-is-active"><header><details><summary>Menu</summary><nav></nav></details></header><div class="container">${bodyContent}</div></body></html>`;
-  const dom = new JSDOM(html, {
-    url: 'http://localhost/',
-    pretendToBeVisual: true,
-  });
-  return dom.window;
-}
-
-describe('navigate', () => {
-  beforeEach(() => {
-    mockTeardown.mockClear();
-    mockMount.mockClear();
-  });
-
-  test('mount returns a cleanup function', () => {
-    const win = createDOM();
-    const cleanup = mount(win);
-    expect(typeof cleanup).toBe('function');
-  });
-
-  test('cleanup removes event listeners without throwing', () => {
-    const win = createDOM();
-    const cleanup = mount(win);
-    cleanup!();
-  });
-
-  test('ignores clicks with modifier keys', () => {
-    const win = createDOM('<a href="http://localhost/other.html">Link</a>');
-    mount(win);
-
-    const link = win.document.querySelector('a')!;
-    const event = new win.MouseEvent('click', { bubbles: true, ctrlKey: true });
-    const prevented = !link.dispatchEvent(event);
-    expect(prevented).toBe(false);
-  });
-
-  test('ignores links with target attribute', () => {
-    const win = createDOM(
-      '<a href="http://localhost/other.html" target="_blank">Link</a>',
-    );
-    mount(win);
-
-    const link = win.document.querySelector('a')!;
-    const event = new win.MouseEvent('click', { bubbles: true });
-    const prevented = !link.dispatchEvent(event);
-    expect(prevented).toBe(false);
-  });
-
-  test('ignores external links', () => {
-    const win = createDOM('<a href="https://example.com/page">Link</a>');
-    mount(win);
-
-    const link = win.document.querySelector('a')!;
-    const event = new win.MouseEvent('click', { bubbles: true });
-    const prevented = !link.dispatchEvent(event);
-    expect(prevented).toBe(false);
-  });
-
-  test('ignores non-HTML resource links', () => {
-    const win = createDOM('<a href="http://localhost/file.pdf">PDF</a>');
-    mount(win);
-
-    const link = win.document.querySelector('a')!;
-    const event = new win.MouseEvent('click', { bubbles: true });
-    const prevented = !link.dispatchEvent(event);
-    expect(prevented).toBe(false);
-  });
-});

package/src/navigate/lifecycle.test.ts

@@ -1,26 +0,0 @@
-import { describe, expect, test } from 'bun:test';
-import { JSDOM } from 'jsdom';
-
-describe('component lifecycle', () => {
-  test('mountPerPageComponents returns a teardown function', async () => {
-    const dom = new JSDOM(
-      `<body><header><details><summary>Menu</summary><nav></nav></details></header><div class="container"></div></body>`,
-      { url: 'http://localhost/' },
-    );
-
-    const { mountPerPageComponents } = await import('./lifecycle');
-    const teardown = await mountPerPageComponents(dom.window);
-    expect(typeof teardown).toBe('function');
-  });
-
-  test('teardown calls all per-page cleanup functions', async () => {
-    const dom = new JSDOM(
-      `<body><header><details><summary>Menu</summary><nav></nav></details></header><div class="container"></div></body>`,
-      { url: 'http://localhost/' },
-    );
-
-    const { mountPerPageComponents } = await import('./lifecycle');
-    const teardown = await mountPerPageComponents(dom.window);
-    teardown();
-  });
-});

package/src/print/index.test.ts

@@ -1,71 +0,0 @@
-import { describe, expect, test } from 'bun:test';
-import { JSDOM } from 'jsdom';
-import mount from './index';
-
-function create(html: string) {
-  const dom = new JSDOM(`<body>${html}</body>`);
-  return dom.window;
-}
-
-describe('print', () => {
-  test('opens closed details on beforeprint', () => {
-    const win = create('<details><summary>S</summary>Content</details>');
-    mount(win);
-
-    const details = win.document.querySelector('details')!;
-    expect(details.open).toBe(false);
-
-    win.dispatchEvent(new win.Event('beforeprint'));
-    expect(details.open).toBe(true);
-    expect(details.getAttribute('data-was-closed')).toBe('true');
-  });
-
-  test('restores closed details on afterprint', () => {
-    const win = create('<details><summary>S</summary>Content</details>');
-    mount(win);
-
-    win.dispatchEvent(new win.Event('beforeprint'));
-    win.dispatchEvent(new win.Event('afterprint'));
-
-    const details = win.document.querySelector('details')!;
-    expect(details.open).toBe(false);
-    expect(details.hasAttribute('data-was-closed')).toBe(false);
-  });
-
-  test('leaves already-open details open after print', () => {
-    const win = create('<details open><summary>S</summary>Content</details>');
-    mount(win);
-
-    win.dispatchEvent(new win.Event('beforeprint'));
-    win.dispatchEvent(new win.Event('afterprint'));
-
-    const details = win.document.querySelector('details')!;
-    expect(details.open).toBe(true);
-  });
-
-  test('skips details inside header', () => {
-    const win = create(
-      '<header><details><summary>Nav</summary>Menu</details></header>' +
-        '<details><summary>S</summary>Content</details>',
-    );
-    mount(win);
-
-    win.dispatchEvent(new win.Event('beforeprint'));
-
-    const headerDetails = win.document.querySelector('header details')!;
-    const bodyDetails = win.document.querySelectorAll('details')[1];
-    expect(headerDetails.hasAttribute('data-was-closed')).toBe(false);
-    expect(bodyDetails.open).toBe(true);
-  });
-
-  test('cleanup removes event listeners', () => {
-    const win = create('<details><summary>S</summary>Content</details>');
-    const cleanup = mount(win);
-
-    cleanup!();
-
-    win.dispatchEvent(new win.Event('beforeprint'));
-    const details = win.document.querySelector('details')!;
-    expect(details.open).toBe(false);
-  });
-});

package/src/question/index.test.ts

@@ -1,82 +0,0 @@
-import { describe, expect, test } from 'bun:test';
-import { JSDOM } from 'jsdom';
-import mount from './index';
-
-function create(html: string) {
-  const dom = new JSDOM(`<body>${html}</body>`);
-  return dom.window;
-}
-
-describe('question', () => {
-  test('sets ARIA attributes on answer body', () => {
-    const win = create('<div class="question-a-body">Answer</div>');
-    mount(win);
-
-    const el = win.document.querySelector('.question-a-body')!;
-    expect(el.getAttribute('role')).toBe('button');
-    expect(el.getAttribute('tabindex')).toBe('0');
-    expect(el.getAttribute('aria-label')).toBe('Click to reveal answer');
-  });
-
-  test('reveals answer on click', () => {
-    const win = create('<div class="question-a-body">Answer</div>');
-    mount(win);
-
-    const el = win.document.querySelector('.question-a-body')!;
-    el.dispatchEvent(new win.MouseEvent('click', { bubbles: true }));
-
-    expect(el.hasAttribute('data-revealed')).toBe(true);
-    expect(el.hasAttribute('role')).toBe(false);
-    expect(el.hasAttribute('tabindex')).toBe(false);
-    expect(el.hasAttribute('aria-label')).toBe(false);
-  });
-
-  test('reveals answer on Enter key', () => {
-    const win = create('<div class="question-a-body">Answer</div>');
-    mount(win);
-
-    const el = win.document.querySelector('.question-a-body')!;
-    el.dispatchEvent(
-      new win.KeyboardEvent('keydown', { key: 'Enter', bubbles: true }),
-    );
-
-    expect(el.hasAttribute('data-revealed')).toBe(true);
-  });
-
-  test('reveals answer on Space key', () => {
-    const win = create('<div class="question-a-body">Answer</div>');
-    mount(win);
-
-    const el = win.document.querySelector('.question-a-body')!;
-    el.dispatchEvent(
-      new win.KeyboardEvent('keydown', { key: ' ', bubbles: true }),
-    );
-
-    expect(el.hasAttribute('data-revealed')).toBe(true);
-  });
-
-  test('does not reveal on other keys', () => {
-    const win = create('<div class="question-a-body">Answer</div>');
-    mount(win);
-
-    const el = win.document.querySelector('.question-a-body')!;
-    el.dispatchEvent(
-      new win.KeyboardEvent('keydown', { key: 'Tab', bubbles: true }),
-    );
-
-    expect(el.hasAttribute('data-revealed')).toBe(false);
-  });
-
-  test('handles multiple question bodies', () => {
-    const win = create(
-      '<div class="question-a-body">A1</div><div class="question-a-body">A2</div>',
-    );
-    mount(win);
-
-    const els = win.document.querySelectorAll('.question-a-body');
-    expect(els.length).toBe(2);
-    els.forEach(el => {
-      expect(el.getAttribute('role')).toBe('button');
-    });
-  });
-});