@internetarchive/collection-browser 4.8.0 → 4.8.1-webdev-9227.1

package/dist/test/collection-facets/more-facets-scroller.test.js

@@ -1,288 +0,0 @@
-import { aTimeout, expect, fixture, oneEvent, waitUntil, } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import { html } from 'lit';
-import '../../src/collection-facets/more-facets-scroller';
-const COL_WIDTH = 250;
-function makeBuckets(n) {
-    return Array.from({ length: n }, (_, i) => ({
-        key: `value-${i}`,
-        count: n - i,
-        state: 'none',
-    }));
-}
-/**
- * Renders a scroller wide enough for three columns per page. With 1000
- * buckets in columns of 12, that's 84 columns over 28 pages.
- */
-async function createScroller({ buckets = makeBuckets(1000), rowsPerColumn = 12, } = {}) {
-    const wrapper = await fixture(html `<div style="width: 900px">
-      <more-facets-scroller
-        .facetType=${'subject'}
-        .buckets=${buckets}
-        .rowsPerColumn=${rowsPerColumn}
-      ></more-facets-scroller>
-    </div>`);
-    const el = wrapper.querySelector('more-facets-scroller');
-    await waitUntil(() => buckets.length === 0 || el.shadowRoot?.querySelector('.page'), 'pages never rendered');
-    await el.updateComplete;
-    return el;
-}
-function scrollerOf(el) {
-    return el.shadowRoot?.querySelector('.scroller');
-}
-function mountedPages(el) {
-    const pages = el.shadowRoot?.querySelectorAll('.page') ?? [];
-    return [...pages].map(p => Number(p.dataset.page));
-}
-function checkbox(el, key, kind = 'select') {
-    const inputs = el.shadowRoot?.querySelectorAll(`.${kind}-facet-checkbox`);
-    return [...(inputs ?? [])].find(i => i.value === key);
-}
-async function restOnPage(el, page) {
-    el.scrollToPage(page);
-    await waitUntil(() => el.currentPage === page, `never rested on ${page}`);
-    await el.updateComplete;
-}
-describe('More facets scroller', () => {
-    it('fits a whole number of columns in the viewport', async () => {
-        const el = await createScroller();
-        expect(scrollerOf(el).clientWidth).to.equal(3 * COL_WIDTH);
-        expect(el.pageCount).to.equal(28);
-    });
-    it('renders a snap stub for every page, but rows only near the viewport', async () => {
-        const el = await createScroller();
-        const root = el.shadowRoot;
-        expect(root.querySelectorAll('.snap-stub')).to.have.length(28);
-        expect(mountedPages(el)).to.deep.equal([0, 1, 2]);
-        expect(root.querySelectorAll('.facet-row-container')).to.have.length(3 * 3 * 12);
-    });
-    it('renders rows as plain DOM rather than an element per row', async () => {
-        const el = await createScroller();
-        expect(el.shadowRoot?.querySelectorAll('facet-row')).to.have.length(0);
-        expect(el.shadowRoot?.querySelectorAll('.facet-row-container').length).to.be.greaterThan(0);
-    });
-    it('stacks buckets top to bottom in columns of rowsPerColumn', async () => {
-        const el = await createScroller({ rowsPerColumn: 5 });
-        const columns = el.shadowRoot?.querySelectorAll('.page[data-page="0"] .column');
-        const keysIn = (col) => [
-            ...(col?.querySelectorAll('.select-facet-checkbox') ??
-                []),
-        ].map(i => i.value);
-        expect(columns).to.have.length(3);
-        expect(keysIn(columns?.[0])).to.deep.equal([
-            'value-0',
-            'value-1',
-            'value-2',
-            'value-3',
-            'value-4',
-        ]);
-        expect(keysIn(columns?.[1])[0]).to.equal('value-5');
-        expect(el.pageCount).to.equal(Math.ceil(200 / 3));
-    });
-    it('keeps the number of mounted pages flat while scrolling end to end', async () => {
-        const el = await createScroller();
-        const root = el.shadowRoot;
-        const nodeCounts = [];
-        for (const page of [5, 10, 15, 20]) {
-            await restOnPage(el, page);
-            expect(mountedPages(el)).to.deep.equal([
-                page - 1,
-                page,
-                page + 1,
-                page + 2,
-            ]);
-            nodeCounts.push(root.querySelectorAll('*').length);
-        }
-        expect(new Set(nodeCounts).size).to.equal(1);
-        await restOnPage(el, 27);
-        expect(mountedPages(el)).to.deep.equal([26, 27]);
-    });
-    it('keeps the same element for a page that stays mounted', async () => {
-        const el = await createScroller();
-        const page1 = el.shadowRoot?.querySelector('.page[data-page="1"]');
-        await restOnPage(el, 1);
-        expect(el.shadowRoot?.querySelector('.page[data-page="1"]')).to.equal(page1);
-    });
-    it('eases a release partway through a page to the nearest page boundary', async () => {
-        const el = await createScroller();
-        const scroller = scrollerOf(el);
-        const pageWidth = 3 * COL_WIDTH;
-        scroller.scrollLeft = 3 * pageWidth + 500; // Two-thirds into page 3
-        await waitUntil(() => el.currentPage === 4, 'did not ease forward');
-        expect(scroller.scrollLeft).to.equal(4 * pageWidth);
-        scroller.scrollLeft = 4 * pageWidth + 200; // A quarter into page 4
-        await waitUntil(() => scroller.scrollLeft === 4 * pageWidth, 'did not ease back');
-        expect(el.currentPage).to.equal(4);
-    });
-    it('emits facetClick with the new state when a row is checked', async () => {
-        const el = await createScroller();
-        setTimeout(() => checkbox(el, 'value-0').click());
-        const selected = await oneEvent(el, 'facetClick');
-        expect(selected.detail).to.deep.equal({
-            facetType: 'subject',
-            bucket: { key: 'value-0', count: 1000, state: 'selected' },
-            negative: false,
-        });
-        setTimeout(() => checkbox(el, 'value-1', 'hide').click());
-        const hidden = await oneEvent(el, 'facetClick');
-        expect(hidden.detail).to.deep.include({
-            negative: true,
-        });
-        expect(hidden.detail.bucket.state).to.equal('hidden');
-    });
-    it('reflects bucket states in the checkboxes', async () => {
-        const buckets = makeBuckets(50);
-        buckets[0] = { ...buckets[0], state: 'selected' };
-        buckets[1] = { ...buckets[1], state: 'hidden' };
-        const el = await createScroller({ buckets });
-        expect(checkbox(el, 'value-0').checked).to.be.true;
-        expect(checkbox(el, 'value-1', 'hide').checked).to.be.true;
-        expect(checkbox(el, 'value-2').checked).to.be.false;
-    });
-    it('emits pageChanged only when resting on a different page', async () => {
-        const el = await createScroller();
-        const landed = [];
-        el.addEventListener('pageChanged', e => landed.push(e.detail));
-        await restOnPage(el, 2);
-        el.scrollToPage(2);
-        await restOnPage(el, 3);
-        expect(landed).to.deep.equal([2, 3]);
-    });
-    it('pages with the arrow buttons', async () => {
-        const el = await createScroller();
-        const prev = el.shadowRoot?.querySelector('.scroll-arrow.prev');
-        const next = el.shadowRoot?.querySelector('.scroll-arrow.next');
-        expect(prev.disabled).to.be.true;
-        expect(next.disabled).to.be.false;
-        next.click();
-        await waitUntil(() => el.currentPage === 1, 'next did not move');
-        await el.updateComplete;
-        expect(prev.disabled).to.be.false;
-        await restOnPage(el, 27);
-        expect(next.disabled).to.be.true;
-        prev.click();
-        await waitUntil(() => el.currentPage === 26, 'prev did not move');
-    });
-    it('only leaves out hide buttons when told to', async () => {
-        const buckets = makeBuckets(1);
-        const lone = await createScroller({ buckets });
-        const hideContainer = (el) => el.shadowRoot?.querySelector('.hide-facet-container');
-        // One row on its own doesn't mean there's only one value in all
-        expect(hideContainer(lone).hidden).to.be.false;
-        lone.omitHideButtons = true;
-        await lone.updateComplete;
-        expect(hideContainer(lone).hidden).to.be.true;
-    });
-    it('hides the arrow buttons when every value fits on one page', async () => {
-        const el = await createScroller({ buckets: makeBuckets(10) });
-        const arrows = el.shadowRoot?.querySelectorAll('.scroll-arrow');
-        expect(el.pageCount).to.equal(1);
-        expect(arrows).to.have.length(2);
-        arrows?.forEach(a => expect(a.classList.contains('unneeded')).to.be.true);
-    });
-    it('moves focus to the scroller when the focused row is about to be removed', async () => {
-        const el = await createScroller();
-        checkbox(el, 'value-0').focus();
-        await restOnPage(el, 10);
-        expect(el.shadowRoot?.activeElement).to.equal(scrollerOf(el));
-    });
-    describe('keyboard focus', () => {
-        const pageWidth = 3 * COL_WIDTH;
-        const rowsPerPage = 3 * 12;
-        function focused(el) {
-            const active = el.shadowRoot?.activeElement;
-            if (!active)
-                return 'nothing';
-            if (active === scrollerOf(el))
-                return 'scroller';
-            const kind = active.classList.contains('hide-facet-checkbox')
-                ? 'hide'
-                : 'select';
-            return `${kind}:${active.value}`;
-        }
-        function arrow(el, which) {
-            return el.shadowRoot?.querySelector(`.scroll-arrow.${which}`);
-        }
-        /** Presses Shift+Tab (this runner's sendKeys doesn't take key combos) */
-        async function shiftTab() {
-            await sendKeys({ down: 'Shift' });
-            await sendKeys({ press: 'Tab' });
-            await sendKeys({ up: 'Shift' });
-        }
-        /** Waits long enough for any scroll the focus change set off to settle */
-        async function settle(el) {
-            await aTimeout(300);
-            await el.updateComplete;
-        }
-        it('is a labeled tab stop of its own while there are values', async () => {
-            const el = await createScroller();
-            el.label = 'Subject values';
-            await el.updateComplete;
-            const scroller = scrollerOf(el);
-            expect(scroller.tabIndex).to.equal(0);
-            expect(scroller.getAttribute('role')).to.equal('group');
-            expect(scroller.getAttribute('aria-label')).to.equal('Subject values');
-            el.buckets = [];
-            await el.updateComplete;
-            expect(scroller.tabIndex).to.equal(-1);
-        });
-        it('lands on the current page when tabbing in from the previous arrow', async () => {
-            const el = await createScroller();
-            await restOnPage(el, 3);
-            arrow(el, 'prev').focus();
-            await sendKeys({ press: 'Tab' });
-            await settle(el);
-            expect(focused(el)).to.equal('scroller');
-            await sendKeys({ press: 'Tab' });
-            await settle(el);
-            expect(focused(el)).to.equal(`select:value-${3 * rowsPerPage}`);
-            expect(el.currentPage).to.equal(3);
-            expect(scrollerOf(el).scrollLeft).to.equal(3 * pageWidth);
-        });
-        it('lands on the last row of the current page when tabbing back in from the next arrow', async () => {
-            const el = await createScroller();
-            await restOnPage(el, 3);
-            arrow(el, 'next').focus();
-            await shiftTab();
-            await settle(el);
-            expect(focused(el)).to.equal(`hide:value-${4 * rowsPerPage - 1}`);
-            expect(el.currentPage).to.equal(3);
-            expect(scrollerOf(el).scrollLeft).to.equal(3 * pageWidth);
-        });
-        it('still tabs from the last row of a page on into the next page', async () => {
-            const el = await createScroller();
-            await restOnPage(el, 3);
-            checkbox(el, `value-${4 * rowsPerPage - 1}`, 'hide').focus();
-            await sendKeys({ press: 'Tab' });
-            await settle(el);
-            expect(focused(el)).to.equal(`select:value-${4 * rowsPerPage}`);
-            await waitUntil(() => el.currentPage === 4, 'did not follow focus');
-        });
-        it('still tabs back from the first row of a page into the previous page', async () => {
-            const el = await createScroller();
-            await restOnPage(el, 3);
-            checkbox(el, `value-${3 * rowsPerPage}`).focus();
-            await shiftTab();
-            await settle(el);
-            expect(focused(el)).to.equal(`hide:value-${3 * rowsPerPage - 1}`);
-            await waitUntil(() => el.currentPage === 2, 'did not follow focus');
-        });
-        it('lands on the current page when tabbing on from the scroller itself', async () => {
-            const el = await createScroller();
-            checkbox(el, 'value-0').focus();
-            await restOnPage(el, 10);
-            expect(focused(el)).to.equal('scroller');
-            await sendKeys({ press: 'Tab' });
-            await settle(el);
-            expect(focused(el)).to.equal(`select:value-${10 * rowsPerPage}`);
-            expect(el.currentPage).to.equal(10);
-        });
-    });
-    it('renders no pages for an empty list', async () => {
-        const el = await createScroller({ buckets: [] });
-        expect(el.pageCount).to.equal(0);
-        expect(el.shadowRoot?.querySelectorAll('.page')).to.have.length(0);
-        expect(el.shadowRoot?.querySelectorAll('.snap-stub')).to.have.length(0);
-    });
-});
-//# sourceMappingURL=more-facets-scroller.test.js.map

