@internetarchive/collection-browser 4.1.0 → 4.2.0-alpha-webdev8164.0

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

@@ -3,6 +3,7 @@ import { html } from 'lit';
 import '../../src/collection-facets/more-facets-content';
 import { MockSearchService } from '../mocks/mock-search-service';
 import { MockAnalyticsHandler } from '../mocks/mock-analytics-handler';
+import { getDefaultSelectedFacets, } from '../../src/models';
 const selectedFacetsGroup = {
     title: 'Media Type',
     key: 'mediatype',
@@ -38,16 +39,23 @@ describe('More facets content', () => {
         await el.updateComplete;
         expect(el.shadowRoot?.querySelector('.facets-loader')).to.exist;
     });
-    it('should render pagination for more facets', async () => {
+    it('should NOT render pagination when facet count < 1000', async () => {
         const searchService = new MockSearchService();
         const el = await fixture(html `<more-facets-content
         .searchService=${searchService}
       ></more-facets-content>`);
         el.facetKey = 'year';
-        el.query = 'more-facets'; // Produces a response with 40+ aggregations for multiple pages
+        el.query = 'more-facets'; // Produces a response with 45 aggregations (< 1000)
         await el.updateComplete;
         await aTimeout(50); // Give it a moment to perform the (mock) search query after the initial update
-        expect(el.shadowRoot?.querySelectorAll('more-facets-pagination')).to.exist;
+        // Verify pagination component is NOT present (horizontal scroll mode)
+        expect(el.shadowRoot?.querySelector('more-facets-pagination')).to.not.exist;
+        // Verify horizontal scroll mode CSS class is applied
+        expect(el.shadowRoot?.querySelector('.facets-content.horizontal-scroll-mode')).to.exist;
+        // Verify footer still exists with buttons
+        expect(el.shadowRoot?.querySelector('.footer')).to.exist;
+        expect(el.shadowRoot?.querySelector('.btn-cancel')).to.exist;
+        expect(el.shadowRoot?.querySelector('.btn-submit')).to.exist;
     });
     it('query for more facets content using search service', async () => {
         const searchService = new MockSearchService();
@@ -155,5 +163,156 @@ describe('More facets content', () => {
         expect(mockAnalyticsHandler.callAction).to.equal('applyMoreFacetsModal');
         expect(mockAnalyticsHandler.callLabel).to.equal('collection');
     });
+    it('should have horizontal scrolling enabled', async () => {
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
+      ></more-facets-content>`);
+        el.facetKey = 'year';
+        el.query = 'more-facets';
+        await el.updateComplete;
+        await aTimeout(50);
+        const facetsContent = el.shadowRoot?.querySelector('.facets-content');
+        const styles = window.getComputedStyle(facetsContent);
+        expect(styles.overflowX).to.equal('auto');
+        expect(styles.overflowY).to.equal('hidden');
+    });
+    it('should have horizontal container wrapper', async () => {
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
+      ></more-facets-content>`);
+        el.facetKey = 'year';
+        el.query = 'more-facets';
+        await el.updateComplete;
+        await aTimeout(50);
+        const container = el.shadowRoot?.querySelector('.facets-horizontal-container');
+        expect(container).to.exist;
+        const facetsTemplate = container?.querySelector('facets-template');
+        expect(facetsTemplate).to.exist;
+    });
+    it('should render pagination when facet count >= 1000', async () => {
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
+        .selectedFacets=${getDefaultSelectedFacets()}
+      ></more-facets-content>`);
+        el.facetKey = 'subject';
+        el.query = 'large-facets'; // Produces a response with 1100 aggregations (>= 1000)
+        await el.updateComplete;
+        await aTimeout(50);
+        // Verify pagination component IS present
+        expect(el.shadowRoot?.querySelector('more-facets-pagination')).to.exist;
+        // Verify pagination mode CSS class is applied
+        expect(el.shadowRoot?.querySelector('.facets-content.pagination-mode')).to
+            .exist;
+        // Verify horizontal container wrapper does NOT exist in pagination mode
+        expect(el.shadowRoot?.querySelector('.facets-horizontal-container')).to.not
+            .exist;
+    });
+    it('pagination page change should send analytics event', async () => {
+        const searchService = new MockSearchService();
+        const mockAnalyticsHandler = new MockAnalyticsHandler();
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
+        .selectedFacets=${getDefaultSelectedFacets()}
+        .analyticsHandler=${mockAnalyticsHandler}
+      ></more-facets-content>`);
+        el.facetKey = 'subject';
+        el.query = 'large-facets'; // Produces a response with 1100 aggregations (>= 1000)
+        await el.updateComplete;
+        await aTimeout(50);
+        // Get the pagination component
+        const pagination = el.shadowRoot?.querySelector('more-facets-pagination');
+        expect(pagination).to.exist;
+        // Simulate clicking page 2
+        pagination.currentPage = 2;
+        await pagination.updateComplete;
+        // Verify analytics event was sent
+        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
+        expect(mockAnalyticsHandler.callAction).to.equal('moreFacetsPageChange');
+        expect(mockAnalyticsHandler.callLabel).to.equal('2');
+    });
+    it('should render clearable text input for filtering', async () => {
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .facetKey=${'year'}
+        .query=${'more-facets'}
+        .searchService=${searchService}
+        .selectedFacets=${yearSelectedFacets}
+      ></more-facets-content>`);
+        await el.updateComplete;
+        await aTimeout(50);
+        // Verify the clearable text input component is present
+        const clearableInput = el.shadowRoot?.querySelector('ia-clearable-text-input');
+        expect(clearableInput).to.exist;
+    });
+    it('should clear filter text when clear event is dispatched', async () => {
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .facetKey=${'year'}
+        .query=${'more-facets'}
+        .searchService=${searchService}
+        .selectedFacets=${yearSelectedFacets}
+      ></more-facets-content>`);
+        await el.updateComplete;
+        await aTimeout(50);
+        // Simulate typing into the clearable input by dispatching input event
+        const clearableInput = el.shadowRoot?.querySelector('ia-clearable-text-input');
+        expect(clearableInput).to.exist;
+        clearableInput.value = 'test';
+        clearableInput.dispatchEvent(new Event('input'));
+        await el.updateComplete;
+        // Dispatch clear event
+        clearableInput.dispatchEvent(new CustomEvent('clear', { detail: 'test' }));
+        await el.updateComplete;
+        // Verify the filter was cleared
+        expect(clearableInput.value).to.equal('');
+    });
+    describe('Horizontal scroll navigation arrows', () => {
+        it('should use scroll-nav-container in horizontal scroll mode', async () => {
+            const searchService = new MockSearchService();
+            const el = await fixture(html `<more-facets-content
+          .searchService=${searchService}
+        ></more-facets-content>`);
+            el.facetKey = 'year';
+            el.query = 'more-facets'; // Produces < 1000 aggregations
+            await el.updateComplete;
+            await aTimeout(50);
+            // Verify scroll navigation container exists in horizontal scroll mode
+            expect(el.shadowRoot?.querySelector('.scroll-nav-container')).to.exist;
+            // Verify horizontal container and facets-content exist inside it
+            expect(el.shadowRoot?.querySelector('.scroll-nav-container .facets-content.horizontal-scroll-mode')).to.exist;
+            expect(el.shadowRoot?.querySelector('.scroll-nav-container .facets-horizontal-container')).to.exist;
+        });
+        it('should NOT show scroll arrows in pagination mode', async () => {
+            const searchService = new MockSearchService();
+            const el = await fixture(html `<more-facets-content
+          .searchService=${searchService}
+          .selectedFacets=${getDefaultSelectedFacets()}
+        ></more-facets-content>`);
+            el.facetKey = 'subject';
+            el.query = 'large-facets'; // Produces >= 1000 aggregations
+            await el.updateComplete;
+            await aTimeout(50);
+            // Verify scroll navigation container does NOT exist
+            expect(el.shadowRoot?.querySelector('.scroll-nav-container')).to.not
+                .exist;
+            expect(el.shadowRoot?.querySelector('.scroll-arrow')).to.not.exist;
+        });
+        it('should hide scroll arrows when content does not overflow', async () => {
+            const searchService = new MockSearchService();
+            const el = await fixture(html `<more-facets-content
+          .searchService=${searchService}
+        ></more-facets-content>`);
+            el.facetKey = 'year';
+            el.query = 'more-facets';
+            await el.updateComplete;
+            await aTimeout(50);
+            // In test environment, there's no real layout so scrollWidth === clientWidth.
+            // Arrows should be hidden when there's no horizontal overflow.
+            expect(el.shadowRoot?.querySelector('.scroll-arrow')).to.not.exist;
+        });
+    });
 });
 //# sourceMappingURL=more-facets-content.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"more-facets-content.test.js","sourceRoot":"","sources":["../../../test/collection-facets/more-facets-content.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { aTimeout, expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { MoreFacetsContent } from '../../src/collection-facets/more-facets-content';\nimport '../../src/collection-facets/more-facets-content';\nimport { MockSearchService } from '../mocks/mock-search-service';\nimport { MockAnalyticsHandler } from '../mocks/mock-analytics-handler';\nimport type { FacetsTemplate } from '../../src/collection-facets/facets-template';\nimport type { SelectedFacets } from '../../src/models';\n\nconst selectedFacetsGroup = {\n  title: 'Media Type',\n  key: 'mediatype',\n  buckets: [\n    { displayText: 'audio', key: 'audio', count: 1001, state: 'none' },\n    { displayText: 'movies', key: 'movies', count: 901, state: 'none' },\n    { displayText: 'texts', key: 'texts', count: 2101, state: 'none' },\n    { displayText: 'data', key: 'data', count: 230, state: 'none' },\n    { displayText: 'web', key: 'web', count: 453, state: 'none' },\n  ],\n};\n\nconst yearSelectedFacets: SelectedFacets = {\n  mediatype: {},\n  lending: {},\n  year: {\n    '2000': { key: '2000', count: 5, state: 'selected' },\n  },\n  subject: {},\n  collection: {},\n  creator: {},\n  language: {},\n};\n\ndescribe('More facets content', () => {\n  it('should render more facets template', async () => {\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content></more-facets-content>`,\n    );\n\n    el.facetsLoading = false;\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.facets-content')).to.exist;\n  });\n\n  it('should render more facets loader template', async () => {\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content></more-facets-content>`,\n    );\n\n    el.facetsLoading = true;\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.facets-loader')).to.exist;\n  });\n\n  it('should render pagination for more facets', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'year';\n    el.query = 'more-facets'; // Produces a response with 40+ aggregations for multiple pages\n    await el.updateComplete;\n    await aTimeout(50); // Give it a moment to perform the (mock) search query after the initial update\n\n    expect(el.shadowRoot?.querySelectorAll('more-facets-pagination')).to.exist;\n  });\n\n  it('query for more facets content using search service', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'collection';\n    el.query = 'collection-aggregations';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.equal(\n      'collection-aggregations',\n    );\n  });\n\n  it('queries for more facets using search service within a collection (no query)', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n        .pageSpecifierParams=${{\n          pageType: 'collection_details',\n          pageTarget: 'foobar',\n        }}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'subject';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.be.empty;\n    expect(searchService.searchParams?.pageTarget).to.equal('foobar');\n  });\n\n  it('queries for more facets using search service within a collection (with query)', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n        .pageSpecifierParams=${{\n          pageType: 'collection_details',\n          pageTarget: 'foobar',\n        }}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'subject';\n    el.query = 'title:hello';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.equal('title:hello');\n    expect(searchService.searchParams?.pageTarget).to.equal('foobar');\n  });\n\n  it('filter raw selectedFacets object', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n        .selectedFacets=${selectedFacetsGroup}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'collection';\n    el.query = 'title:hello';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.equal('title:hello');\n  });\n\n  it('combines selectedFacets and aggregationFacets and renders on modal', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'year'}\n        .query=${'more-facets'}\n        .searchService=${searchService}\n        .selectedFacets=${yearSelectedFacets}\n      ></more-facets-content>`,\n    );\n\n    const facetsTemplate = el.shadowRoot?.querySelector(\n      'facets-template',\n    ) as FacetsTemplate;\n    expect(facetsTemplate).to.exist;\n\n    const { facetGroup } = facetsTemplate;\n    expect(facetGroup?.key).to.equal('year');\n    expect(facetGroup?.title).to.equal('Year');\n\n    // First bucket is the one that was included in the selected facets\n    const firstBucket = facetGroup?.buckets[0];\n    expect(firstBucket?.key).to.equal('2000');\n    expect(firstBucket?.count).to.equal(5);\n\n    // Second bucket is the most recent year, since year facets default to descending order of year\n    const secondBucket = facetGroup?.buckets[1];\n    expect(secondBucket?.key).to.equal('2024');\n    expect(secondBucket?.count).to.equal(5);\n  });\n\n  it('cancel button clicked event', async () => {\n    const searchService = new MockSearchService();\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'collection'}\n        .query=${'collection-aggregations'}\n        .searchService=${searchService}\n        .analyticsHandler=${mockAnalyticsHandler}\n      ></more-facets-content>`,\n    );\n\n    // select cancel button\n    const cancelButton = el.shadowRoot?.querySelector(\n      '.footer > .btn-cancel',\n    ) as HTMLButtonElement;\n    expect(cancelButton).to.exist;\n    cancelButton?.click();\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('closeMoreFacetsModal');\n    expect(mockAnalyticsHandler.callLabel).to.equal('collection');\n  });\n\n  it('facet apply button clicked event', async () => {\n    const searchService = new MockSearchService();\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'collection'}\n        .query=${'collection-aggregations'}\n        .searchService=${searchService}\n        .analyticsHandler=${mockAnalyticsHandler}\n      ></more-facets-content>`,\n    );\n\n    // select submit button\n    const submitButton = el.shadowRoot?.querySelector(\n      '.footer > .btn-submit',\n    ) as HTMLButtonElement;\n    expect(submitButton).to.exist;\n    submitButton?.click();\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('applyMoreFacetsModal');\n    expect(mockAnalyticsHandler.callLabel).to.equal('collection');\n  });\n});\n"]}
