@internetarchive/collection-browser 4.8.0 → 4.8.1-webdev-9227.2

package/dist/test/collection-facets/facet-row.test.js

@@ -1,291 +0,0 @@
-import { expect, fixture } from '@open-wc/testing';
-import sinon from 'sinon';
-import { html } from 'lit';
-import '../../src/collection-facets/facet-row';
-describe('Facet row', () => {
-    it('renders nothing if no bucket provided', async () => {
-        const el = await fixture(html `<facet-row .facetType=${'subject'}></facet-row>`);
-        expect(el.shadowRoot?.querySelector('.facet-row-container')).not.to.exist;
-    });
-    it('renders nothing if no facet type provided', async () => {
-        const bucket = {
-            key: 'foo',
-            state: 'none',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row .bucket=${bucket}></facet-row>`);
-        expect(el.shadowRoot?.querySelector('.facet-row-container')).not.to.exist;
-    });
-    it('renders provided bucket as facet row', async () => {
-        const bucket = {
-            key: 'foo',
-            state: 'none',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`);
-        expect(el.shadowRoot?.querySelector('.facet-row-container')).to.exist;
-        expect(el.shadowRoot?.querySelectorAll('input[type="checkbox"]')).to.have.length(2);
-        expect(el.shadowRoot?.querySelectorAll('label')).to.have.length(2);
-        const labelText = el.shadowRoot?.querySelector('.facet-info-display');
-        expect(labelText?.textContent?.trim()).to.match(/^foo\s*5$/);
-    });
-    it('renders locale-appropriate facet count', async () => {
-        const bucket = {
-            key: 'foo',
-            state: 'none',
-            count: 54321,
-        };
-        const el = await fixture(html `<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`);
-        const facetCount = el.shadowRoot?.querySelector('.facet-count');
-        expect(facetCount?.textContent).to.equal('54,321');
-    });
-    it('renders selected facets with checked checkbox', async () => {
-        const bucket = {
-            key: 'foo',
-            state: 'selected',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`);
-        // "Positive" checkbox is checked; "Negative" checkbox is not checked
-        const selectCheckbox = el.shadowRoot?.querySelector('.select-facet-checkbox');
-        const hideCheckbox = el.shadowRoot?.querySelector('.hide-facet-checkbox');
-        expect(selectCheckbox?.checked).to.be.true;
-        expect(hideCheckbox?.checked).to.be.false;
-        // Eye icon is not in its active state
-        expect(el.shadowRoot?.querySelector('.hide-facet-icon')).to.exist.and.satisfy((icon) => !icon.classList.contains('active'));
-    });
-    it('renders hidden facets with closed eye icon', async () => {
-        const bucket = {
-            key: 'foo',
-            state: 'hidden',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`);
-        // "Positive" checkbox is not checked; "Negative" checkbox is checked
-        const selectCheckbox = el.shadowRoot?.querySelector('.select-facet-checkbox');
-        const hideCheckbox = el.shadowRoot?.querySelector('.hide-facet-checkbox');
-        expect(selectCheckbox?.checked).to.be.false;
-        expect(hideCheckbox?.checked).to.be.true;
-        // Eye icon is in its "active" state
-        expect(el.shadowRoot?.querySelector('.hide-facet-icon')).to.exist.and.satisfy((icon) => icon.classList.contains('active'));
-    });
-    it('omits hide button when property is specified (and facet state is not hidden)', async () => {
-        const bucket = {
-            key: 'foo',
-            state: 'none',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row
-        .facetType=${'subject'}
-        .bucket=${bucket}
-        omitHideButton
-      ></facet-row>`);
-        // Hide button's container is hidden
-        expect(el.shadowRoot
-            ?.querySelector('.hide-facet-container')
-            ?.hasAttribute('hidden')).to.be.true;
-    });
-    it('does not omit hide button when facet state is hidden, even if property specified', async () => {
-        const bucket = {
-            key: 'foo',
-            state: 'hidden',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row
-        .facetType=${'subject'}
-        .bucket=${bucket}
-        omitHideButton
-      ></facet-row>`);
-        // Hide button's container is NOT hidden (i.e., we SHOW the hide button like normal)
-        expect(el.shadowRoot
-            ?.querySelector('.hide-facet-container')
-            ?.hasAttribute('hidden')).to.be.false;
-    });
-    it('renders correct accessible label for unchecked negative facets', async () => {
-        const bucket = {
-            key: 'foo',
-            state: 'none',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`);
-        const hideFacetLabel = el.shadowRoot?.querySelector('.hide-facet-icon');
-        expect(hideFacetLabel?.textContent?.trim()).to.match(/^Hide subject: foo$/);
-    });
-    it('renders correct accessible label for checked negative facets', async () => {
-        const bucket = {
-            key: 'foo',
-            state: 'hidden',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`);
-        const hideFacetLabel = el.shadowRoot?.querySelector('.hide-facet-icon');
-        expect(hideFacetLabel?.textContent?.trim()).to.match(/^Unhide subject: foo$/);
-    });
-    it('renders collection facets as links', async () => {
-        const bucket = {
-            key: 'foo',
-            state: 'none',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row
-        .facetType=${'collection'}
-        .bucket=${bucket}
-      ></facet-row>`);
-        const collectionName = el.shadowRoot?.querySelector('.facet-title > a:link');
-        expect(collectionName).to.exist;
-        expect(collectionName?.getAttribute('href')).to.equal('/details/foo');
-    });
-    it('does not render non-collection facets as links', async () => {
-        const bucket = {
-            key: 'foo',
-            state: 'none',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`);
-        expect(el.shadowRoot?.querySelector('a:link')).not.to.exist;
-    });
-    it('emits event when facet checkbox is clicked', async () => {
-        const facetClickSpy = sinon.spy();
-        const bucket = {
-            key: 'foo',
-            state: 'none',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row
-        .facetType=${'subject'}
-        .bucket=${bucket}
-        @facetClick=${facetClickSpy}
-      ></facet-row>`);
-        const positiveFacetCheck = el.shadowRoot?.querySelector('.select-facet-checkbox');
-        expect(positiveFacetCheck).to.exist;
-        positiveFacetCheck.click();
-        expect(facetClickSpy.callCount).to.equal(1);
-        expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({
-            facetType: 'subject',
-            bucket: {
-                key: 'foo',
-                state: 'selected',
-                count: 5,
-            },
-            negative: false,
-        });
-    });
-    it('emits event when facet checkbox is unchecked', async () => {
-        const facetClickSpy = sinon.spy();
-        const bucket = {
-            key: 'foo',
-            state: 'selected',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row
-        .facetType=${'subject'}
-        .bucket=${bucket}
-        @facetClick=${facetClickSpy}
-      ></facet-row>`);
-        const positiveFacetCheck = el.shadowRoot?.querySelector('.select-facet-checkbox');
-        expect(positiveFacetCheck).to.exist;
-        positiveFacetCheck.click();
-        expect(facetClickSpy.callCount).to.equal(1);
-        expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({
-            facetType: 'subject',
-            bucket: {
-                key: 'foo',
-                state: 'none',
-                count: 5,
-            },
-            negative: false,
-        });
-    });
-    it('emits event when facet negative icon is clicked', async () => {
-        const facetClickSpy = sinon.spy();
-        const bucket = {
-            key: 'foo',
-            state: 'none',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row
-        .facetType=${'subject'}
-        .bucket=${bucket}
-        @facetClick=${facetClickSpy}
-      ></facet-row>`);
-        const negativeFacetIcon = el.shadowRoot?.querySelector('.hide-facet-icon');
-        expect(negativeFacetIcon).to.exist;
-        negativeFacetIcon.click();
-        expect(facetClickSpy.callCount).to.equal(1);
-        expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({
-            facetType: 'subject',
-            bucket: {
-                key: 'foo',
-                state: 'hidden',
-                count: 5,
-            },
-            negative: true,
-        });
-    });
-    it('emits event when facet negative icon is unchecked', async () => {
-        const facetClickSpy = sinon.spy();
-        const bucket = {
-            key: 'foo',
-            state: 'hidden',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row
-        .facetType=${'subject'}
-        .bucket=${bucket}
-        @facetClick=${facetClickSpy}
-      ></facet-row>`);
-        const negativeFacetIcon = el.shadowRoot?.querySelector('.hide-facet-icon');
-        expect(negativeFacetIcon).to.exist;
-        negativeFacetIcon.click();
-        expect(facetClickSpy.callCount).to.equal(1);
-        expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({
-            facetType: 'subject',
-            bucket: {
-                key: 'foo',
-                state: 'none',
-                count: 5,
-            },
-            negative: true,
-        });
-    });
-    it('selects/deselects facet when label is clicked', async () => {
-        const facetClickSpy = sinon.spy();
-        const bucket = {
-            key: 'foo',
-            state: 'none',
-            count: 5,
-        };
-        const el = await fixture(html `<facet-row
-        .facetType=${'subject'}
-        .bucket=${bucket}
-        @facetClick=${facetClickSpy}
-      ></facet-row>`);
-        const facetLabel = el.shadowRoot?.querySelector('.facet-info-display');
-        expect(facetLabel).to.exist;
-        // Select facet by clicking label
-        facetLabel.click();
-        expect(facetClickSpy.callCount).to.equal(1);
-        expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({
-            facetType: 'subject',
-            bucket: {
-                key: 'foo',
-                state: 'selected',
-                count: 5,
-            },
-            negative: false,
-        });
-        // Deselect facet by clicking label
-        facetLabel.click();
-        expect(facetClickSpy.callCount).to.equal(2);
-        expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({
-            facetType: 'subject',
-            bucket: {
-                key: 'foo',
-                state: 'none',
-                count: 5,
-            },
-            negative: false,
-        });
-    });
-});
-//# sourceMappingURL=facet-row.test.js.map

