@internetarchive/collection-browser 0.4.11 → 0.4.13-alpha.1

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/toggle-switch.test.d.ts

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

package/dist/test/collection-facets/toggle-switch.test.js

@@ -0,0 +1,87 @@
+import { expect, fixture } from '@open-wc/testing';
+import sinon from 'sinon';
+import { html } from 'lit';
+import '../../src/collection-facets/toggle-switch';
+describe('Toggle switch', () => {
+    it('renders component', async () => {
+        var _a, _b;
+        const el = await fixture(html `<toggle-switch></toggle-switch>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#switch-button')).to.exist;
+        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#knob')).to.exist;
+    });
+    it('renders provided L/R values', async () => {
+        var _a, _b, _c, _d, _e, _f;
+        const el = await fixture(html `<toggle-switch .leftValue=${'L'} .rightValue=${'R'}></toggle-switch>`);
+        expect(el.value).to.equal('L');
+        expect(el.selectedLabel).to.equal('L');
+        expect((_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('label[for=switch-left]')) === null || _b === void 0 ? void 0 : _b.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('L');
+        expect((_f = (_e = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('label[for=switch-right]')) === null || _e === void 0 ? void 0 : _e.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('R');
+    });
+    it('renders provided L/R labels instead of values', async () => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const el = await fixture(html `<toggle-switch
+        .leftValue=${'L'}
+        .leftLabel=${'L-label'}
+        .rightValue=${'R'}
+        .rightLabel=${'R-label'}
+      ></toggle-switch>`);
+        expect(el.value).to.equal('L');
+        expect(el.selectedLabel).to.equal('L-label');
+        expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#switch-left')) === null || _b === void 0 ? void 0 : _b.value).to.equal('L');
+        expect((_d = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#switch-right')) === null || _d === void 0 ? void 0 : _d.value).to.equal('R');
+        expect((_g = (_f = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('label[for=switch-left]')) === null || _f === void 0 ? void 0 : _f.textContent) === null || _g === void 0 ? void 0 : _g.trim()).to.equal('L-label');
+        expect((_k = (_j = (_h = el.shadowRoot) === null || _h === void 0 ? void 0 : _h.querySelector('label[for=switch-right]')) === null || _j === void 0 ? void 0 : _j.textContent) === null || _k === void 0 ? void 0 : _k.trim()).to.equal('R-label');
+    });
+    it('sets the initial side', async () => {
+        const el = await fixture(html `<toggle-switch
+        .leftValue=${'L'}
+        .rightValue=${'R'}
+        .side=${'right'}
+      ></toggle-switch>`);
+        expect(el.value).to.equal('R');
+        expect(el.selectedLabel).to.equal('R');
+    });
+    it('toggles on click', async () => {
+        var _a;
+        const el = await fixture(html `<toggle-switch .leftValue=${'L'} .rightValue=${'R'}></toggle-switch>`);
+        const button = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#switch-button');
+        expect(el.value).to.equal('L');
+        button.click();
+        await el.updateComplete;
+        expect(el.value).to.equal('R');
+        button.click();
+        await el.updateComplete;
+        expect(el.value).to.equal('L');
+    });
+    it('toggles on radio change', async () => {
+        var _a, _b;
+        const el = await fixture(html `<toggle-switch .leftValue=${'L'} .rightValue=${'R'}></toggle-switch>`);
+        const leftRadio = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#switch-left');
+        const rightRadio = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#switch-right');
+        expect(el.value).to.equal('L');
+        rightRadio.click();
+        await el.updateComplete;
+        expect(el.value).to.equal('R');
+        leftRadio.click();
+        await el.updateComplete;
+        expect(el.value).to.equal('L');
+    });
+    it('emits change event when toggled', async () => {
+        var _a, _b;
+        const changeSpy = sinon.spy();
+        const el = await fixture(html `<toggle-switch
+        .leftValue=${'L'}
+        .rightValue=${'R'}
+        @change=${changeSpy}
+      ></toggle-switch>`);
+        const button = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#switch-button');
+        button.click();
+        await el.updateComplete;
+        expect(changeSpy.callCount).to.equal(1);
+        const leftRadio = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#switch-left');
+        leftRadio.click();
+        await el.updateComplete;
+        expect(changeSpy.callCount).to.equal(2);
+    });
+});
+//# sourceMappingURL=toggle-switch.test.js.map

package/dist/test/collection-facets/toggle-switch.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-switch.test.js","sourceRoot":"","sources":["../../../test/collection-facets/toggle-switch.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { html } from 'lit';\nimport type { ToggleSwitch } from '../../src/collection-facets/toggle-switch';\n\nimport '../../src/collection-facets/toggle-switch';\n\ndescribe('Toggle switch', () => {\n  it('renders component', async () => {\n    const el = await fixture<ToggleSwitch>(\n      html`<toggle-switch></toggle-switch>`\n    );\n\n    expect(el.shadowRoot?.querySelector('#switch-button')).to.exist;\n    expect(el.shadowRoot?.querySelector('#knob')).to.exist;\n  });\n\n  it('renders provided L/R values', async () => {\n    const el = await fixture<ToggleSwitch>(\n      html`<toggle-switch .leftValue=${'L'} .rightValue=${'R'}></toggle-switch>`\n    );\n\n    expect(el.value).to.equal('L');\n    expect(el.selectedLabel).to.equal('L');\n\n    expect(\n      el.shadowRoot\n        ?.querySelector('label[for=switch-left]')\n        ?.textContent?.trim()\n    ).to.equal('L');\n    expect(\n      el.shadowRoot\n        ?.querySelector('label[for=switch-right]')\n        ?.textContent?.trim()\n    ).to.equal('R');\n  });\n\n  it('renders provided L/R labels instead of values', async () => {\n    const el = await fixture<ToggleSwitch>(\n      html`<toggle-switch\n        .leftValue=${'L'}\n        .leftLabel=${'L-label'}\n        .rightValue=${'R'}\n        .rightLabel=${'R-label'}\n      ></toggle-switch>`\n    );\n\n    expect(el.value).to.equal('L');\n    expect(el.selectedLabel).to.equal('L-label');\n\n    expect(\n      (el.shadowRoot?.querySelector('#switch-left') as HTMLInputElement)?.value\n    ).to.equal('L');\n    expect(\n      (el.shadowRoot?.querySelector('#switch-right') as HTMLInputElement)?.value\n    ).to.equal('R');\n\n    expect(\n      el.shadowRoot\n        ?.querySelector('label[for=switch-left]')\n        ?.textContent?.trim()\n    ).to.equal('L-label');\n    expect(\n      el.shadowRoot\n        ?.querySelector('label[for=switch-right]')\n        ?.textContent?.trim()\n    ).to.equal('R-label');\n  });\n\n  it('sets the initial side', async () => {\n    const el = await fixture<ToggleSwitch>(\n      html`<toggle-switch\n        .leftValue=${'L'}\n        .rightValue=${'R'}\n        .side=${'right'}\n      ></toggle-switch>`\n    );\n\n    expect(el.value).to.equal('R');\n    expect(el.selectedLabel).to.equal('R');\n  });\n\n  it('toggles on click', async () => {\n    const el = await fixture<ToggleSwitch>(\n      html`<toggle-switch .leftValue=${'L'} .rightValue=${'R'}></toggle-switch>`\n    );\n\n    const button = el.shadowRoot?.querySelector(\n      '#switch-button'\n    ) as HTMLButtonElement;\n\n    expect(el.value).to.equal('L');\n    button.click();\n    await el.updateComplete;\n\n    expect(el.value).to.equal('R');\n    button.click();\n    await el.updateComplete;\n\n    expect(el.value).to.equal('L');\n  });\n\n  it('toggles on radio change', async () => {\n    const el = await fixture<ToggleSwitch>(\n      html`<toggle-switch .leftValue=${'L'} .rightValue=${'R'}></toggle-switch>`\n    );\n\n    const leftRadio = el.shadowRoot?.querySelector(\n      '#switch-left'\n    ) as HTMLInputElement;\n    const rightRadio = el.shadowRoot?.querySelector(\n      '#switch-right'\n    ) as HTMLInputElement;\n\n    expect(el.value).to.equal('L');\n    rightRadio.click();\n    await el.updateComplete;\n\n    expect(el.value).to.equal('R');\n    leftRadio.click();\n    await el.updateComplete;\n\n    expect(el.value).to.equal('L');\n  });\n\n  it('emits change event when toggled', async () => {\n    const changeSpy = sinon.spy();\n    const el = await fixture<ToggleSwitch>(\n      html`<toggle-switch\n        .leftValue=${'L'}\n        .rightValue=${'R'}\n        @change=${changeSpy}\n      ></toggle-switch>`\n    );\n\n    const button = el.shadowRoot?.querySelector(\n      '#switch-button'\n    ) as HTMLButtonElement;\n\n    button.click();\n    await el.updateComplete;\n\n    expect(changeSpy.callCount).to.equal(1);\n\n    const leftRadio = el.shadowRoot?.querySelector(\n      '#switch-left'\n    ) as HTMLInputElement;\n\n    leftRadio.click();\n    await el.updateComplete;\n\n    expect(changeSpy.callCount).to.equal(2);\n  });\n});\n"]}

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';