package/dist/test/collection-facets/more-facets-scroller.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"more-facets-scroller.test.js","sourceRoot":"","sources":["../../../test/collection-facets/more-facets-scroller.test.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  aTimeout,\n  expect,\n  fixture,\n  oneEvent,\n  waitUntil,\n} from '@open-wc/testing';\nimport { sendKeys } from '@web/test-runner-commands';\nimport { html } from 'lit';\nimport type { MoreFacetsScroller } from '../../src/collection-facets/more-facets-scroller';\nimport '../../src/collection-facets/more-facets-scroller';\nimport type { FacetBucket, FacetEventDetails } from '../../src/models';\n\nconst COL_WIDTH = 250;\n\nfunction makeBuckets(n: number): FacetBucket[] {\n  return Array.from({ length: n }, (_, i) => ({\n    key: `value-${i}`,\n    count: n - i,\n    state: 'none',\n  }));\n}\n\n/**\n * Renders a scroller wide enough for three columns per page. With 1000\n * buckets in columns of 12, that's 84 columns over 28 pages.\n */\nasync function createScroller({\n  buckets = makeBuckets(1000),\n  rowsPerColumn = 12,\n} = {}): Promise<MoreFacetsScroller> {\n  const wrapper = await fixture<HTMLDivElement>(\n    html`<div style=\"width: 900px\">\n      <more-facets-scroller\n        .facetType=${'subject'}\n        .buckets=${buckets}\n        .rowsPerColumn=${rowsPerColumn}\n      ></more-facets-scroller>\n    </div>`,\n  );\n  const el = wrapper.querySelector(\n    'more-facets-scroller',\n  ) as MoreFacetsScroller;\n  await waitUntil(\n    () => buckets.length === 0 || el.shadowRoot?.querySelector('.page'),\n    'pages never rendered',\n  );\n  await el.updateComplete;\n  return el;\n}\n\nfunction scrollerOf(el: MoreFacetsScroller): HTMLElement {\n  return el.shadowRoot?.querySelector('.scroller') as HTMLElement;\n}\n\nfunction mountedPages(el: MoreFacetsScroller): number[] {\n  const pages = el.shadowRoot?.querySelectorAll<HTMLElement>('.page') ?? [];\n  return [...pages].map(p => Number(p.dataset.page));\n}\n\nfunction checkbox(\n  el: MoreFacetsScroller,\n  key: string,\n  kind: 'select' | 'hide' = 'select',\n): HTMLInputElement {\n  const inputs = el.shadowRoot?.querySelectorAll<HTMLInputElement>(\n    `.${kind}-facet-checkbox`,\n  );\n  return [...(inputs ?? [])].find(i => i.value === key) as HTMLInputElement;\n}\n\nasync function restOnPage(el: MoreFacetsScroller, page: number) {\n  el.scrollToPage(page);\n  await waitUntil(() => el.currentPage === page, `never rested on ${page}`);\n  await el.updateComplete;\n}\n\ndescribe('More facets scroller', () => {\n  it('fits a whole number of columns in the viewport', async () => {\n    const el = await createScroller();\n\n    expect(scrollerOf(el).clientWidth).to.equal(3 * COL_WIDTH);\n    expect(el.pageCount).to.equal(28);\n  });\n\n  it('renders a snap stub for every page, but rows only near the viewport', async () => {\n    const el = await createScroller();\n    const root = el.shadowRoot as ShadowRoot;\n\n    expect(root.querySelectorAll('.snap-stub')).to.have.length(28);\n    expect(mountedPages(el)).to.deep.equal([0, 1, 2]);\n    expect(root.querySelectorAll('.facet-row-container')).to.have.length(\n      3 * 3 * 12,\n    );\n  });\n\n  it('renders rows as plain DOM rather than an element per row', async () => {\n    const el = await createScroller();\n\n    expect(el.shadowRoot?.querySelectorAll('facet-row')).to.have.length(0);\n    expect(\n      el.shadowRoot?.querySelectorAll('.facet-row-container').length,\n    ).to.be.greaterThan(0);\n  });\n\n  it('stacks buckets top to bottom in columns of rowsPerColumn', async () => {\n    const el = await createScroller({ rowsPerColumn: 5 });\n    const columns = el.shadowRoot?.querySelectorAll(\n      '.page[data-page=\"0\"] .column',\n    );\n    const keysIn = (col?: Element) =>\n      [\n        ...(col?.querySelectorAll<HTMLInputElement>('.select-facet-checkbox') ??\n          []),\n      ].map(i => i.value);\n\n    expect(columns).to.have.length(3);\n    expect(keysIn(columns?.[0])).to.deep.equal([\n      'value-0',\n      'value-1',\n      'value-2',\n      'value-3',\n      'value-4',\n    ]);\n    expect(keysIn(columns?.[1])[0]).to.equal('value-5');\n    expect(el.pageCount).to.equal(Math.ceil(200 / 3));\n  });\n\n  it('keeps the number of mounted pages flat while scrolling end to end', async () => {\n    const el = await createScroller();\n    const root = el.shadowRoot as ShadowRoot;\n    const nodeCounts: number[] = [];\n\n    for (const page of [5, 10, 15, 20]) {\n      await restOnPage(el, page);\n      expect(mountedPages(el)).to.deep.equal([\n        page - 1,\n        page,\n        page + 1,\n        page + 2,\n      ]);\n      nodeCounts.push(root.querySelectorAll('*').length);\n    }\n    expect(new Set(nodeCounts).size).to.equal(1);\n\n    await restOnPage(el, 27);\n    expect(mountedPages(el)).to.deep.equal([26, 27]);\n  });\n\n  it('keeps the same element for a page that stays mounted', async () => {\n    const el = await createScroller();\n    const page1 = el.shadowRoot?.querySelector('.page[data-page=\"1\"]');\n\n    await restOnPage(el, 1);\n\n    expect(el.shadowRoot?.querySelector('.page[data-page=\"1\"]')).to.equal(\n      page1,\n    );\n  });\n\n  it('eases a release partway through a page to the nearest page boundary', async () => {\n    const el = await createScroller();\n    const scroller = scrollerOf(el);\n    const pageWidth = 3 * COL_WIDTH;\n\n    scroller.scrollLeft = 3 * pageWidth + 500; // Two-thirds into page 3\n    await waitUntil(() => el.currentPage === 4, 'did not ease forward');\n    expect(scroller.scrollLeft).to.equal(4 * pageWidth);\n\n    scroller.scrollLeft = 4 * pageWidth + 200; // A quarter into page 4\n    await waitUntil(\n      () => scroller.scrollLeft === 4 * pageWidth,\n      'did not ease back',\n    );\n    expect(el.currentPage).to.equal(4);\n  });\n\n  it('emits facetClick with the new state when a row is checked', async () => {\n    const el = await createScroller();\n\n    setTimeout(() => checkbox(el, 'value-0').click());\n    const selected = await oneEvent(el, 'facetClick');\n    expect((selected as CustomEvent<FacetEventDetails>).detail).to.deep.equal({\n      facetType: 'subject',\n      bucket: { key: 'value-0', count: 1000, state: 'selected' },\n      negative: false,\n    });\n\n    setTimeout(() => checkbox(el, 'value-1', 'hide').click());\n    const hidden = await oneEvent(el, 'facetClick');\n    expect((hidden as CustomEvent<FacetEventDetails>).detail).to.deep.include({\n      negative: true,\n    });\n    expect(\n      (hidden as CustomEvent<FacetEventDetails>).detail.bucket.state,\n    ).to.equal('hidden');\n  });\n\n  it('reflects bucket states in the checkboxes', async () => {\n    const buckets = makeBuckets(50);\n    buckets[0] = { ...buckets[0], state: 'selected' };\n    buckets[1] = { ...buckets[1], state: 'hidden' };\n    const el = await createScroller({ buckets });\n\n    expect(checkbox(el, 'value-0').checked).to.be.true;\n    expect(checkbox(el, 'value-1', 'hide').checked).to.be.true;\n    expect(checkbox(el, 'value-2').checked).to.be.false;\n  });\n\n  it('emits pageChanged only when resting on a different page', async () => {\n    const el = await createScroller();\n    const landed: number[] = [];\n    el.addEventListener('pageChanged', e =>\n      landed.push((e as CustomEvent<number>).detail),\n    );\n\n    await restOnPage(el, 2);\n    el.scrollToPage(2);\n    await restOnPage(el, 3);\n\n    expect(landed).to.deep.equal([2, 3]);\n  });\n\n  it('pages with the arrow buttons', async () => {\n    const el = await createScroller();\n    const prev = el.shadowRoot?.querySelector(\n      '.scroll-arrow.prev',\n    ) as HTMLButtonElement;\n    const next = el.shadowRoot?.querySelector(\n      '.scroll-arrow.next',\n    ) as HTMLButtonElement;\n    expect(prev.disabled).to.be.true;\n    expect(next.disabled).to.be.false;\n\n    next.click();\n    await waitUntil(() => el.currentPage === 1, 'next did not move');\n    await el.updateComplete;\n    expect(prev.disabled).to.be.false;\n\n    await restOnPage(el, 27);\n    expect(next.disabled).to.be.true;\n\n    prev.click();\n    await waitUntil(() => el.currentPage === 26, 'prev did not move');\n  });\n\n  it('only leaves out hide buttons when told to', async () => {\n    const buckets = makeBuckets(1);\n    const lone = await createScroller({ buckets });\n    const hideContainer = (el: MoreFacetsScroller) =>\n      el.shadowRoot?.querySelector('.hide-facet-container') as HTMLElement;\n\n    // One row on its own doesn't mean there's only one value in all\n    expect(hideContainer(lone).hidden).to.be.false;\n\n    lone.omitHideButtons = true;\n    await lone.updateComplete;\n    expect(hideContainer(lone).hidden).to.be.true;\n  });\n\n  it('hides the arrow buttons when every value fits on one page', async () => {\n    const el = await createScroller({ buckets: makeBuckets(10) });\n    const arrows = el.shadowRoot?.querySelectorAll('.scroll-arrow');\n\n    expect(el.pageCount).to.equal(1);\n    expect(arrows).to.have.length(2);\n    arrows?.forEach(a => expect(a.classList.contains('unneeded')).to.be.true);\n  });\n\n  it('moves focus to the scroller when the focused row is about to be removed', async () => {\n    const el = await createScroller();\n    checkbox(el, 'value-0').focus();\n\n    await restOnPage(el, 10);\n\n    expect(el.shadowRoot?.activeElement).to.equal(scrollerOf(el));\n  });\n\n  describe('keyboard focus', () => {\n    const pageWidth = 3 * COL_WIDTH;\n    const rowsPerPage = 3 * 12;\n\n    function focused(el: MoreFacetsScroller): string {\n      const active = el.shadowRoot?.activeElement as HTMLInputElement | null;\n      if (!active) return 'nothing';\n      if (active === scrollerOf(el)) return 'scroller';\n      const kind = active.classList.contains('hide-facet-checkbox')\n        ? 'hide'\n        : 'select';\n      return `${kind}:${active.value}`;\n    }\n\n    function arrow(el: MoreFacetsScroller, which: 'prev' | 'next') {\n      return el.shadowRoot?.querySelector(\n        `.scroll-arrow.${which}`,\n      ) as HTMLButtonElement;\n    }\n\n    /** Presses Shift+Tab (this runner's sendKeys doesn't take key combos) */\n    async function shiftTab() {\n      await sendKeys({ down: 'Shift' });\n      await sendKeys({ press: 'Tab' });\n      await sendKeys({ up: 'Shift' });\n    }\n\n    /** Waits long enough for any scroll the focus change set off to settle */\n    async function settle(el: MoreFacetsScroller) {\n      await aTimeout(300);\n      await el.updateComplete;\n    }\n\n    it('is a labeled tab stop of its own while there are values', async () => {\n      const el = await createScroller();\n      el.label = 'Subject values';\n      await el.updateComplete;\n      const scroller = scrollerOf(el);\n\n      expect(scroller.tabIndex).to.equal(0);\n      expect(scroller.getAttribute('role')).to.equal('group');\n      expect(scroller.getAttribute('aria-label')).to.equal('Subject values');\n\n      el.buckets = [];\n      await el.updateComplete;\n      expect(scroller.tabIndex).to.equal(-1);\n    });\n\n    it('lands on the current page when tabbing in from the previous arrow', async () => {\n      const el = await createScroller();\n      await restOnPage(el, 3);\n      arrow(el, 'prev').focus();\n\n      await sendKeys({ press: 'Tab' });\n      await settle(el);\n      expect(focused(el)).to.equal('scroller');\n\n      await sendKeys({ press: 'Tab' });\n      await settle(el);\n      expect(focused(el)).to.equal(`select:value-${3 * rowsPerPage}`);\n      expect(el.currentPage).to.equal(3);\n      expect(scrollerOf(el).scrollLeft).to.equal(3 * pageWidth);\n    });\n\n    it('lands on the last row of the current page when tabbing back in from the next arrow', async () => {\n      const el = await createScroller();\n      await restOnPage(el, 3);\n      arrow(el, 'next').focus();\n\n      await shiftTab();\n      await settle(el);\n\n      expect(focused(el)).to.equal(`hide:value-${4 * rowsPerPage - 1}`);\n      expect(el.currentPage).to.equal(3);\n      expect(scrollerOf(el).scrollLeft).to.equal(3 * pageWidth);\n    });\n\n    it('still tabs from the last row of a page on into the next page', async () => {\n      const el = await createScroller();\n      await restOnPage(el, 3);\n      checkbox(el, `value-${4 * rowsPerPage - 1}`, 'hide').focus();\n\n      await sendKeys({ press: 'Tab' });\n      await settle(el);\n\n      expect(focused(el)).to.equal(`select:value-${4 * rowsPerPage}`);\n      await waitUntil(() => el.currentPage === 4, 'did not follow focus');\n    });\n\n    it('still tabs back from the first row of a page into the previous page', async () => {\n      const el = await createScroller();\n      await restOnPage(el, 3);\n      checkbox(el, `value-${3 * rowsPerPage}`).focus();\n\n      await shiftTab();\n      await settle(el);\n\n      expect(focused(el)).to.equal(`hide:value-${3 * rowsPerPage - 1}`);\n      await waitUntil(() => el.currentPage === 2, 'did not follow focus');\n    });\n\n    it('lands on the current page when tabbing on from the scroller itself', async () => {\n      const el = await createScroller();\n      checkbox(el, 'value-0').focus();\n      await restOnPage(el, 10);\n      expect(focused(el)).to.equal('scroller');\n\n      await sendKeys({ press: 'Tab' });\n      await settle(el);\n\n      expect(focused(el)).to.equal(`select:value-${10 * rowsPerPage}`);\n      expect(el.currentPage).to.equal(10);\n    });\n  });\n\n  it('renders no pages for an empty list', async () => {\n    const el = await createScroller({ buckets: [] });\n\n    expect(el.pageCount).to.equal(0);\n    expect(el.shadowRoot?.querySelectorAll('.page')).to.have.length(0);\n    expect(el.shadowRoot?.querySelectorAll('.snap-stub')).to.have.length(0);\n  });\n});\n"]}

