@internetarchive/collection-browser 0.3.5-alpha.1 → 0.3.6

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

@@ -1,130 +1,130 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import { Aggregation } from '@internetarchive/search-service';
-import '../../src/collection-facets/more-facets-content';
-import { MockSearchService } from '../mocks/mock-search-service';
-import { MockAnalyticsHandler } from '../mocks/mock-analytics-handler';
-const selectedFacetsGroup = {
-    title: 'Media Type',
-    key: 'mediatype',
-    buckets: [
-        { displayText: 'audio', key: 'audio', count: 1001, state: 'none' },
-        { displayText: 'movies', key: 'movies', count: 901, state: 'none' },
-        { displayText: 'texts', key: 'texts', count: 2101, state: 'none' },
-        { displayText: 'data', key: 'data', count: 230, state: 'none' },
-        { displayText: 'web', key: 'web', count: 453, state: 'none' },
-    ],
-};
-const aggregations = {
-    collection: new Aggregation({
-        buckets: [
-            {
-                key: 'foo',
-                doc_count: 5,
-            },
-        ],
-    }),
-};
-describe('More facets content', () => {
-    it('should render more facets template', async () => {
-        var _a;
-        const el = await fixture(html `<more-facets-content></more-facets-content>`);
-        el.facetsLoading = false;
-        await el.updateComplete;
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-content')).to.exist;
-    });
-    it('should render more facets loader template', async () => {
-        var _a;
-        const el = await fixture(html `<more-facets-content></more-facets-content>`);
-        el.facetsLoading = true;
-        await el.updateComplete;
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-loader')).to.exist;
-    });
-    it('should render pagination for more facets', async () => {
-        var _a;
-        const searchService = new MockSearchService();
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import { Aggregation } from '@internetarchive/search-service';
+import '../../src/collection-facets/more-facets-content';
+import { MockSearchService } from '../mocks/mock-search-service';
+import { MockAnalyticsHandler } from '../mocks/mock-analytics-handler';
+const selectedFacetsGroup = {
+    title: 'Media Type',
+    key: 'mediatype',
+    buckets: [
+        { displayText: 'audio', key: 'audio', count: 1001, state: 'none' },
+        { displayText: 'movies', key: 'movies', count: 901, state: 'none' },
+        { displayText: 'texts', key: 'texts', count: 2101, state: 'none' },
+        { displayText: 'data', key: 'data', count: 230, state: 'none' },
+        { displayText: 'web', key: 'web', count: 453, state: 'none' },
+    ],
+};
+const aggregations = {
+    collection: new Aggregation({
+        buckets: [
+            {
+                key: 'foo',
+                doc_count: 5,
+            },
+        ],
+    }),
+};
+describe('More facets content', () => {
+    it('should render more facets template', async () => {
+        var _a;
+        const el = await fixture(html `<more-facets-content></more-facets-content>`);
+        el.facetsLoading = false;
+        await el.updateComplete;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-content')).to.exist;
+    });
+    it('should render more facets loader template', async () => {
+        var _a;
+        const el = await fixture(html `<more-facets-content></more-facets-content>`);
+        el.facetsLoading = true;
+        await el.updateComplete;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-loader')).to.exist;
+    });
+    it('should render pagination for more facets', async () => {
+        var _a;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<more-facets-content
         .searchService=${searchService}
-      ></more-facets-content>`);
-        el.facetKey = 'mediatype';
-        el.facetsLoading = false;
-        el.paginationSize = 6;
-        await el.updateComplete;
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('more-facets-pagination')).to.exist;
-    });
-    it('query for more facets content using search service', async () => {
-        var _a;
-        const searchService = new MockSearchService();
+      ></more-facets-content>`);
+        el.facetKey = 'mediatype';
+        el.facetsLoading = false;
+        el.paginationSize = 6;
+        await el.updateComplete;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('more-facets-pagination')).to.exist;
+    });
+    it('query for more facets content using search service', async () => {
+        var _a;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<more-facets-content
         .searchService=${searchService}
-      ></more-facets-content>`);
-        el.facetKey = 'collection';
-        el.fullQuery = 'title:hello';
-        await el.updateComplete;
-        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('title:hello');
-    });
-    it('filter raw selectedFacets object', async () => {
-        var _a;
-        const searchService = new MockSearchService();
+      ></more-facets-content>`);
+        el.facetKey = 'collection';
+        el.fullQuery = 'title:hello';
+        await el.updateComplete;
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('title:hello');
+    });
+    it('filter raw selectedFacets object', async () => {
+        var _a;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<more-facets-content
         .searchService=${searchService}
         .selectedFacets=${selectedFacetsGroup}
-      ></more-facets-content>`);
-        el.facetKey = 'collection';
-        el.fullQuery = 'title:hello';
-        await el.updateComplete;
-        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('title:hello');
-    });
-    it('combine selectedFacets and aggregationFacets and render on modal', async () => {
-        var _a;
-        const searchService = new MockSearchService();
+      ></more-facets-content>`);
+        el.facetKey = 'collection';
+        el.fullQuery = 'title:hello';
+        await el.updateComplete;
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('title:hello');
+    });
+    it('combine selectedFacets and aggregationFacets and render on modal', async () => {
+        var _a;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<more-facets-content
         .searchService=${searchService}
         .selectedFacets=${selectedFacetsGroup}
         .aggregations=${aggregations}
-      ></more-facets-content>`);
-        await el.updateComplete;
-        expect(el.facetGroupTitle).to.equal('Collection');
-        const facetGroup = (_a = el.facetGroup) === null || _a === void 0 ? void 0 : _a.shift();
-        expect(facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.key).to.equal('collection');
-        expect(facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.title).to.equal('Collection');
-        const bucket = facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.buckets[0];
-        expect(bucket === null || bucket === void 0 ? void 0 : bucket.key).to.equal('foo');
-        expect(bucket === null || bucket === void 0 ? void 0 : bucket.count).to.equal(5);
-    });
-    it('cancel button clicked event', async () => {
-        var _a;
-        const mockAnalyticsHandler = new MockAnalyticsHandler();
+      ></more-facets-content>`);
+        await el.updateComplete;
+        expect(el.facetGroupTitle).to.equal('Collection');
+        const facetGroup = (_a = el.facetGroup) === null || _a === void 0 ? void 0 : _a.shift();
+        expect(facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.key).to.equal('collection');
+        expect(facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.title).to.equal('Collection');
+        const bucket = facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.buckets[0];
+        expect(bucket === null || bucket === void 0 ? void 0 : bucket.key).to.equal('foo');
+        expect(bucket === null || bucket === void 0 ? void 0 : bucket.count).to.equal(5);
+    });
+    it('cancel button clicked event', async () => {
+        var _a;
+        const mockAnalyticsHandler = new MockAnalyticsHandler();
         const el = await fixture(html `<more-facets-content
         .analyticsHandler=${mockAnalyticsHandler}
-      ></more-facets-content>`);
-        el.facetsLoading = false;
-        el.paginationSize = 5;
-        await el.updateComplete;
-        // select cancel button
-        const cancelButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.footer > .btn-cancel');
-        cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.click();
-        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
-        expect(mockAnalyticsHandler.callAction).to.equal('closeMoreFacetsModal');
-        expect(mockAnalyticsHandler.callLabel).to.equal('undefined');
-    });
-    it('facet apply button clicked event', async () => {
-        var _a;
-        const mockAnalyticsHandler = new MockAnalyticsHandler();
+      ></more-facets-content>`);
+        el.facetsLoading = false;
+        el.paginationSize = 5;
+        await el.updateComplete;
+        // select cancel button
+        const cancelButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.footer > .btn-cancel');
+        cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.click();
+        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
+        expect(mockAnalyticsHandler.callAction).to.equal('closeMoreFacetsModal');
+        expect(mockAnalyticsHandler.callLabel).to.equal('undefined');
+    });
+    it('facet apply button clicked event', async () => {
+        var _a;
+        const mockAnalyticsHandler = new MockAnalyticsHandler();
         const el = await fixture(html `<more-facets-content
         .analyticsHandler=${mockAnalyticsHandler}
-      ></more-facets-content>`);
-        el.facetsLoading = false;
-        el.paginationSize = 5;
-        el.facetKey = 'collection';
-        await el.updateComplete;
-        // select submit button
-        const submitButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.footer > .btn-submit');
-        submitButton === null || submitButton === void 0 ? void 0 : submitButton.click();
-        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
-        expect(mockAnalyticsHandler.callAction).to.equal('applyMoreFacetsModal');
-        expect(mockAnalyticsHandler.callLabel).to.equal('collection');
-    });
-});
+      ></more-facets-content>`);
+        el.facetsLoading = false;
+        el.paginationSize = 5;
+        el.facetKey = 'collection';
+        await el.updateComplete;
+        // select submit button
+        const submitButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.footer > .btn-submit');
+        submitButton === null || submitButton === void 0 ? void 0 : submitButton.click();
+        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
+        expect(mockAnalyticsHandler.callAction).to.equal('applyMoreFacetsModal');
+        expect(mockAnalyticsHandler.callLabel).to.equal('collection');
+    });
+});
 //# sourceMappingURL=more-facets-content.test.js.map

