@internetarchive/collection-browser 3.3.2 → 3.3.4-alpha-webdev7761.0

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

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +1,132 @@
+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;
+        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;
+            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;
+            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;
+            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
+        });
+    });
+});
+//# sourceMappingURL=more-facets-pagination.test.js.map

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

@@ -0,0 +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"]}

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,96 @@
+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\n        .leftValue=${'L'}\n        .rightValue=${'R'}\n      ></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)\n        ?.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\n        .leftValue=${'L'}\n        .rightValue=${'R'}\n      ></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\n        .leftValue=${'L'}\n        .rightValue=${'R'}\n      ></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

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