+{"version":3,"file":"more-facets-content.test.js","sourceRoot":"","sources":["../../../test/collection-facets/more-facets-content.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { aTimeout, expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { MoreFacetsContent } from '../../src/collection-facets/more-facets-content';\nimport '../../src/collection-facets/more-facets-content';\nimport { MockSearchService } from '../mocks/mock-search-service';\nimport { MockAnalyticsHandler } from '../mocks/mock-analytics-handler';\nimport type { FacetsTemplate } from '../../src/collection-facets/facets-template';\nimport {\n  getDefaultSelectedFacets,\n  type SelectedFacets,\n} from '../../src/models';\n\nconst selectedFacetsGroup = {\n  title: 'Media Type',\n  key: 'mediatype',\n  buckets: [\n    { displayText: 'audio', key: 'audio', count: 1001, state: 'none' },\n    { displayText: 'movies', key: 'movies', count: 901, state: 'none' },\n    { displayText: 'texts', key: 'texts', count: 2101, state: 'none' },\n    { displayText: 'data', key: 'data', count: 230, state: 'none' },\n    { displayText: 'web', key: 'web', count: 453, state: 'none' },\n  ],\n};\n\nconst yearSelectedFacets: SelectedFacets = {\n  mediatype: {},\n  lending: {},\n  year: {\n    '2000': { key: '2000', count: 5, state: 'selected' },\n  },\n  subject: {},\n  collection: {},\n  creator: {},\n  language: {},\n};\n\ndescribe('More facets content', () => {\n  it('should render more facets template', async () => {\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content></more-facets-content>`,\n    );\n\n    el.facetsLoading = false;\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.facets-content')).to.exist;\n  });\n\n  it('should render more facets loader template', async () => {\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content></more-facets-content>`,\n    );\n\n    el.facetsLoading = true;\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.facets-loader')).to.exist;\n  });\n\n  it('should NOT render pagination when facet count < 1000', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'year';\n    el.query = 'more-facets'; // Produces a response with 45 aggregations (< 1000)\n    await el.updateComplete;\n    await aTimeout(50); // Give it a moment to perform the (mock) search query after the initial update\n\n    // Verify pagination component is NOT present (horizontal scroll mode)\n    expect(el.shadowRoot?.querySelector('more-facets-pagination')).to.not.exist;\n\n    // Verify horizontal scroll mode CSS class is applied\n    expect(\n      el.shadowRoot?.querySelector('.facets-content.horizontal-scroll-mode'),\n    ).to.exist;\n\n    // Verify footer still exists with buttons\n    expect(el.shadowRoot?.querySelector('.footer')).to.exist;\n    expect(el.shadowRoot?.querySelector('.btn-cancel')).to.exist;\n    expect(el.shadowRoot?.querySelector('.btn-submit')).to.exist;\n  });\n\n  it('query for more facets content using search service', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'collection';\n    el.query = 'collection-aggregations';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.equal(\n      'collection-aggregations',\n    );\n  });\n\n  it('queries for more facets using search service within a collection (no query)', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n        .pageSpecifierParams=${{\n          pageType: 'collection_details',\n          pageTarget: 'foobar',\n        }}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'subject';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.be.empty;\n    expect(searchService.searchParams?.pageTarget).to.equal('foobar');\n  });\n\n  it('queries for more facets using search service within a collection (with query)', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n        .pageSpecifierParams=${{\n          pageType: 'collection_details',\n          pageTarget: 'foobar',\n        }}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'subject';\n    el.query = 'title:hello';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.equal('title:hello');\n    expect(searchService.searchParams?.pageTarget).to.equal('foobar');\n  });\n\n  it('filter raw selectedFacets object', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n        .selectedFacets=${selectedFacetsGroup}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'collection';\n    el.query = 'title:hello';\n    await el.updateComplete;\n\n    expect(searchService.searchParams?.query).to.equal('title:hello');\n  });\n\n  it('combines selectedFacets and aggregationFacets and renders on modal', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'year'}\n        .query=${'more-facets'}\n        .searchService=${searchService}\n        .selectedFacets=${yearSelectedFacets}\n      ></more-facets-content>`,\n    );\n\n    const facetsTemplate = el.shadowRoot?.querySelector(\n      'facets-template',\n    ) as FacetsTemplate;\n    expect(facetsTemplate).to.exist;\n\n    const { facetGroup } = facetsTemplate;\n    expect(facetGroup?.key).to.equal('year');\n    expect(facetGroup?.title).to.equal('Year');\n\n    // First bucket is the one that was included in the selected facets\n    const firstBucket = facetGroup?.buckets[0];\n    expect(firstBucket?.key).to.equal('2000');\n    expect(firstBucket?.count).to.equal(5);\n\n    // Second bucket is the most recent year, since year facets default to descending order of year\n    const secondBucket = facetGroup?.buckets[1];\n    expect(secondBucket?.key).to.equal('2024');\n    expect(secondBucket?.count).to.equal(5);\n  });\n\n  it('cancel button clicked event', async () => {\n    const searchService = new MockSearchService();\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'collection'}\n        .query=${'collection-aggregations'}\n        .searchService=${searchService}\n        .analyticsHandler=${mockAnalyticsHandler}\n      ></more-facets-content>`,\n    );\n\n    // select cancel button\n    const cancelButton = el.shadowRoot?.querySelector(\n      '.footer > .btn-cancel',\n    ) as HTMLButtonElement;\n    expect(cancelButton).to.exist;\n    cancelButton?.click();\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('closeMoreFacetsModal');\n    expect(mockAnalyticsHandler.callLabel).to.equal('collection');\n  });\n\n  it('facet apply button clicked event', async () => {\n    const searchService = new MockSearchService();\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'collection'}\n        .query=${'collection-aggregations'}\n        .searchService=${searchService}\n        .analyticsHandler=${mockAnalyticsHandler}\n      ></more-facets-content>`,\n    );\n\n    // select submit button\n    const submitButton = el.shadowRoot?.querySelector(\n      '.footer > .btn-submit',\n    ) as HTMLButtonElement;\n    expect(submitButton).to.exist;\n    submitButton?.click();\n\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('applyMoreFacetsModal');\n    expect(mockAnalyticsHandler.callLabel).to.equal('collection');\n  });\n\n  it('should have horizontal scrolling enabled', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'year';\n    el.query = 'more-facets';\n    await el.updateComplete;\n    await aTimeout(50);\n\n    const facetsContent = el.shadowRoot?.querySelector(\n      '.facets-content',\n    ) as HTMLElement;\n    const styles = window.getComputedStyle(facetsContent);\n\n    expect(styles.overflowX).to.equal('auto');\n    expect(styles.overflowY).to.equal('hidden');\n  });\n\n  it('should have horizontal container wrapper', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'year';\n    el.query = 'more-facets';\n    await el.updateComplete;\n    await aTimeout(50);\n\n    const container = el.shadowRoot?.querySelector(\n      '.facets-horizontal-container',\n    );\n    expect(container).to.exist;\n\n    const facetsTemplate = container?.querySelector('facets-template');\n    expect(facetsTemplate).to.exist;\n  });\n\n  it('should render pagination when facet count >= 1000', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n        .selectedFacets=${getDefaultSelectedFacets()}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'subject';\n    el.query = 'large-facets'; // Produces a response with 1100 aggregations (>= 1000)\n    await el.updateComplete;\n    await aTimeout(50);\n\n    // Verify pagination component IS present\n    expect(el.shadowRoot?.querySelector('more-facets-pagination')).to.exist;\n\n    // Verify pagination mode CSS class is applied\n    expect(el.shadowRoot?.querySelector('.facets-content.pagination-mode')).to\n      .exist;\n\n    // Verify horizontal container wrapper does NOT exist in pagination mode\n    expect(el.shadowRoot?.querySelector('.facets-horizontal-container')).to.not\n      .exist;\n  });\n\n  it('pagination page change should send analytics event', async () => {\n    const searchService = new MockSearchService();\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .searchService=${searchService}\n        .selectedFacets=${getDefaultSelectedFacets()}\n        .analyticsHandler=${mockAnalyticsHandler}\n      ></more-facets-content>`,\n    );\n\n    el.facetKey = 'subject';\n    el.query = 'large-facets'; // Produces a response with 1100 aggregations (>= 1000)\n    await el.updateComplete;\n    await aTimeout(50);\n\n    // Get the pagination component\n    const pagination = el.shadowRoot?.querySelector(\n      'more-facets-pagination',\n    ) as any;\n    expect(pagination).to.exist;\n\n    // Simulate clicking page 2\n    pagination.currentPage = 2;\n    await pagination.updateComplete;\n\n    // Verify analytics event was sent\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\n    expect(mockAnalyticsHandler.callAction).to.equal('moreFacetsPageChange');\n    expect(mockAnalyticsHandler.callLabel).to.equal('2');\n  });\n\n  it('should render clearable text input for filtering', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'year'}\n        .query=${'more-facets'}\n        .searchService=${searchService}\n        .selectedFacets=${yearSelectedFacets}\n      ></more-facets-content>`,\n    );\n\n    await el.updateComplete;\n    await aTimeout(50);\n\n    // Verify the clearable text input component is present\n    const clearableInput = el.shadowRoot?.querySelector(\n      'ia-clearable-text-input',\n    ) as HTMLElement;\n    expect(clearableInput).to.exist;\n  });\n\n  it('should clear filter text when clear event is dispatched', async () => {\n    const searchService = new MockSearchService();\n\n    const el = await fixture<MoreFacetsContent>(\n      html`<more-facets-content\n        .facetKey=${'year'}\n        .query=${'more-facets'}\n        .searchService=${searchService}\n        .selectedFacets=${yearSelectedFacets}\n      ></more-facets-content>`,\n    );\n\n    await el.updateComplete;\n    await aTimeout(50);\n\n    // Simulate typing into the clearable input by dispatching input event\n    const clearableInput = el.shadowRoot?.querySelector(\n      'ia-clearable-text-input',\n    ) as HTMLElement & { value: string };\n    expect(clearableInput).to.exist;\n\n    clearableInput.value = 'test';\n    clearableInput.dispatchEvent(new Event('input'));\n    await el.updateComplete;\n\n    // Dispatch clear event\n    clearableInput.dispatchEvent(new CustomEvent('clear', { detail: 'test' }));\n    await el.updateComplete;\n\n    // Verify the filter was cleared\n    expect(clearableInput.value).to.equal('');\n  });\n\n  describe('Horizontal scroll navigation arrows', () => {\n    it('should use scroll-nav-container in horizontal scroll mode', async () => {\n      const searchService = new MockSearchService();\n\n      const el = await fixture<MoreFacetsContent>(\n        html`<more-facets-content\n          .searchService=${searchService}\n        ></more-facets-content>`,\n      );\n\n      el.facetKey = 'year';\n      el.query = 'more-facets'; // Produces < 1000 aggregations\n      await el.updateComplete;\n      await aTimeout(50);\n\n      // Verify scroll navigation container exists in horizontal scroll mode\n      expect(el.shadowRoot?.querySelector('.scroll-nav-container')).to.exist;\n\n      // Verify horizontal container and facets-content exist inside it\n      expect(\n        el.shadowRoot?.querySelector(\n          '.scroll-nav-container .facets-content.horizontal-scroll-mode',\n        ),\n      ).to.exist;\n      expect(\n        el.shadowRoot?.querySelector(\n          '.scroll-nav-container .facets-horizontal-container',\n        ),\n      ).to.exist;\n    });\n\n    it('should NOT show scroll arrows in pagination mode', async () => {\n      const searchService = new MockSearchService();\n\n      const el = await fixture<MoreFacetsContent>(\n        html`<more-facets-content\n          .searchService=${searchService}\n          .selectedFacets=${getDefaultSelectedFacets()}\n        ></more-facets-content>`,\n      );\n\n      el.facetKey = 'subject';\n      el.query = 'large-facets'; // Produces >= 1000 aggregations\n      await el.updateComplete;\n      await aTimeout(50);\n\n      // Verify scroll navigation container does NOT exist\n      expect(el.shadowRoot?.querySelector('.scroll-nav-container')).to.not\n        .exist;\n      expect(el.shadowRoot?.querySelector('.scroll-arrow')).to.not.exist;\n    });\n\n    it('should hide scroll arrows when content does not overflow', async () => {\n      const searchService = new MockSearchService();\n\n      const el = await fixture<MoreFacetsContent>(\n        html`<more-facets-content\n          .searchService=${searchService}\n        ></more-facets-content>`,\n      );\n\n      el.facetKey = 'year';\n      el.query = 'more-facets';\n      await el.updateComplete;\n      await aTimeout(50);\n\n      // In test environment, there's no real layout so scrollWidth === clientWidth.\n      // Arrows should be hidden when there's no horizontal overflow.\n      expect(el.shadowRoot?.querySelector('.scroll-arrow')).to.not.exist;\n    });\n  });\n});\n"]}

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

