@internetarchive/collection-browser 1.14.9-alpha.2 → 1.14.9-alpha10

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

@@ -1,87 +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;
+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 () => {
+      ></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();
+      ></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);
-    });
-});
+      ></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.test.d.ts

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