package/dist/test/collection-facets/page-window.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/test/collection-facets/page-window.test.js

@@ -1,175 +0,0 @@
-import { __decorate } from "tslib";
-import { expect, fixture, nextFrame, waitUntil } from '@open-wc/testing';
-import sinon from 'sinon';
-import { css, html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { ref } from 'lit/directives/ref.js';
-import { repeat } from 'lit/directives/repeat.js';
-import { PageWindow } from '../../src/collection-facets/page-window';
-const COL_WIDTH = 100;
-/**
- * Minimal host for the controller: a 300px-wide scroller (three columns per
- * page) over 49 columns, so the last of its 17 pages holds a single column.
- * No snapping, so tests can park the scroller anywhere.
- */
-let PageWindowTestHost = class PageWindowTestHost extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.rests = [];
-        this.renders = 0;
-        this.win = new PageWindow(this, {
-            colWidth: COL_WIDTH,
-            total: 49,
-            onRest: page => this.rests.push(page),
-        });
-    }
-    get scroller() {
-        return this.shadowRoot?.querySelector('.scroller');
-    }
-    render() {
-        this.renders += 1;
-        const w = this.win;
-        const live = [];
-        for (let i = w.first; i <= w.last; i++)
-            live.push(i);
-        return html `
-      <div class="scroller" ${ref(w.attach)}>
-        <div class="sizer" style="width:${w.totalWidth}px">
-          ${repeat(live, i => i, i => html `<div
-                class="page"
-                data-page=${i}
-                style="left:${i * w.pageWidth}px;width:${w.pageSpan(i)}px"
-              ></div>`)}
-        </div>
-      </div>
-    `;
-    }
-    static { this.styles = css `
-    .scroller {
-      width: var(--scrollerWidth, 300px);
-      height: 50px;
-      overflow-x: auto;
-      overflow-y: hidden;
-    }
-    .sizer {
-      position: relative;
-      height: 100%;
-    }
-    .page {
-      position: absolute;
-      top: 0;
-      height: 100%;
-    }
-  `; }
-};
-PageWindowTestHost = __decorate([
-    customElement('page-window-test-host')
-], PageWindowTestHost);
-async function createHost() {
-    const el = await fixture(html `<page-window-test-host></page-window-test-host>`);
-    await waitUntil(() => el.win.colsPerPage === 3, 'viewport never measured');
-    await el.updateComplete;
-    return el;
-}
-/** Scrolls the host and waits for the controller to catch up */
-async function scrollHostTo(el, left) {
-    el.scroller.scrollLeft = left;
-    await nextFrame();
-    await nextFrame();
-    await el.updateComplete;
-}
-describe('PageWindow', () => {
-    afterEach(() => {
-        sinon.restore();
-    });
-    it('derives the page size from the measured scroller width', async () => {
-        const el = await createHost();
-        const { win } = el;
-        expect(win.colsPerPage).to.equal(3);
-        expect(win.pageWidth).to.equal(300);
-        expect(win.pageCount).to.equal(17);
-        expect(win.totalWidth).to.equal(4900);
-    });
-    it('trims the partial last page so nothing extends past the total width', async () => {
-        const el = await createHost();
-        const { win } = el;
-        expect(win.pageSpan(0)).to.equal(300);
-        expect(win.pageSpan(16)).to.equal(100);
-        expect(el.scroller.scrollWidth).to.equal(4900);
-    });
-    it('mounts the visible pages plus one buffer page on each side', async () => {
-        const el = await createHost();
-        expect([el.win.first, el.win.last]).to.deep.equal([0, 2]);
-        await scrollHostTo(el, 1500); // Page 5
-        expect([el.win.first, el.win.last]).to.deep.equal([4, 7]);
-        const pages = el.shadowRoot?.querySelectorAll('.page') ?? [];
-        const mounted = [...pages].map(p => Number(p.dataset.page));
-        expect(mounted).to.deep.equal([4, 5, 6, 7]);
-    });
-    it('only re-renders when a scroll crosses a page boundary', async () => {
-        const el = await createHost();
-        await scrollHostTo(el, 1510);
-        const rendersBefore = el.renders;
-        // Several scrolls within the same page leave the window alone (and all
-        // rest nearest to the same page)
-        await scrollHostTo(el, 1560);
-        await scrollHostTo(el, 1600);
-        await scrollHostTo(el, 1640);
-        expect(el.renders).to.equal(rendersBefore);
-        // Crossing into the next page shifts it
-        await scrollHostTo(el, 1810);
-        expect(el.renders).to.be.greaterThan(rendersBefore);
-        expect(el.win.first).to.equal(5);
-    });
-    it('reports the page the scroller comes to rest on', async () => {
-        const el = await createHost();
-        el.win.scrollToPage(4);
-        await waitUntil(() => el.win.currentPage === 4, 'never rested on page 4');
-        expect(el.scroller.scrollLeft).to.equal(1200);
-        expect(el.rests).to.include(4);
-    });
-    it('counts resting at the far end as the last page, even when it is partial', async () => {
-        const el = await createHost();
-        // The last page starts at 4800, but the scroller can only reach 4600
-        el.win.scrollToPage(16);
-        await waitUntil(() => el.win.currentPage === 16, 'never reached the end');
-        expect(el.scroller.scrollLeft).to.equal(4600);
-    });
-    it('clamps the window when the number of columns shrinks', async () => {
-        const el = await createHost();
-        el.win.setTotal(4);
-        el.requestUpdate();
-        await el.updateComplete;
-        expect(el.win.pageCount).to.equal(2);
-        expect([el.win.first, el.win.last]).to.deep.equal([0, 1]);
-        expect(el.shadowRoot?.querySelectorAll('.page')).to.have.length(2);
-    });
-    it('keeps the leftmost column on screen when a resize changes the page size', async () => {
-        const el = await createHost();
-        await scrollHostTo(el, 900); // Page 3, whose first column is 9
-        el.style.setProperty('--scrollerWidth', '200px');
-        await waitUntil(() => el.win.colsPerPage === 2, 'resize never observed');
-        await el.updateComplete;
-        // Column 9 is on page 4 when pages are two columns wide
-        expect(el.scroller.scrollLeft).to.equal(800);
-        await waitUntil(() => el.win.currentPage === 4, 'did not land on page 4');
-        expect(el.win.pageCount).to.equal(25);
-    });
-    it('stops listening once the host is disconnected', async () => {
-        const el = await createHost();
-        const { scroller } = el;
-        const removeSpy = sinon.spy(scroller, 'removeEventListener');
-        el.remove();
-        expect(removeSpy.calledWith('scroll')).to.be.true;
-    });
-    it('listens again when the host is reconnected', async () => {
-        const el = await createHost();
-        const parent = el.parentElement;
-        el.remove();
-        parent.appendChild(el);
-        await el.updateComplete;
-        await scrollHostTo(el, 1500);
-        expect(el.win.first).to.equal(4);
-    });
-});
-//# sourceMappingURL=page-window.test.js.map

