@internetarchive/collection-browser 3.5.2-alpha-webdev8164.0 → 3.5.2-webdev-8162.1

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

@@ -3,7 +3,6 @@ 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 { Aggregation } from '@internetarchive/search-service';
 const selectedFacetsGroup = {
     title: 'Media Type',
     key: 'mediatype',
@@ -39,28 +38,21 @@ describe('More facets content', () => {
         await el.updateComplete;
         expect(el.shadowRoot?.querySelector('.facets-loader')).to.exist;
     });
-    it('should NOT render pagination when facet count < 1000', async () => {
+    it('should render pagination for more facets', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<more-facets-content
-        .searchService=${searchService}
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
       ></more-facets-content>`);
         el.facetKey = 'year';
-        el.query = 'more-facets'; // Produces a response with 45 aggregations (< 1000)
+        el.query = 'more-facets'; // Produces a response with 40+ aggregations for multiple pages
         await el.updateComplete;
         await aTimeout(50); // Give it a moment to perform the (mock) search query after the initial update
-        // 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;
+        expect(el.shadowRoot?.querySelectorAll('more-facets-pagination')).to.exist;
     });
     it('query for more facets content using search service', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<more-facets-content
-        .searchService=${searchService}
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
       ></more-facets-content>`);
         el.facetKey = 'collection';
         el.query = 'collection-aggregations';
@@ -69,12 +61,12 @@ describe('More facets content', () => {
     });
     it('queries for more facets using search service within a collection (no query)', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<more-facets-content
-        .searchService=${searchService}
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
         .pageSpecifierParams=${{
             pageType: 'collection_details',
             pageTarget: 'foobar',
-        }}
+        }}
       ></more-facets-content>`);
         el.facetKey = 'subject';
         await el.updateComplete;
@@ -83,12 +75,12 @@ describe('More facets content', () => {
     });
     it('queries for more facets using search service within a collection (with query)', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<more-facets-content
-        .searchService=${searchService}
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
         .pageSpecifierParams=${{
             pageType: 'collection_details',
             pageTarget: 'foobar',
-        }}
+        }}
       ></more-facets-content>`);
         el.facetKey = 'subject';
         el.query = 'title:hello';
@@ -98,9 +90,9 @@ describe('More facets content', () => {
     });
     it('filter raw selectedFacets object', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<more-facets-content
-        .searchService=${searchService}
-        .selectedFacets=${selectedFacetsGroup}
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
+        .selectedFacets=${selectedFacetsGroup}
       ></more-facets-content>`);
         el.facetKey = 'collection';
         el.query = 'title:hello';
@@ -109,11 +101,11 @@ describe('More facets content', () => {
     });
     it('combines selectedFacets and aggregationFacets and renders on modal', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<more-facets-content
-        .facetKey=${'year'}
-        .query=${'more-facets'}
-        .searchService=${searchService}
-        .selectedFacets=${yearSelectedFacets}
+        const el = await fixture(html `<more-facets-content
+        .facetKey=${'year'}
+        .query=${'more-facets'}
+        .searchService=${searchService}
+        .selectedFacets=${yearSelectedFacets}
       ></more-facets-content>`);
         const facetsTemplate = el.shadowRoot?.querySelector('facets-template');
         expect(facetsTemplate).to.exist;
@@ -132,11 +124,11 @@ describe('More facets content', () => {
     it('cancel button clicked event', async () => {
         const searchService = new MockSearchService();
         const mockAnalyticsHandler = new MockAnalyticsHandler();
-        const el = await fixture(html `<more-facets-content
-        .facetKey=${'collection'}
-        .query=${'collection-aggregations'}
-        .searchService=${searchService}
-        .analyticsHandler=${mockAnalyticsHandler}
+        const el = await fixture(html `<more-facets-content
+        .facetKey=${'collection'}
+        .query=${'collection-aggregations'}
+        .searchService=${searchService}
+        .analyticsHandler=${mockAnalyticsHandler}
       ></more-facets-content>`);
         // select cancel button
         const cancelButton = el.shadowRoot?.querySelector('.footer > .btn-cancel');
@@ -149,11 +141,11 @@ describe('More facets content', () => {
     it('facet apply button clicked event', async () => {
         const searchService = new MockSearchService();
         const mockAnalyticsHandler = new MockAnalyticsHandler();
-        const el = await fixture(html `<more-facets-content
-        .facetKey=${'collection'}
-        .query=${'collection-aggregations'}
-        .searchService=${searchService}
-        .analyticsHandler=${mockAnalyticsHandler}
+        const el = await fixture(html `<more-facets-content
+        .facetKey=${'collection'}
+        .query=${'collection-aggregations'}
+        .searchService=${searchService}
+        .analyticsHandler=${mockAnalyticsHandler}
       ></more-facets-content>`);
         // select submit button
         const submitButton = el.shadowRoot?.querySelector('.footer > .btn-submit');
@@ -163,103 +155,5 @@ 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 () => {
-        // Manually create aggregations with 1000+ facets
-        const buckets = [];
-        for (let i = 0; i < 1000; i++) {
-            buckets.push({ key: `value-${i}`, doc_count: i + 1 });
-        }
-        const el = await fixture(html `<more-facets-content
-        .facetKey=${'subject'}
-        .selectedFacets=${{
-            mediatype: {},
-            lending: {},
-            year: {},
-            subject: {},
-            collection: {},
-            creator: {},
-            language: {},
-        }}
-      ></more-facets-content>`);
-        // @ts-expect-error - accessing private property for testing
-        el.aggregations = {
-            subject: new Aggregation({ buckets }),
-        };
-        el.facetsLoading = false;
-        await el.updateComplete;
-        // 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 mockAnalyticsHandler = new MockAnalyticsHandler();
-        // Manually create aggregations with 1000+ facets
-        const buckets = [];
-        for (let i = 0; i < 1000; i++) {
-            buckets.push({ key: `value-${i}`, doc_count: i + 1 });
-        }
-        const el = await fixture(html `<more-facets-content
-        .facetKey=${'subject'}
-        .selectedFacets=${{
-            mediatype: {},
-            lending: {},
-            year: {},
-            subject: {},
-            collection: {},
-            creator: {},
-            language: {},
-        }}
-        .analyticsHandler=${mockAnalyticsHandler}
-      ></more-facets-content>`);
-        // @ts-expect-error - accessing private property for testing
-        el.aggregations = {
-            subject: new Aggregation({ buckets }),
-        };
-        el.facetsLoading = false;
-        await el.updateComplete;
-        // 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');
-    });
 });
 //# 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';\r\nimport { html } from 'lit';\r\nimport type { MoreFacetsContent } from '../../src/collection-facets/more-facets-content';\r\nimport '../../src/collection-facets/more-facets-content';\r\nimport { MockSearchService } from '../mocks/mock-search-service';\r\nimport { MockAnalyticsHandler } from '../mocks/mock-analytics-handler';\r\nimport type { FacetsTemplate } from '../../src/collection-facets/facets-template';\r\nimport type { SelectedFacets } from '../../src/models';\r\nimport { Aggregation, type Bucket } from '@internetarchive/search-service';\r\n\r\nconst selectedFacetsGroup = {\r\n  title: 'Media Type',\r\n  key: 'mediatype',\r\n  buckets: [\r\n    { displayText: 'audio', key: 'audio', count: 1001, state: 'none' },\r\n    { displayText: 'movies', key: 'movies', count: 901, state: 'none' },\r\n    { displayText: 'texts', key: 'texts', count: 2101, state: 'none' },\r\n    { displayText: 'data', key: 'data', count: 230, state: 'none' },\r\n    { displayText: 'web', key: 'web', count: 453, state: 'none' },\r\n  ],\r\n};\r\n\r\nconst yearSelectedFacets: SelectedFacets = {\r\n  mediatype: {},\r\n  lending: {},\r\n  year: {\r\n    '2000': { key: '2000', count: 5, state: 'selected' },\r\n  },\r\n  subject: {},\r\n  collection: {},\r\n  creator: {},\r\n  language: {},\r\n};\r\n\r\ndescribe('More facets content', () => {\r\n  it('should render more facets template', async () => {\r\n    const el = await fixture<MoreFacetsContent>(\r\n      html`<more-facets-content></more-facets-content>`,\r\n    );\r\n\r\n    el.facetsLoading = false;\r\n    await el.updateComplete;\r\n\r\n    expect(el.shadowRoot?.querySelector('.facets-content')).to.exist;\r\n  });\r\n\r\n  it('should render more facets loader template', async () => {\r\n    const el = await fixture<MoreFacetsContent>(\r\n      html`<more-facets-content></more-facets-content>`,\r\n    );\r\n\r\n    el.facetsLoading = true;\r\n    await el.updateComplete;\r\n\r\n    expect(el.shadowRoot?.querySelector('.facets-loader')).to.exist;\r\n  });\r\n\r\n  it('should NOT render pagination when facet count < 1000', async () => {\r\n    const searchService = new MockSearchService();\r\n\r\n    const el = await fixture<MoreFacetsContent>(\r\n      html`<more-facets-content\r\n        .searchService=${searchService}\r\n      ></more-facets-content>`,\r\n    );\r\n\r\n    el.facetKey = 'year';\r\n    el.query = 'more-facets'; // Produces a response with 45 aggregations (< 1000)\r\n    await el.updateComplete;\r\n    await aTimeout(50); // Give it a moment to perform the (mock) search query after the initial update\r\n\r\n    // Verify pagination component is NOT present (horizontal scroll mode)\r\n    expect(el.shadowRoot?.querySelector('more-facets-pagination')).to.not.exist;\r\n\r\n    // Verify horizontal scroll mode CSS class is applied\r\n    expect(\r\n      el.shadowRoot?.querySelector('.facets-content.horizontal-scroll-mode'),\r\n    ).to.exist;\r\n\r\n    // Verify footer still exists with buttons\r\n    expect(el.shadowRoot?.querySelector('.footer')).to.exist;\r\n    expect(el.shadowRoot?.querySelector('.btn-cancel')).to.exist;\r\n    expect(el.shadowRoot?.querySelector('.btn-submit')).to.exist;\r\n  });\r\n\r\n  it('query for more facets content using search service', async () => {\r\n    const searchService = new MockSearchService();\r\n\r\n    const el = await fixture<MoreFacetsContent>(\r\n      html`<more-facets-content\r\n        .searchService=${searchService}\r\n      ></more-facets-content>`,\r\n    );\r\n\r\n    el.facetKey = 'collection';\r\n    el.query = 'collection-aggregations';\r\n    await el.updateComplete;\r\n\r\n    expect(searchService.searchParams?.query).to.equal(\r\n      'collection-aggregations',\r\n    );\r\n  });\r\n\r\n  it('queries for more facets using search service within a collection (no query)', async () => {\r\n    const searchService = new MockSearchService();\r\n\r\n    const el = await fixture<MoreFacetsContent>(\r\n      html`<more-facets-content\r\n        .searchService=${searchService}\r\n        .pageSpecifierParams=${{\r\n          pageType: 'collection_details',\r\n          pageTarget: 'foobar',\r\n        }}\r\n      ></more-facets-content>`,\r\n    );\r\n\r\n    el.facetKey = 'subject';\r\n    await el.updateComplete;\r\n\r\n    expect(searchService.searchParams?.query).to.be.empty;\r\n    expect(searchService.searchParams?.pageTarget).to.equal('foobar');\r\n  });\r\n\r\n  it('queries for more facets using search service within a collection (with query)', async () => {\r\n    const searchService = new MockSearchService();\r\n\r\n    const el = await fixture<MoreFacetsContent>(\r\n      html`<more-facets-content\r\n        .searchService=${searchService}\r\n        .pageSpecifierParams=${{\r\n          pageType: 'collection_details',\r\n          pageTarget: 'foobar',\r\n        }}\r\n      ></more-facets-content>`,\r\n    );\r\n\r\n    el.facetKey = 'subject';\r\n    el.query = 'title:hello';\r\n    await el.updateComplete;\r\n\r\n    expect(searchService.searchParams?.query).to.equal('title:hello');\r\n    expect(searchService.searchParams?.pageTarget).to.equal('foobar');\r\n  });\r\n\r\n  it('filter raw selectedFacets object', async () => {\r\n    const searchService = new MockSearchService();\r\n\r\n    const el = await fixture<MoreFacetsContent>(\r\n      html`<more-facets-content\r\n        .searchService=${searchService}\r\n        .selectedFacets=${selectedFacetsGroup}\r\n      ></more-facets-content>`,\r\n    );\r\n\r\n    el.facetKey = 'collection';\r\n    el.query = 'title:hello';\r\n    await el.updateComplete;\r\n\r\n    expect(searchService.searchParams?.query).to.equal('title:hello');\r\n  });\r\n\r\n  it('combines selectedFacets and aggregationFacets and renders on modal', async () => {\r\n    const searchService = new MockSearchService();\r\n\r\n    const el = await fixture<MoreFacetsContent>(\r\n      html`<more-facets-content\r\n        .facetKey=${'year'}\r\n        .query=${'more-facets'}\r\n        .searchService=${searchService}\r\n        .selectedFacets=${yearSelectedFacets}\r\n      ></more-facets-content>`,\r\n    );\r\n\r\n    const facetsTemplate = el.shadowRoot?.querySelector(\r\n      'facets-template',\r\n    ) as FacetsTemplate;\r\n    expect(facetsTemplate).to.exist;\r\n\r\n    const { facetGroup } = facetsTemplate;\r\n    expect(facetGroup?.key).to.equal('year');\r\n    expect(facetGroup?.title).to.equal('Year');\r\n\r\n    // First bucket is the one that was included in the selected facets\r\n    const firstBucket = facetGroup?.buckets[0];\r\n    expect(firstBucket?.key).to.equal('2000');\r\n    expect(firstBucket?.count).to.equal(5);\r\n\r\n    // Second bucket is the most recent year, since year facets default to descending order of year\r\n    const secondBucket = facetGroup?.buckets[1];\r\n    expect(secondBucket?.key).to.equal('2024');\r\n    expect(secondBucket?.count).to.equal(5);\r\n  });\r\n\r\n  it('cancel button clicked event', async () => {\r\n    const searchService = new MockSearchService();\r\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\r\n\r\n    const el = await fixture<MoreFacetsContent>(\r\n      html`<more-facets-content\r\n        .facetKey=${'collection'}\r\n        .query=${'collection-aggregations'}\r\n        .searchService=${searchService}\r\n        .analyticsHandler=${mockAnalyticsHandler}\r\n      ></more-facets-content>`,\r\n    );\r\n\r\n    // select cancel button\r\n    const cancelButton = el.shadowRoot?.querySelector(\r\n      '.footer > .btn-cancel',\r\n    ) as HTMLButtonElement;\r\n    expect(cancelButton).to.exist;\r\n    cancelButton?.click();\r\n\r\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\r\n    expect(mockAnalyticsHandler.callAction).to.equal('closeMoreFacetsModal');\r\n    expect(mockAnalyticsHandler.callLabel).to.equal('collection');\r\n  });\r\n\r\n  it('facet apply button clicked event', async () => {\r\n    const searchService = new MockSearchService();\r\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\r\n\r\n    const el = await fixture<MoreFacetsContent>(\r\n      html`<more-facets-content\r\n        .facetKey=${'collection'}\r\n        .query=${'collection-aggregations'}\r\n        .searchService=${searchService}\r\n        .analyticsHandler=${mockAnalyticsHandler}\r\n      ></more-facets-content>`,\r\n    );\r\n\r\n    // select submit button\r\n    const submitButton = el.shadowRoot?.querySelector(\r\n      '.footer > .btn-submit',\r\n    ) as HTMLButtonElement;\r\n    expect(submitButton).to.exist;\r\n    submitButton?.click();\r\n\r\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\r\n    expect(mockAnalyticsHandler.callAction).to.equal('applyMoreFacetsModal');\r\n    expect(mockAnalyticsHandler.callLabel).to.equal('collection');\r\n  });\r\n\r\n  it('should have horizontal scrolling enabled', async () => {\r\n    const searchService = new MockSearchService();\r\n\r\n    const el = await fixture<MoreFacetsContent>(\r\n      html`<more-facets-content\r\n        .searchService=${searchService}\r\n      ></more-facets-content>`,\r\n    );\r\n\r\n    el.facetKey = 'year';\r\n    el.query = 'more-facets';\r\n    await el.updateComplete;\r\n    await aTimeout(50);\r\n\r\n    const facetsContent = el.shadowRoot?.querySelector(\r\n      '.facets-content',\r\n    ) as HTMLElement;\r\n    const styles = window.getComputedStyle(facetsContent);\r\n\r\n    expect(styles.overflowX).to.equal('auto');\r\n    expect(styles.overflowY).to.equal('hidden');\r\n  });\r\n\r\n  it('should have horizontal container wrapper', async () => {\r\n    const searchService = new MockSearchService();\r\n\r\n    const el = await fixture<MoreFacetsContent>(\r\n      html`<more-facets-content\r\n        .searchService=${searchService}\r\n      ></more-facets-content>`,\r\n    );\r\n\r\n    el.facetKey = 'year';\r\n    el.query = 'more-facets';\r\n    await el.updateComplete;\r\n    await aTimeout(50);\r\n\r\n    const container = el.shadowRoot?.querySelector(\r\n      '.facets-horizontal-container',\r\n    );\r\n    expect(container).to.exist;\r\n\r\n    const facetsTemplate = container?.querySelector('facets-template');\r\n    expect(facetsTemplate).to.exist;\r\n  });\r\n\r\n  it('should render pagination when facet count >= 1000', async () => {\r\n    // Manually create aggregations with 1000+ facets\r\n    const buckets: Bucket[] = [];\r\n    for (let i = 0; i < 1000; i++) {\r\n      buckets.push({ key: `value-${i}`, doc_count: i + 1 });\r\n    }\r\n\r\n    const el = await fixture<MoreFacetsContent>(\r\n      html`<more-facets-content\r\n        .facetKey=${'subject'}\r\n        .selectedFacets=${{\r\n          mediatype: {},\r\n          lending: {},\r\n          year: {},\r\n          subject: {},\r\n          collection: {},\r\n          creator: {},\r\n          language: {},\r\n        }}\r\n      ></more-facets-content>`,\r\n    );\r\n\r\n    // @ts-expect-error - accessing private property for testing\r\n    el.aggregations = {\r\n      subject: new Aggregation({ buckets }),\r\n    };\r\n    el.facetsLoading = false;\r\n    await el.updateComplete;\r\n\r\n    // Verify pagination component IS present\r\n    expect(el.shadowRoot?.querySelector('more-facets-pagination')).to.exist;\r\n\r\n    // Verify pagination mode CSS class is applied\r\n    expect(el.shadowRoot?.querySelector('.facets-content.pagination-mode')).to\r\n      .exist;\r\n\r\n    // Verify horizontal container wrapper does NOT exist in pagination mode\r\n    expect(el.shadowRoot?.querySelector('.facets-horizontal-container')).to.not\r\n      .exist;\r\n  });\r\n\r\n  it('pagination page change should send analytics event', async () => {\r\n    const mockAnalyticsHandler = new MockAnalyticsHandler();\r\n\r\n    // Manually create aggregations with 1000+ facets\r\n    const buckets: Bucket[] = [];\r\n    for (let i = 0; i < 1000; i++) {\r\n      buckets.push({ key: `value-${i}`, doc_count: i + 1 });\r\n    }\r\n\r\n    const el = await fixture<MoreFacetsContent>(\r\n      html`<more-facets-content\r\n        .facetKey=${'subject'}\r\n        .selectedFacets=${{\r\n          mediatype: {},\r\n          lending: {},\r\n          year: {},\r\n          subject: {},\r\n          collection: {},\r\n          creator: {},\r\n          language: {},\r\n        }}\r\n        .analyticsHandler=${mockAnalyticsHandler}\r\n      ></more-facets-content>`,\r\n    );\r\n\r\n    // @ts-expect-error - accessing private property for testing\r\n    el.aggregations = {\r\n      subject: new Aggregation({ buckets }),\r\n    };\r\n    el.facetsLoading = false;\r\n    await el.updateComplete;\r\n\r\n    // Get the pagination component\r\n    const pagination = el.shadowRoot?.querySelector(\r\n      'more-facets-pagination',\r\n    ) as any;\r\n    expect(pagination).to.exist;\r\n\r\n    // Simulate clicking page 2\r\n    pagination.currentPage = 2;\r\n    await pagination.updateComplete;\r\n\r\n    // Verify analytics event was sent\r\n    expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');\r\n    expect(mockAnalyticsHandler.callAction).to.equal('moreFacetsPageChange');\r\n    expect(mockAnalyticsHandler.callLabel).to.equal('2');\r\n  });\r\n});\r\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 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"]}

package/eslint.config.mjs

@@ -1,53 +1,53 @@
-import typescriptEslint from '@typescript-eslint/eslint-plugin';
-import html from 'eslint-plugin-html';
-import tsParser from '@typescript-eslint/parser';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-import js from '@eslint/js';
-import { FlatCompat } from '@eslint/eslintrc';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-  recommendedConfig: js.configs.recommended,
-  allConfig: js.configs.all,
-});
-
-export default [
-  ...compat.extends('plugin:@typescript-eslint/recommended'),
-  {
-    plugins: {
-      '@typescript-eslint': typescriptEslint,
-      html,
-    },
-
-    languageOptions: {
-      parser: tsParser,
-    },
-
-    settings: {
-      'import/resolver': {
-        node: {
-          extensions: ['.ts', '.tsx'],
-          moduleDirectory: ['node_modules', 'src', 'demo'],
-        },
-      },
-    },
-
-    rules: {
-      '@typescript-eslint/no-unsafe-function-type': 'warn',
-      '@typescript-eslint/no-unused-vars': 'warn',
-      '@typescript-eslint/no-explicit-any': 'warn',
-    },
-  },
-  {
-    ignores: ['**/*.js', '**/*.mjs', '**/*.d.ts'],
-  },
-  {
-    files: ['**/*.test.ts'],
-    rules: {
-      '@typescript-eslint/no-unused-expressions': 'off',
-    },
-  },
-];
+import typescriptEslint from '@typescript-eslint/eslint-plugin';
+import html from 'eslint-plugin-html';
+import tsParser from '@typescript-eslint/parser';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default [
+  ...compat.extends('plugin:@typescript-eslint/recommended'),
+  {
+    plugins: {
+      '@typescript-eslint': typescriptEslint,
+      html,
+    },
+
+    languageOptions: {
+      parser: tsParser,
+    },
+
+    settings: {
+      'import/resolver': {
+        node: {
+          extensions: ['.ts', '.tsx'],
+          moduleDirectory: ['node_modules', 'src', 'demo'],
+        },
+      },
+    },
+
+    rules: {
+      '@typescript-eslint/no-unsafe-function-type': 'warn',
+      '@typescript-eslint/no-unused-vars': 'warn',
+      '@typescript-eslint/no-explicit-any': 'warn',
+    },
+  },
+  {
+    ignores: ['**/*.js', '**/*.mjs', '**/*.d.ts'],
+  },
+  {
+    files: ['**/*.test.ts'],
+    rules: {
+      '@typescript-eslint/no-unused-expressions': 'off',
+    },
+  },
+];

package/index.html

@@ -1,24 +1,24 @@
-<!doctype html>
-<html lang="en-GB">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width,initial-scale=1">
-  <style>
-    html {
-      font-size: 10px; /* This is to match petabox's base font size */
-      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    }
-
-    body {
-      background: #F5F5F7;
-      color: #2C2C2C;
-      line-height: 1.42857143; /* Same as production */
-    }
-  </style>
-
-</head>
-<body>
-  <app-root></app-root>
-  <script type="module" src="./src/app-root"></script>
-</body>
-</html>
+<!doctype html>
+<html lang="en-GB">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+    html {
+      font-size: 10px; /* This is to match petabox's base font size */
+      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    }
+
+    body {
+      background: #F5F5F7;
+      color: #2C2C2C;
+      line-height: 1.42857143; /* Same as production */
+    }
+  </style>
+
+</head>
+<body>
+  <app-root></app-root>
+  <script type="module" src="./src/app-root"></script>
+</body>
+</html>