@internetarchive/collection-browser 4.8.0 → 4.8.1-alpha-webdev9189.1

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

@@ -1,99 +0,0 @@
-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 () => {
-        const el = await fixture(html `<toggle-switch></toggle-switch>`);
-        expect(el.shadowRoot?.querySelector('#switch-button')).to.exist;
-        expect(el.shadowRoot?.querySelector('#knob')).to.exist;
-    });
-    it('renders provided L/R values', async () => {
-        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(el.shadowRoot
-            ?.querySelector('label[for=switch-left]')
-            ?.textContent?.trim()).to.equal('L');
-        expect(el.shadowRoot
-            ?.querySelector('label[for=switch-right]')
-            ?.textContent?.trim()).to.equal('R');
-    });
-    it('renders provided L/R labels instead of values', async () => {
-        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(el.shadowRoot?.querySelector('#switch-left')?.value).to.equal('L');
-        expect(el.shadowRoot?.querySelector('#switch-right')
-            ?.value).to.equal('R');
-        expect(el.shadowRoot
-            ?.querySelector('label[for=switch-left]')
-            ?.textContent?.trim()).to.equal('L-label');
-        expect(el.shadowRoot
-            ?.querySelector('label[for=switch-right]')
-            ?.textContent?.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 () => {
-        const el = await fixture(html `<toggle-switch
-        .leftValue=${'L'}
-        .rightValue=${'R'}
-      ></toggle-switch>`);
-        const button = el.shadowRoot?.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 () => {
-        const el = await fixture(html `<toggle-switch
-        .leftValue=${'L'}
-        .rightValue=${'R'}
-      ></toggle-switch>`);
-        const leftRadio = el.shadowRoot?.querySelector('#switch-left');
-        const rightRadio = el.shadowRoot?.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 () => {
-        const changeSpy = sinon.spy();
-        const el = await fixture(html `<toggle-switch
-        .leftValue=${'L'}
-        .rightValue=${'R'}
-        @change=${changeSpy}
-      ></toggle-switch>`);
-        const button = el.shadowRoot?.querySelector('#switch-button');
-        button.click();
-        await el.updateComplete;
-        expect(changeSpy.callCount).to.equal(1);
-        const leftRadio = el.shadowRoot?.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

@@ -1 +0,0 @@
-{"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

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