package/dist/test/collection-facets/page-window.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-window.test.js","sourceRoot":"","sources":["../../../test/collection-facets/page-window.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, nextFrame, waitUntil } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { css, html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { ref } from 'lit/directives/ref.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { PageWindow } from '../../src/collection-facets/page-window';\n\nconst COL_WIDTH = 100;\n\n/**\n * Minimal host for the controller: a 300px-wide scroller (three columns per\n * page) over 49 columns, so the last of its 17 pages holds a single column.\n * No snapping, so tests can park the scroller anywhere.\n */\n@customElement('page-window-test-host')\nclass PageWindowTestHost extends LitElement {\n  rests: number[] = [];\n\n  renders = 0;\n\n  win = new PageWindow(this, {\n    colWidth: COL_WIDTH,\n    total: 49,\n    onRest: page => this.rests.push(page),\n  });\n\n  get scroller(): HTMLElement {\n    return this.shadowRoot?.querySelector('.scroller') as HTMLElement;\n  }\n\n  render() {\n    this.renders += 1;\n    const w = this.win;\n    const live: number[] = [];\n    for (let i = w.first; i <= w.last; i++) live.push(i);\n    return html`\n      <div class=\"scroller\" ${ref(w.attach)}>\n        <div class=\"sizer\" style=\"width:${w.totalWidth}px\">\n          ${repeat(\n            live,\n            i => i,\n            i =>\n              html`<div\n                class=\"page\"\n                data-page=${i}\n                style=\"left:${i * w.pageWidth}px;width:${w.pageSpan(i)}px\"\n              ></div>`,\n          )}\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = css`\n    .scroller {\n      width: var(--scrollerWidth, 300px);\n      height: 50px;\n      overflow-x: auto;\n      overflow-y: hidden;\n    }\n    .sizer {\n      position: relative;\n      height: 100%;\n    }\n    .page {\n      position: absolute;\n      top: 0;\n      height: 100%;\n    }\n  `;\n}\n\nasync function createHost(): Promise<PageWindowTestHost> {\n  const el = await fixture<PageWindowTestHost>(\n    html`<page-window-test-host></page-window-test-host>`,\n  );\n  await waitUntil(() => el.win.colsPerPage === 3, 'viewport never measured');\n  await el.updateComplete;\n  return el;\n}\n\n/** Scrolls the host and waits for the controller to catch up */\nasync function scrollHostTo(el: PageWindowTestHost, left: number) {\n  el.scroller.scrollLeft = left;\n  await nextFrame();\n  await nextFrame();\n  await el.updateComplete;\n}\n\ndescribe('PageWindow', () => {\n  afterEach(() => {\n    sinon.restore();\n  });\n\n  it('derives the page size from the measured scroller width', async () => {\n    const el = await createHost();\n    const { win } = el;\n\n    expect(win.colsPerPage).to.equal(3);\n    expect(win.pageWidth).to.equal(300);\n    expect(win.pageCount).to.equal(17);\n    expect(win.totalWidth).to.equal(4900);\n  });\n\n  it('trims the partial last page so nothing extends past the total width', async () => {\n    const el = await createHost();\n    const { win } = el;\n\n    expect(win.pageSpan(0)).to.equal(300);\n    expect(win.pageSpan(16)).to.equal(100);\n    expect(el.scroller.scrollWidth).to.equal(4900);\n  });\n\n  it('mounts the visible pages plus one buffer page on each side', async () => {\n    const el = await createHost();\n    expect([el.win.first, el.win.last]).to.deep.equal([0, 2]);\n\n    await scrollHostTo(el, 1500); // Page 5\n    expect([el.win.first, el.win.last]).to.deep.equal([4, 7]);\n    const pages = el.shadowRoot?.querySelectorAll<HTMLElement>('.page') ?? [];\n    const mounted = [...pages].map(p => Number(p.dataset.page));\n    expect(mounted).to.deep.equal([4, 5, 6, 7]);\n  });\n\n  it('only re-renders when a scroll crosses a page boundary', async () => {\n    const el = await createHost();\n    await scrollHostTo(el, 1510);\n    const rendersBefore = el.renders;\n\n    // Several scrolls within the same page leave the window alone (and all\n    // rest nearest to the same page)\n    await scrollHostTo(el, 1560);\n    await scrollHostTo(el, 1600);\n    await scrollHostTo(el, 1640);\n    expect(el.renders).to.equal(rendersBefore);\n\n    // Crossing into the next page shifts it\n    await scrollHostTo(el, 1810);\n    expect(el.renders).to.be.greaterThan(rendersBefore);\n    expect(el.win.first).to.equal(5);\n  });\n\n  it('reports the page the scroller comes to rest on', async () => {\n    const el = await createHost();\n\n    el.win.scrollToPage(4);\n    await waitUntil(() => el.win.currentPage === 4, 'never rested on page 4');\n    expect(el.scroller.scrollLeft).to.equal(1200);\n    expect(el.rests).to.include(4);\n  });\n\n  it('counts resting at the far end as the last page, even when it is partial', async () => {\n    const el = await createHost();\n\n    // The last page starts at 4800, but the scroller can only reach 4600\n    el.win.scrollToPage(16);\n    await waitUntil(() => el.win.currentPage === 16, 'never reached the end');\n    expect(el.scroller.scrollLeft).to.equal(4600);\n  });\n\n  it('clamps the window when the number of columns shrinks', async () => {\n    const el = await createHost();\n\n    el.win.setTotal(4);\n    el.requestUpdate();\n    await el.updateComplete;\n\n    expect(el.win.pageCount).to.equal(2);\n    expect([el.win.first, el.win.last]).to.deep.equal([0, 1]);\n    expect(el.shadowRoot?.querySelectorAll('.page')).to.have.length(2);\n  });\n\n  it('keeps the leftmost column on screen when a resize changes the page size', async () => {\n    const el = await createHost();\n    await scrollHostTo(el, 900); // Page 3, whose first column is 9\n\n    el.style.setProperty('--scrollerWidth', '200px');\n    await waitUntil(() => el.win.colsPerPage === 2, 'resize never observed');\n    await el.updateComplete;\n\n    // Column 9 is on page 4 when pages are two columns wide\n    expect(el.scroller.scrollLeft).to.equal(800);\n    await waitUntil(() => el.win.currentPage === 4, 'did not land on page 4');\n    expect(el.win.pageCount).to.equal(25);\n  });\n\n  it('stops listening once the host is disconnected', async () => {\n    const el = await createHost();\n    const { scroller } = el;\n    const removeSpy = sinon.spy(scroller, 'removeEventListener');\n\n    el.remove();\n\n    expect(removeSpy.calledWith('scroll')).to.be.true;\n  });\n\n  it('listens again when the host is reconnected', async () => {\n    const el = await createHost();\n    const parent = el.parentElement as HTMLElement;\n    el.remove();\n    parent.appendChild(el);\n    await el.updateComplete;\n\n    await scrollHostTo(el, 1500);\n    expect(el.win.first).to.equal(4);\n  });\n});\n"]}

package/dist/test/collection-facets/toggle-switch.test.d.ts

@@ -1 +0,0 @@
-import '../../src/collection-facets/toggle-switch';