package/dist/test/collection-facets/facet-row.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"facet-row.test.js","sourceRoot":"","sources":["../../../test/collection-facets/facet-row.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 { FacetRow } from '../../src/collection-facets/facet-row';\nimport '../../src/collection-facets/facet-row';\nimport type { FacetState } from '../../src/models';\n\ndescribe('Facet row', () => {\n  it('renders nothing if no bucket provided', async () => {\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'}></facet-row>`,\n    );\n\n    expect(el.shadowRoot?.querySelector('.facet-row-container')).not.to.exist;\n  });\n\n  it('renders nothing if no facet type provided', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .bucket=${bucket}></facet-row>`,\n    );\n\n    expect(el.shadowRoot?.querySelector('.facet-row-container')).not.to.exist;\n  });\n\n  it('renders provided bucket as facet row', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n    );\n\n    expect(el.shadowRoot?.querySelector('.facet-row-container')).to.exist;\n    expect(\n      el.shadowRoot?.querySelectorAll('input[type=\"checkbox\"]'),\n    ).to.have.length(2);\n    expect(el.shadowRoot?.querySelectorAll('label')).to.have.length(2);\n\n    const labelText = el.shadowRoot?.querySelector('.facet-info-display');\n    expect(labelText?.textContent?.trim()).to.match(/^foo\\s*5$/);\n  });\n\n  it('renders locale-appropriate facet count', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 54321,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n    );\n\n    const facetCount = el.shadowRoot?.querySelector('.facet-count');\n    expect(facetCount?.textContent).to.equal('54,321');\n  });\n\n  it('renders selected facets with checked checkbox', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'selected' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n    );\n\n    // \"Positive\" checkbox is checked; \"Negative\" checkbox is not checked\n    const selectCheckbox = el.shadowRoot?.querySelector(\n      '.select-facet-checkbox',\n    ) as HTMLInputElement;\n    const hideCheckbox = el.shadowRoot?.querySelector(\n      '.hide-facet-checkbox',\n    ) as HTMLInputElement;\n    expect(selectCheckbox?.checked).to.be.true;\n    expect(hideCheckbox?.checked).to.be.false;\n\n    // Eye icon is not in its active state\n    expect(\n      el.shadowRoot?.querySelector('.hide-facet-icon'),\n    ).to.exist.and.satisfy(\n      (icon: HTMLElement) => !icon.classList.contains('active'),\n    );\n  });\n\n  it('renders hidden facets with closed eye icon', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'hidden' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n    );\n\n    // \"Positive\" checkbox is not checked; \"Negative\" checkbox is checked\n    const selectCheckbox = el.shadowRoot?.querySelector(\n      '.select-facet-checkbox',\n    ) as HTMLInputElement;\n    const hideCheckbox = el.shadowRoot?.querySelector(\n      '.hide-facet-checkbox',\n    ) as HTMLInputElement;\n    expect(selectCheckbox?.checked).to.be.false;\n    expect(hideCheckbox?.checked).to.be.true;\n\n    // Eye icon is in its \"active\" state\n    expect(\n      el.shadowRoot?.querySelector('.hide-facet-icon'),\n    ).to.exist.and.satisfy((icon: HTMLElement) =>\n      icon.classList.contains('active'),\n    );\n  });\n\n  it('omits hide button when property is specified (and facet state is not hidden)', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row\n        .facetType=${'subject'}\n        .bucket=${bucket}\n        omitHideButton\n      ></facet-row>`,\n    );\n\n    // Hide button's container is hidden\n    expect(\n      el.shadowRoot\n        ?.querySelector('.hide-facet-container')\n        ?.hasAttribute('hidden'),\n    ).to.be.true;\n  });\n\n  it('does not omit hide button when facet state is hidden, even if property specified', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'hidden' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row\n        .facetType=${'subject'}\n        .bucket=${bucket}\n        omitHideButton\n      ></facet-row>`,\n    );\n\n    // Hide button's container is NOT hidden (i.e., we SHOW the hide button like normal)\n    expect(\n      el.shadowRoot\n        ?.querySelector('.hide-facet-container')\n        ?.hasAttribute('hidden'),\n    ).to.be.false;\n  });\n\n  it('renders correct accessible label for unchecked negative facets', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n    );\n\n    const hideFacetLabel = el.shadowRoot?.querySelector('.hide-facet-icon');\n    expect(hideFacetLabel?.textContent?.trim()).to.match(/^Hide subject: foo$/);\n  });\n\n  it('renders correct accessible label for checked negative facets', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'hidden' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n    );\n\n    const hideFacetLabel = el.shadowRoot?.querySelector('.hide-facet-icon');\n    expect(hideFacetLabel?.textContent?.trim()).to.match(\n      /^Unhide subject: foo$/,\n    );\n  });\n\n  it('renders collection facets as links', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row\n        .facetType=${'collection'}\n        .bucket=${bucket}\n      ></facet-row>`,\n    );\n\n    const collectionName = el.shadowRoot?.querySelector(\n      '.facet-title > a:link',\n    );\n    expect(collectionName).to.exist;\n    expect(collectionName?.getAttribute('href')).to.equal('/details/foo');\n  });\n\n  it('does not render non-collection facets as links', async () => {\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`,\n    );\n\n    expect(el.shadowRoot?.querySelector('a:link')).not.to.exist;\n  });\n\n  it('emits event when facet checkbox is clicked', async () => {\n    const facetClickSpy = sinon.spy();\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row\n        .facetType=${'subject'}\n        .bucket=${bucket}\n        @facetClick=${facetClickSpy}\n      ></facet-row>`,\n    );\n\n    const positiveFacetCheck = el.shadowRoot?.querySelector(\n      '.select-facet-checkbox',\n    ) as HTMLInputElement;\n    expect(positiveFacetCheck).to.exist;\n    positiveFacetCheck.click();\n\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n      facetType: 'subject',\n      bucket: {\n        key: 'foo',\n        state: 'selected',\n        count: 5,\n      },\n      negative: false,\n    });\n  });\n\n  it('emits event when facet checkbox is unchecked', async () => {\n    const facetClickSpy = sinon.spy();\n    const bucket = {\n      key: 'foo',\n      state: 'selected' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row\n        .facetType=${'subject'}\n        .bucket=${bucket}\n        @facetClick=${facetClickSpy}\n      ></facet-row>`,\n    );\n\n    const positiveFacetCheck = el.shadowRoot?.querySelector(\n      '.select-facet-checkbox',\n    ) as HTMLInputElement;\n    expect(positiveFacetCheck).to.exist;\n    positiveFacetCheck.click();\n\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n      facetType: 'subject',\n      bucket: {\n        key: 'foo',\n        state: 'none',\n        count: 5,\n      },\n      negative: false,\n    });\n  });\n\n  it('emits event when facet negative icon is clicked', async () => {\n    const facetClickSpy = sinon.spy();\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row\n        .facetType=${'subject'}\n        .bucket=${bucket}\n        @facetClick=${facetClickSpy}\n      ></facet-row>`,\n    );\n\n    const negativeFacetIcon = el.shadowRoot?.querySelector(\n      '.hide-facet-icon',\n    ) as HTMLLabelElement;\n    expect(negativeFacetIcon).to.exist;\n    negativeFacetIcon.click();\n\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n      facetType: 'subject',\n      bucket: {\n        key: 'foo',\n        state: 'hidden',\n        count: 5,\n      },\n      negative: true,\n    });\n  });\n\n  it('emits event when facet negative icon is unchecked', async () => {\n    const facetClickSpy = sinon.spy();\n    const bucket = {\n      key: 'foo',\n      state: 'hidden' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row\n        .facetType=${'subject'}\n        .bucket=${bucket}\n        @facetClick=${facetClickSpy}\n      ></facet-row>`,\n    );\n\n    const negativeFacetIcon = el.shadowRoot?.querySelector(\n      '.hide-facet-icon',\n    ) as HTMLLabelElement;\n    expect(negativeFacetIcon).to.exist;\n    negativeFacetIcon.click();\n\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n      facetType: 'subject',\n      bucket: {\n        key: 'foo',\n        state: 'none',\n        count: 5,\n      },\n      negative: true,\n    });\n  });\n\n  it('selects/deselects facet when label is clicked', async () => {\n    const facetClickSpy = sinon.spy();\n    const bucket = {\n      key: 'foo',\n      state: 'none' as FacetState,\n      count: 5,\n    };\n\n    const el = await fixture<FacetRow>(\n      html`<facet-row\n        .facetType=${'subject'}\n        .bucket=${bucket}\n        @facetClick=${facetClickSpy}\n      ></facet-row>`,\n    );\n\n    const facetLabel = el.shadowRoot?.querySelector(\n      '.facet-info-display',\n    ) as HTMLLabelElement;\n    expect(facetLabel).to.exist;\n\n    // Select facet by clicking label\n    facetLabel.click();\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n      facetType: 'subject',\n      bucket: {\n        key: 'foo',\n        state: 'selected',\n        count: 5,\n      },\n      negative: false,\n    });\n\n    // Deselect facet by clicking label\n    facetLabel.click();\n    expect(facetClickSpy.callCount).to.equal(2);\n    expect(facetClickSpy.lastCall.args[0]?.detail).to.deep.equal({\n      facetType: 'subject',\n      bucket: {\n        key: 'foo',\n        state: 'none',\n        count: 5,\n      },\n      negative: false,\n    });\n  });\n});\n"]}

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

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