package/dist/test/collection-facets/more-facets-pagination.test.d.ts

@@ -1 +1 @@
-import '../../src/collection-facets/more-facets-pagination';
+import '../../src/collection-facets/more-facets-pagination';

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

@@ -1,133 +1,133 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture, oneEvent } from '@open-wc/testing';
-import { html } from 'lit';
-import sinon from 'sinon';
-import '../../src/collection-facets/more-facets-pagination';
-afterEach(() => {
-    sinon.restore();
-});
-describe('More facets pagination', () => {
-    describe('5 pages or less', () => {
-        it('shows all pages', async () => {
-            var _a;
-            const el = await fixture(html `<more-facets-pagination .size=${5}></more-facets-pagination>`);
-            await el.updateComplete;
-            const pageButtons = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('button[data-page]');
-            expect(pageButtons.length).to.greaterThan(0);
-            pageButtons.forEach((button, index) => {
-                expect(button.textContent).to.contain(index + 1);
-            });
-        });
-    });
-    it('should render pagination template', async () => {
-        var _a, _b;
-        const el = await fixture(html `<more-facets-pagination .size=${10}></more-facets-pagination>`);
-        await el.updateComplete;
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-pagination')).to.exist;
-        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.arrow-icon')).to.exist;
-    });
-    it('should render page numbers', async () => {
-        var _a;
-        const el = await fixture(html `<more-facets-pagination .size=${3}></more-facets-pagination>`);
-        await el.updateComplete;
-        const pageNumberElement = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.page-numbers');
-        expect(pageNumberElement).to.exist;
-        expect(pageNumberElement === null || pageNumberElement === void 0 ? void 0 : pageNumberElement.querySelectorAll('button').length).to.equal(3);
-    });
-    it('check current page and total pages', async () => {
-        var _a, _b;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture, oneEvent } from '@open-wc/testing';
+import { html } from 'lit';
+import sinon from 'sinon';
+import '../../src/collection-facets/more-facets-pagination';
+afterEach(() => {
+    sinon.restore();
+});
+describe('More facets pagination', () => {
+    describe('5 pages or less', () => {
+        it('shows all pages', async () => {
+            var _a;
+            const el = await fixture(html `<more-facets-pagination .size=${5}></more-facets-pagination>`);
+            await el.updateComplete;
+            const pageButtons = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('button[data-page]');
+            expect(pageButtons.length).to.greaterThan(0);
+            pageButtons.forEach((button, index) => {
+                expect(button.textContent).to.contain(index + 1);
+            });
+        });
+    });
+    it('should render pagination template', async () => {
+        var _a, _b;
+        const el = await fixture(html `<more-facets-pagination .size=${10}></more-facets-pagination>`);
+        await el.updateComplete;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-pagination')).to.exist;
+        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.arrow-icon')).to.exist;
+    });
+    it('should render page numbers', async () => {
+        var _a;
+        const el = await fixture(html `<more-facets-pagination .size=${3}></more-facets-pagination>`);
+        await el.updateComplete;
+        const pageNumberElement = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.page-numbers');
+        expect(pageNumberElement).to.exist;
+        expect(pageNumberElement === null || pageNumberElement === void 0 ? void 0 : pageNumberElement.querySelectorAll('button').length).to.equal(3);
+    });
+    it('check current page and total pages', async () => {
+        var _a, _b;
         const el = await fixture(html `<more-facets-pagination
         .size=${4}
         .currentPage=${2}
-      ></more-facets-pagination>`);
-        await el.updateComplete;
-        const pageNumberElement = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.page-numbers');
-        expect(pageNumberElement).to.exist;
-        expect(pageNumberElement === null || pageNumberElement === void 0 ? void 0 : pageNumberElement.querySelectorAll('button')[1].classList.contains('current')).to.be.true;
-        expect((_b = el.pages) === null || _b === void 0 ? void 0 : _b.length).to.equal(4);
-    });
-    it('get page numbers based of size and currentPage', async () => {
-        var _a;
+      ></more-facets-pagination>`);
+        await el.updateComplete;
+        const pageNumberElement = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.page-numbers');
+        expect(pageNumberElement).to.exist;
+        expect(pageNumberElement === null || pageNumberElement === void 0 ? void 0 : pageNumberElement.querySelectorAll('button')[1].classList.contains('current')).to.be.true;
+        expect((_b = el.pages) === null || _b === void 0 ? void 0 : _b.length).to.equal(4);
+    });
+    it('get page numbers based of size and currentPage', async () => {
+        var _a;
         const el = await fixture(html `<more-facets-pagination
         .size=${4}
         .currentPage=${2}
-      ></more-facets-pagination>`);
-        await el.updateComplete;
-        expect((_a = el.pages) === null || _a === void 0 ? void 0 : _a.length).to.equal(4);
-    });
-    describe('Selecting a page', () => {
-        it('fires event', async () => {
-            const el = await fixture(html `<more-facets-pagination></more-facets-pagination>`);
-            await el.updateComplete;
-            setTimeout(() => el.dispatchEvent(new CustomEvent('pageNumberClicked', { detail: { page: 15 } })));
-            const { detail } = await oneEvent(el, 'pageNumberClicked');
-            expect(detail === null || detail === void 0 ? void 0 : detail.page).to.equal(15);
-        });
-        it('sets off side effects with `onChange`', async () => {
-            var _a;
+      ></more-facets-pagination>`);
+        await el.updateComplete;
+        expect((_a = el.pages) === null || _a === void 0 ? void 0 : _a.length).to.equal(4);
+    });
+    describe('Selecting a page', () => {
+        it('fires event', async () => {
+            const el = await fixture(html `<more-facets-pagination></more-facets-pagination>`);
+            await el.updateComplete;
+            setTimeout(() => el.dispatchEvent(new CustomEvent('pageNumberClicked', { detail: { page: 15 } })));
+            const { detail } = await oneEvent(el, 'pageNumberClicked');
+            expect(detail === null || detail === void 0 ? void 0 : detail.page).to.equal(15);
+        });
+        it('sets off side effects with `onChange`', async () => {
+            var _a;
             const el = await fixture(html `<more-facets-pagination
           .size=${'10'}
           .currentPage=${2}
-        ></more-facets-pagination>`);
-            expect(el.currentPage).to.equal(2); // confirm current page
-            const fake1 = sinon.fake();
-            const fake2 = sinon.fake();
-            el.observePageCount = fake1;
-            el.emitPageClick = fake2;
-            // select first page button
-            const pageButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.page-numbers > button');
-            // confirm button isn't selected
-            expect(pageButton.classList.contains('current')).to.be.false;
-            pageButton.click();
-            await el.updateComplete;
-            expect(fake1.callCount).to.equal(1);
-            expect(fake2.callCount).to.equal(1);
-            expect(el.currentPage).to.equal(1); // brings us back to currentPage
-            // confirm button is selected
-            expect(pageButton.classList.contains('current')).to.be.true;
-        });
-    });
-    describe('Using Arrows', () => {
-        it('going backwards', async () => {
-            var _a, _b;
+        ></more-facets-pagination>`);
+            expect(el.currentPage).to.equal(2); // confirm current page
+            const fake1 = sinon.fake();
+            const fake2 = sinon.fake();
+            el.observePageCount = fake1;
+            el.emitPageClick = fake2;
+            // select first page button
+            const pageButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.page-numbers > button');
+            // confirm button isn't selected
+            expect(pageButton.classList.contains('current')).to.be.false;
+            pageButton.click();
+            await el.updateComplete;
+            expect(fake1.callCount).to.equal(1);
+            expect(fake2.callCount).to.equal(1);
+            expect(el.currentPage).to.equal(1); // brings us back to currentPage
+            // confirm button is selected
+            expect(pageButton.classList.contains('current')).to.be.true;
+        });
+    });
+    describe('Using Arrows', () => {
+        it('going backwards', async () => {
+            var _a, _b;
             const el = await fixture(html `<more-facets-pagination
           .size=${'10'}
           .currentPage=${2}
-        ></more-facets-pagination>`);
-            expect(el.currentPage).to.equal(2); // confirm current page
-            const fake1 = sinon.fake();
-            const fake2 = sinon.fake();
-            el.observePageCount = fake1;
-            el.emitPageClick = fake2;
-            // select first page button
-            const rewindButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-pagination > button.rewind');
-            rewindButton.click();
-            await el.updateComplete;
-            expect(fake1.callCount).to.equal(1);
-            expect(fake2.callCount).to.equal(1);
-            expect(el.currentPage).to.equal(1); // brings us back 1 page
-            // confirm button is selected
-            expect(((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.page-numbers > button[data-page="1"]')).classList.contains('current')).to.be.true;
-        });
-        it('going forwards', async () => {
-            var _a;
+        ></more-facets-pagination>`);
+            expect(el.currentPage).to.equal(2); // confirm current page
+            const fake1 = sinon.fake();
+            const fake2 = sinon.fake();
+            el.observePageCount = fake1;
+            el.emitPageClick = fake2;
+            // select first page button
+            const rewindButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-pagination > button.rewind');
+            rewindButton.click();
+            await el.updateComplete;
+            expect(fake1.callCount).to.equal(1);
+            expect(fake2.callCount).to.equal(1);
+            expect(el.currentPage).to.equal(1); // brings us back 1 page
+            // confirm button is selected
+            expect(((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.page-numbers > button[data-page="1"]')).classList.contains('current')).to.be.true;
+        });
+        it('going forwards', async () => {
+            var _a;
             const el = await fixture(html `<more-facets-pagination
           .size=${'10'}
           .currentPage=${5}
-        ></more-facets-pagination>`);
-            expect(el.currentPage).to.equal(5); // confirm current page
-            const fake1 = sinon.fake();
-            const fake2 = sinon.fake();
-            el.observePageCount = fake1;
-            el.emitPageClick = fake2;
-            // select first page button
-            const forwardButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-pagination > button.forward');
-            forwardButton.click();
-            await el.updateComplete;
-            expect(fake1.callCount).to.equal(1);
-            expect(fake2.callCount).to.equal(1);
-            expect(el.currentPage).to.equal(6); // brings us forward 1 page
-        });
-    });
-});
+        ></more-facets-pagination>`);
+            expect(el.currentPage).to.equal(5); // confirm current page
+            const fake1 = sinon.fake();
+            const fake2 = sinon.fake();
+            el.observePageCount = fake1;
+            el.emitPageClick = fake2;
+            // select first page button
+            const forwardButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-pagination > button.forward');
+            forwardButton.click();
+            await el.updateComplete;
+            expect(fake1.callCount).to.equal(1);
+            expect(fake2.callCount).to.equal(1);
+            expect(el.currentPage).to.equal(6); // brings us forward 1 page
+        });
+    });
+});
 //# sourceMappingURL=more-facets-pagination.test.js.map

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

@@ -1,2 +1,2 @@
-import '@internetarchive/modal-manager';
-import '../src/collection-facets';
+import '@internetarchive/modal-manager';
+import '../src/collection-facets';