@@ -67,7 +67,7 @@ describe('More facets pagination', () => {
             expect(el.currentPage).to.equal(2); // confirm current page
             const fake1 = sinon.fake();
             const fake2 = sinon.fake();
-            el.observePageCount = fake1;
+            el.updatePages = fake1;
             el.emitPageClick = fake2;
             // select first page button
             const pageButton = el.shadowRoot?.querySelector('.page-numbers > button');
@@ -91,7 +91,7 @@ describe('More facets pagination', () => {
             expect(el.currentPage).to.equal(2); // confirm current page
             const fake1 = sinon.fake();
             const fake2 = sinon.fake();
-            el.observePageCount = fake1;
+            el.updatePages = fake1;
             el.emitPageClick = fake2;
             // select first page button
             const rewindButton = el.shadowRoot?.querySelector('.facets-pagination > button.rewind');
@@ -111,7 +111,7 @@ describe('More facets pagination', () => {
             expect(el.currentPage).to.equal(5); // confirm current page
             const fake1 = sinon.fake();
             const fake2 = sinon.fake();
-            el.observePageCount = fake1;
+            el.updatePages = fake1;
             el.emitPageClick = fake2;
             // select first page button
             const forwardButton = el.shadowRoot?.querySelector('.facets-pagination > button.forward');
@@ -122,5 +122,65 @@ describe('More facets pagination', () => {
             expect(el.currentPage).to.equal(6); // brings us forward 1 page
         });
     });
+    describe('Compact mode', () => {
+        it('shows all pages when size <= 3', async () => {
+            const el = await fixture(html `<more-facets-pagination
+          .size=${3}
+          .compact=${true}
+        ></more-facets-pagination>`);
+            await el.updateComplete;
+            expect(el.pages).to.deep.equal([1, 2, 3]);
+        });
+        it('shows first, prev, current, next, ..., last for middle page', async () => {
+            const el = await fixture(html `<more-facets-pagination
+          .size=${20}
+          .currentPage=${10}
+          .compact=${true}
+        ></more-facets-pagination>`);
+            await el.updateComplete;
+            // first, ..., prev, current, next, ..., last
+            expect(el.pages).to.deep.equal([1, 0, 9, 10, 11, 0, 20]);
+        });
+        it('shows correct pages when on page 1', async () => {
+            const el = await fixture(html `<more-facets-pagination
+          .size=${20}
+          .currentPage=${1}
+          .compact=${true}
+        ></more-facets-pagination>`);
+            await el.updateComplete;
+            // first (current), next, ..., last
+            expect(el.pages).to.deep.equal([1, 2, 0, 20]);
+        });
+        it('shows correct pages when on last page', async () => {
+            const el = await fixture(html `<more-facets-pagination
+          .size=${20}
+          .currentPage=${20}
+          .compact=${true}
+        ></more-facets-pagination>`);
+            await el.updateComplete;
+            // first, ..., prev, last (current)
+            expect(el.pages).to.deep.equal([1, 0, 19, 20]);
+        });
+        it('shows correct pages when on page 2', async () => {
+            const el = await fixture(html `<more-facets-pagination
+          .size=${20}
+          .currentPage=${2}
+          .compact=${true}
+        ></more-facets-pagination>`);
+            await el.updateComplete;
+            // first, current, next, ..., last
+            expect(el.pages).to.deep.equal([1, 2, 3, 0, 20]);
+        });
+        it('shows correct pages when on second-to-last page', async () => {
+            const el = await fixture(html `<more-facets-pagination
+          .size=${20}
+          .currentPage=${19}
+          .compact=${true}
+        ></more-facets-pagination>`);
+            await el.updateComplete;
+            // first, ..., prev, current, last
+            expect(el.pages).to.deep.equal([1, 0, 18, 19, 20]);
+        });
+    });
 });
 //# sourceMappingURL=more-facets-pagination.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"more-facets-pagination.test.js","sourceRoot":"","sources":["../../../test/collection-facets/more-facets-pagination.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, oneEvent } from '@open-wc/testing';\nimport { html } from 'lit';\nimport sinon from 'sinon';\nimport '../../src/collection-facets/more-facets-pagination';\nimport type { MoreFacetsPagination } from '../../src/collection-facets/more-facets-pagination';\n\nafterEach(() => {\n  sinon.restore();\n});\n\ndescribe('More facets pagination', () => {\n  describe('5 pages or less', () => {\n    it('shows all pages', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination .size=${5}></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n\n      const pageButtons = el.shadowRoot?.querySelectorAll(\n        'button[data-page]',\n      ) as NodeList;\n      expect(pageButtons.length).to.greaterThan(0);\n\n      pageButtons.forEach((button, index) => {\n        expect(button.textContent).to.contain(index + 1);\n      });\n    });\n  });\n\n  it('should render pagination template', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination .size=${10}></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.facets-pagination')).to.exist;\n    expect(el.shadowRoot?.querySelector('.arrow-icon')).to.exist;\n  });\n\n  it('should render page numbers', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination .size=${3}></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    const pageNumberElement = el.shadowRoot?.querySelector('.page-numbers');\n    expect(pageNumberElement).to.exist;\n    expect(pageNumberElement?.querySelectorAll('button').length).to.equal(3);\n  });\n\n  it('check current page and total pages', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination\n        .size=${4}\n        .currentPage=${2}\n      ></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    const pageNumberElement = el.shadowRoot?.querySelector('.page-numbers');\n    expect(pageNumberElement).to.exist;\n    expect(\n      pageNumberElement\n        ?.querySelectorAll('button')[1]\n        .classList.contains('current'),\n    ).to.be.true;\n    expect(el.pages?.length).to.equal(4);\n  });\n\n  it('get page numbers based of size and currentPage', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination\n        .size=${4}\n        .currentPage=${2}\n      ></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    expect(el.pages?.length).to.equal(4);\n  });\n\n  describe('Selecting a page', () => {\n    it('fires event', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n\n      setTimeout(() =>\n        el.dispatchEvent(\n          new CustomEvent('pageNumberClicked', { detail: { page: 15 } }),\n        ),\n      );\n      const { detail } = await oneEvent(el, 'pageNumberClicked');\n      expect(detail?.page).to.equal(15);\n    });\n    it('sets off side effects with `onChange`', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${'10'}\n          .currentPage=${2}\n        ></more-facets-pagination>`,\n      );\n\n      expect(el.currentPage).to.equal(2); // confirm current page\n\n      const fake1 = sinon.fake();\n      const fake2 = sinon.fake();\n      el.observePageCount = fake1;\n      el.emitPageClick = fake2;\n\n      // select first page button\n      const pageButton = el.shadowRoot?.querySelector(\n        '.page-numbers > button',\n      ) as HTMLButtonElement;\n      // confirm button isn't selected\n      expect(pageButton.classList.contains('current')).to.be.false;\n      pageButton.click();\n\n      await el.updateComplete;\n\n      expect(fake1.callCount).to.equal(1);\n      expect(fake2.callCount).to.equal(1);\n      expect(el.currentPage).to.equal(1); // brings us back to currentPage\n      // confirm button is selected\n      expect(pageButton.classList.contains('current')).to.be.true;\n    });\n  });\n\n  describe('Using Arrows', () => {\n    it('going backwards', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${'10'}\n          .currentPage=${2}\n        ></more-facets-pagination>`,\n      );\n\n      expect(el.currentPage).to.equal(2); // confirm current page\n\n      const fake1 = sinon.fake();\n      const fake2 = sinon.fake();\n      el.observePageCount = fake1;\n      el.emitPageClick = fake2;\n\n      // select first page button\n      const rewindButton = el.shadowRoot?.querySelector(\n        '.facets-pagination > button.rewind',\n      ) as HTMLButtonElement;\n      rewindButton.click();\n\n      await el.updateComplete;\n\n      expect(fake1.callCount).to.equal(1);\n      expect(fake2.callCount).to.equal(1);\n      expect(el.currentPage).to.equal(1); // brings us back 1 page\n      // confirm button is selected\n      expect(\n        (\n          el.shadowRoot?.querySelector(\n            '.page-numbers > button[data-page=\"1\"]',\n          ) as HTMLButtonElement\n        ).classList.contains('current'),\n      ).to.be.true;\n    });\n\n    it('going forwards', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${'10'}\n          .currentPage=${5}\n        ></more-facets-pagination>`,\n      );\n\n      expect(el.currentPage).to.equal(5); // confirm current page\n\n      const fake1 = sinon.fake();\n      const fake2 = sinon.fake();\n      el.observePageCount = fake1;\n      el.emitPageClick = fake2;\n\n      // select first page button\n      const forwardButton = el.shadowRoot?.querySelector(\n        '.facets-pagination > button.forward',\n      ) as HTMLButtonElement;\n      forwardButton.click();\n\n      await el.updateComplete;\n\n      expect(fake1.callCount).to.equal(1);\n      expect(fake2.callCount).to.equal(1);\n      expect(el.currentPage).to.equal(6); // brings us forward 1 page\n    });\n  });\n});\n"]}
+{"version":3,"file":"more-facets-pagination.test.js","sourceRoot":"","sources":["../../../test/collection-facets/more-facets-pagination.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, oneEvent } from '@open-wc/testing';\nimport { html } from 'lit';\nimport sinon from 'sinon';\nimport '../../src/collection-facets/more-facets-pagination';\nimport type { MoreFacetsPagination } from '../../src/collection-facets/more-facets-pagination';\n\nafterEach(() => {\n  sinon.restore();\n});\n\ndescribe('More facets pagination', () => {\n  describe('5 pages or less', () => {\n    it('shows all pages', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination .size=${5}></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n\n      const pageButtons = el.shadowRoot?.querySelectorAll(\n        'button[data-page]',\n      ) as NodeList;\n      expect(pageButtons.length).to.greaterThan(0);\n\n      pageButtons.forEach((button, index) => {\n        expect(button.textContent).to.contain(index + 1);\n      });\n    });\n  });\n\n  it('should render pagination template', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination .size=${10}></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.facets-pagination')).to.exist;\n    expect(el.shadowRoot?.querySelector('.arrow-icon')).to.exist;\n  });\n\n  it('should render page numbers', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination .size=${3}></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    const pageNumberElement = el.shadowRoot?.querySelector('.page-numbers');\n    expect(pageNumberElement).to.exist;\n    expect(pageNumberElement?.querySelectorAll('button').length).to.equal(3);\n  });\n\n  it('check current page and total pages', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination\n        .size=${4}\n        .currentPage=${2}\n      ></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    const pageNumberElement = el.shadowRoot?.querySelector('.page-numbers');\n    expect(pageNumberElement).to.exist;\n    expect(\n      pageNumberElement\n        ?.querySelectorAll('button')[1]\n        .classList.contains('current'),\n    ).to.be.true;\n    expect(el.pages?.length).to.equal(4);\n  });\n\n  it('get page numbers based of size and currentPage', async () => {\n    const el = await fixture<MoreFacetsPagination>(\n      html`<more-facets-pagination\n        .size=${4}\n        .currentPage=${2}\n      ></more-facets-pagination>`,\n    );\n\n    await el.updateComplete;\n\n    expect(el.pages?.length).to.equal(4);\n  });\n\n  describe('Selecting a page', () => {\n    it('fires event', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n\n      setTimeout(() =>\n        el.dispatchEvent(\n          new CustomEvent('pageNumberClicked', { detail: { page: 15 } }),\n        ),\n      );\n      const { detail } = await oneEvent(el, 'pageNumberClicked');\n      expect(detail?.page).to.equal(15);\n    });\n    it('sets off side effects with `onChange`', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${'10'}\n          .currentPage=${2}\n        ></more-facets-pagination>`,\n      );\n\n      expect(el.currentPage).to.equal(2); // confirm current page\n\n      const fake1 = sinon.fake();\n      const fake2 = sinon.fake();\n      el.updatePages = fake1;\n      el.emitPageClick = fake2;\n\n      // select first page button\n      const pageButton = el.shadowRoot?.querySelector(\n        '.page-numbers > button',\n      ) as HTMLButtonElement;\n      // confirm button isn't selected\n      expect(pageButton.classList.contains('current')).to.be.false;\n      pageButton.click();\n\n      await el.updateComplete;\n\n      expect(fake1.callCount).to.equal(1);\n      expect(fake2.callCount).to.equal(1);\n      expect(el.currentPage).to.equal(1); // brings us back to currentPage\n      // confirm button is selected\n      expect(pageButton.classList.contains('current')).to.be.true;\n    });\n  });\n\n  describe('Using Arrows', () => {\n    it('going backwards', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${'10'}\n          .currentPage=${2}\n        ></more-facets-pagination>`,\n      );\n\n      expect(el.currentPage).to.equal(2); // confirm current page\n\n      const fake1 = sinon.fake();\n      const fake2 = sinon.fake();\n      el.updatePages = fake1;\n      el.emitPageClick = fake2;\n\n      // select first page button\n      const rewindButton = el.shadowRoot?.querySelector(\n        '.facets-pagination > button.rewind',\n      ) as HTMLButtonElement;\n      rewindButton.click();\n\n      await el.updateComplete;\n\n      expect(fake1.callCount).to.equal(1);\n      expect(fake2.callCount).to.equal(1);\n      expect(el.currentPage).to.equal(1); // brings us back 1 page\n      // confirm button is selected\n      expect(\n        (\n          el.shadowRoot?.querySelector(\n            '.page-numbers > button[data-page=\"1\"]',\n          ) as HTMLButtonElement\n        ).classList.contains('current'),\n      ).to.be.true;\n    });\n\n    it('going forwards', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${'10'}\n          .currentPage=${5}\n        ></more-facets-pagination>`,\n      );\n\n      expect(el.currentPage).to.equal(5); // confirm current page\n\n      const fake1 = sinon.fake();\n      const fake2 = sinon.fake();\n      el.updatePages = fake1;\n      el.emitPageClick = fake2;\n\n      // select first page button\n      const forwardButton = el.shadowRoot?.querySelector(\n        '.facets-pagination > button.forward',\n      ) as HTMLButtonElement;\n      forwardButton.click();\n\n      await el.updateComplete;\n\n      expect(fake1.callCount).to.equal(1);\n      expect(fake2.callCount).to.equal(1);\n      expect(el.currentPage).to.equal(6); // brings us forward 1 page\n    });\n  });\n\n  describe('Compact mode', () => {\n    it('shows all pages when size <= 3', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${3}\n          .compact=${true}\n        ></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n      expect(el.pages).to.deep.equal([1, 2, 3]);\n    });\n\n    it('shows first, prev, current, next, ..., last for middle page', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${20}\n          .currentPage=${10}\n          .compact=${true}\n        ></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n      // first, ..., prev, current, next, ..., last\n      expect(el.pages).to.deep.equal([1, 0, 9, 10, 11, 0, 20]);\n    });\n\n    it('shows correct pages when on page 1', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${20}\n          .currentPage=${1}\n          .compact=${true}\n        ></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n      // first (current), next, ..., last\n      expect(el.pages).to.deep.equal([1, 2, 0, 20]);\n    });\n\n    it('shows correct pages when on last page', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${20}\n          .currentPage=${20}\n          .compact=${true}\n        ></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n      // first, ..., prev, last (current)\n      expect(el.pages).to.deep.equal([1, 0, 19, 20]);\n    });\n\n    it('shows correct pages when on page 2', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${20}\n          .currentPage=${2}\n          .compact=${true}\n        ></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n      // first, current, next, ..., last\n      expect(el.pages).to.deep.equal([1, 2, 3, 0, 20]);\n    });\n\n    it('shows correct pages when on second-to-last page', async () => {\n      const el = await fixture<MoreFacetsPagination>(\n        html`<more-facets-pagination\n          .size=${20}\n          .currentPage=${19}\n          .compact=${true}\n        ></more-facets-pagination>`,\n      );\n\n      await el.updateComplete;\n      // first, ..., prev, current, last\n      expect(el.pages).to.deep.equal([1, 0, 18, 19, 20]);\n    });\n  });\n});\n"]}

package/dist/test/mocks/mock-search-responses.d.ts

@@ -27,5 +27,10 @@ export declare const getMockSuccessWithParentCollections: () => Result<SearchRes
 export declare const getMockSuccessForTvCollection: () => Result<SearchResponse, SearchServiceError>;
 export declare const getMockSuccessWithWebArchiveHits: () => Result<SearchResponse, SearchServiceError>;
 export declare const getMockSuccessWithManyAggregations: () => Result<SearchResponse, SearchServiceError>;
+/**
+ * Returns a mock response with 1000+ subject aggregation buckets,
+ * used to test pagination mode in the More Facets dialog.
+ */
+export declare const getMockSuccessWithLargeAggregations: () => Result<SearchResponse, SearchServiceError>;
 export declare const getMockErrorResult: () => Result<SearchResponse, SearchServiceError>;
 export declare const getMockMalformedResult: () => Result<SearchResponse, SearchServiceError>;

package/dist/test/mocks/mock-search-responses.js

@@ -1232,6 +1232,50 @@ export const getMockSuccessWithManyAggregations = () => ({
         },
     },
 });
+/**
+ * Returns a mock response with 1000+ subject aggregation buckets,
+ * used to test pagination mode in the More Facets dialog.
+ */
+export const getMockSuccessWithLargeAggregations = () => {
+    const buckets = Array.from({ length: 1100 }, (_, i) => ({
+        key: `subject-${i}`,
+        doc_count: 1100 - i,
+    }));
+    return {
+        success: {
+            request: {
+                kind: 'aggregations',
+                clientParameters: {
+                    user_query: 'large-facets',
+                    sort: [],
+                },
+                backendRequests: {
+                    primary: {
+                        kind: 'aggregations',
+                        finalized_parameters: {
+                            user_query: 'large-facets',
+                            sort: [],
+                        },
+                    },
+                },
+            },
+            rawResponse: {},
+            sessionContext: {},
+            response: {
+                totalResults: 0,
+                returnedCount: 0,
+                results: [],
+                aggregations: {
+                    subject: new Aggregation({ buckets }),
+                },
+            },
+            responseHeader: {
+                succeeded: true,
+                query_time: 0,
+            },
+        },
+    };
+};
 export const getMockErrorResult = () => ({
     error: new SearchServiceError(SearchServiceErrorType.networkError, 'foo', {
         message: 'bar',