package/dist/test/collection-facets/facets-template.test.js

@@ -1,95 +0,0 @@
-import { expect, fixture } from '@open-wc/testing';
-import sinon from 'sinon';
-import { html } from 'lit';
-import '../../src/collection-facets/facets-template';
-const facetGroup = {
-    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' },
-    ],
-};
-describe('Render facets', () => {
-    it('should render more facets template', async () => {
-        const el = await fixture(html `<facets-template .facetGroup=${facetGroup}></facets-template>`);
-        await el.updateComplete;
-        expect(el.shadowRoot?.querySelector('facet-row')).to.exist;
-    });
-    it('facets template renders facet rows', async () => {
-        const el = await fixture(html `<facets-template .facetGroup=${facetGroup}></facets-template>`);
-        expect(el.shadowRoot?.querySelector('.facet-rows')).to.exist;
-    });
-    it('applies correct bucket values to facet row', async () => {
-        const el = await fixture(html `<facets-template .facetGroup=${facetGroup}></facets-template>`);
-        const facetRows = el.shadowRoot?.querySelectorAll('facet-row');
-        expect(facetRows?.length).to.equal(facetGroup.buckets.length);
-        facetRows?.forEach((elmt, i) => {
-            const facetRow = elmt;
-            expect(facetRow).to.exist;
-            expect(facetRow.bucket).to.equal(facetGroup.buckets[i]);
-            expect(facetRow.facetType).to.equal(facetGroup.key);
-        });
-    });
-    it('emits facet click event when a facet is selected/deselected', async () => {
-        const facetClickSpy = sinon.spy();
-        const el = await fixture(html `<facets-template
-        .facetGroup=${facetGroup}
-        @facetClick=${facetClickSpy}
-      ></facets-template>`);
-        const facetRow = el.shadowRoot?.querySelector('facet-row');
-        expect(facetRow).to.exist;
-        const facetSelectCheck = facetRow.shadowRoot?.querySelector('.select-facet-checkbox');
-        expect(facetSelectCheck).to.exist;
-        facetSelectCheck.click();
-        expect(facetClickSpy.callCount).to.equal(1);
-        expect(facetRow.bucket?.state).to.equal('selected');
-        facetSelectCheck.click();
-        expect(facetClickSpy.callCount).to.equal(2);
-        expect(facetRow.bucket?.state).to.equal('none');
-    });
-    it('emits facet click event when a facet is negated/un-negated', async () => {
-        const facetClickSpy = sinon.spy();
-        const el = await fixture(html `<facets-template
-        .facetGroup=${facetGroup}
-        @facetClick=${facetClickSpy}
-      ></facets-template>`);
-        const facetRow = el.shadowRoot?.querySelector('facet-row');
-        expect(facetRow).to.exist;
-        const facetNegateCheck = facetRow.shadowRoot?.querySelector('.hide-facet-checkbox');
-        expect(facetNegateCheck).to.exist;
-        facetNegateCheck.click();
-        expect(facetClickSpy.callCount).to.equal(1);
-        expect(facetRow.bucket?.state).to.equal('hidden');
-        facetNegateCheck.click();
-        expect(facetClickSpy.callCount).to.equal(2);
-        expect(facetRow.bucket?.state).to.equal('none');
-    });
-    it('emits facet click event when a pre-selected facet is deselected', async () => {
-        const facetClickSpy = sinon.spy();
-        const facetGroupWithSelection = { ...facetGroup };
-        facetGroupWithSelection.buckets = [
-            { ...facetGroup.buckets[0], state: 'selected' },
-            ...facetGroup.buckets.slice(1),
-        ];
-        const el = await fixture(html `<facets-template
-        .facetGroup=${facetGroupWithSelection}
-        @facetClick=${facetClickSpy}
-      ></facets-template>`);
-        const facetRow = el.shadowRoot?.querySelector('facet-row');
-        expect(facetRow).to.exist;
-        const facetSelectCheck = facetRow.shadowRoot?.querySelector('.select-facet-checkbox');
-        expect(facetSelectCheck).to.exist;
-        expect(facetSelectCheck.checked).to.be.true;
-        facetSelectCheck.click();
-        expect(facetClickSpy.callCount).to.equal(1);
-        expect(facetRow.bucket?.state).to.equal('none');
-        facetSelectCheck.click();
-        expect(facetClickSpy.callCount).to.equal(2);
-        expect(facetRow.bucket?.state).to.equal('selected');
-    });
-});
-//# sourceMappingURL=facets-template.test.js.map

package/dist/test/collection-facets/facets-template.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"facets-template.test.js","sourceRoot":"","sources":["../../../test/collection-facets/facets-template.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 { FacetsTemplate } from '../../src/collection-facets/facets-template';\nimport '../../src/collection-facets/facets-template';\nimport type { FacetRow } from '../../src/collection-facets/facet-row';\nimport type { FacetGroup } from '../../src/models';\n\nconst facetGroup: FacetGroup = {\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\ndescribe('Render facets', () => {\n  it('should render more facets template', async () => {\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template .facetGroup=${facetGroup}></facets-template>`,\n    );\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('facet-row')).to.exist;\n  });\n\n  it('facets template renders facet rows', async () => {\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template .facetGroup=${facetGroup}></facets-template>`,\n    );\n\n    expect(el.shadowRoot?.querySelector('.facet-rows')).to.exist;\n  });\n\n  it('applies correct bucket values to facet row', async () => {\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template .facetGroup=${facetGroup}></facets-template>`,\n    );\n\n    const facetRows = el.shadowRoot?.querySelectorAll('facet-row');\n    expect(facetRows?.length).to.equal(facetGroup.buckets.length);\n\n    facetRows?.forEach((elmt, i) => {\n      const facetRow = elmt as FacetRow;\n      expect(facetRow).to.exist;\n      expect(facetRow.bucket).to.equal(facetGroup.buckets[i]);\n      expect(facetRow.facetType).to.equal(facetGroup.key);\n    });\n  });\n\n  it('emits facet click event when a facet is selected/deselected', async () => {\n    const facetClickSpy = sinon.spy();\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${facetGroup}\n        @facetClick=${facetClickSpy}\n      ></facets-template>`,\n    );\n\n    const facetRow = el.shadowRoot?.querySelector('facet-row') as FacetRow;\n    expect(facetRow).to.exist;\n\n    const facetSelectCheck = facetRow.shadowRoot?.querySelector(\n      '.select-facet-checkbox',\n    ) as HTMLInputElement;\n    expect(facetSelectCheck).to.exist;\n\n    facetSelectCheck.click();\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetRow.bucket?.state).to.equal('selected');\n\n    facetSelectCheck.click();\n    expect(facetClickSpy.callCount).to.equal(2);\n    expect(facetRow.bucket?.state).to.equal('none');\n  });\n\n  it('emits facet click event when a facet is negated/un-negated', async () => {\n    const facetClickSpy = sinon.spy();\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${facetGroup}\n        @facetClick=${facetClickSpy}\n      ></facets-template>`,\n    );\n\n    const facetRow = el.shadowRoot?.querySelector('facet-row') as FacetRow;\n    expect(facetRow).to.exist;\n\n    const facetNegateCheck = facetRow.shadowRoot?.querySelector(\n      '.hide-facet-checkbox',\n    ) as HTMLInputElement;\n    expect(facetNegateCheck).to.exist;\n\n    facetNegateCheck.click();\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetRow.bucket?.state).to.equal('hidden');\n\n    facetNegateCheck.click();\n    expect(facetClickSpy.callCount).to.equal(2);\n    expect(facetRow.bucket?.state).to.equal('none');\n  });\n\n  it('emits facet click event when a pre-selected facet is deselected', async () => {\n    const facetClickSpy = sinon.spy();\n    const facetGroupWithSelection = { ...facetGroup };\n    facetGroupWithSelection.buckets = [\n      { ...facetGroup.buckets[0], state: 'selected' },\n      ...facetGroup.buckets.slice(1),\n    ];\n\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${facetGroupWithSelection}\n        @facetClick=${facetClickSpy}\n      ></facets-template>`,\n    );\n\n    const facetRow = el.shadowRoot?.querySelector('facet-row') as FacetRow;\n    expect(facetRow).to.exist;\n\n    const facetSelectCheck = facetRow.shadowRoot?.querySelector(\n      '.select-facet-checkbox',\n    ) as HTMLInputElement;\n    expect(facetSelectCheck).to.exist;\n    expect(facetSelectCheck.checked).to.be.true;\n\n    facetSelectCheck.click();\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetRow.bucket?.state).to.equal('none');\n\n    facetSelectCheck.click();\n    expect(facetClickSpy.callCount).to.equal(2);\n    expect(facetRow.bucket?.state).to.equal('selected');\n  });\n});\n"]}

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

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