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

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

@@ -0,0 +1,235 @@
+import { expect, fixture } from '@open-wc/testing';
+import sinon from 'sinon';
+import { html } from 'lit';
+import '../../src/collection-facets/facet-row';
+import { MockCollectionNameCache } from '../mocks/mock-collection-name-cache';
+describe('Facet row', () => {
+    it('renders nothing if no bucket provided', async () => {
+        var _a;
+        const el = await fixture(html `<facet-row .facetType=${'subject'}></facet-row>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facet-row-container')).not.to.exist;
+    });
+    it('renders nothing if no facet type provided', async () => {
+        var _a;
+        const bucket = {
+            key: 'foo',
+            state: 'none',
+            count: 5,
+        };
+        const el = await fixture(html `<facet-row .bucket=${bucket}></facet-row>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facet-row-container')).not.to.exist;
+    });
+    it('renders provided bucket as facet row', async () => {
+        var _a, _b, _c, _d, _e;
+        const bucket = {
+            key: 'foo',
+            state: 'none',
+            count: 5,
+        };
+        const el = await fixture(html `<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facet-row-container')).to.exist;
+        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('input[type="checkbox"]')).to.have.length(2);
+        expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelectorAll('label')).to.have.length(2);
+        expect((_e = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.match(/^foo\s*5$/);
+    });
+    it('renders locale-appropriate facet count', async () => {
+        var _a;
+        const bucket = {
+            key: 'foo',
+            state: 'none',
+            count: 54321,
+        };
+        const el = await fixture(html `<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`);
+        const facetCount = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facet-count');
+        expect(facetCount === null || facetCount === void 0 ? void 0 : facetCount.textContent).to.equal('54,321');
+    });
+    it('renders selected facets with checked checkbox', async () => {
+        var _a, _b, _c;
+        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 = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-facet-checkbox');
+        const hideCheckbox = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.hide-facet-checkbox');
+        expect(selectCheckbox === null || selectCheckbox === void 0 ? void 0 : selectCheckbox.checked).to.be.true;
+        expect(hideCheckbox === null || hideCheckbox === void 0 ? void 0 : hideCheckbox.checked).to.be.false;
+        // Eye icon is not in its active state
+        expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.hide-facet-icon')).to.exist.and.satisfy((icon) => !icon.classList.contains('active'));
+    });
+    it('renders hidden facets with closed eye icon', async () => {
+        var _a, _b, _c;
+        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 = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-facet-checkbox');
+        const hideCheckbox = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.hide-facet-checkbox');
+        expect(selectCheckbox === null || selectCheckbox === void 0 ? void 0 : selectCheckbox.checked).to.be.false;
+        expect(hideCheckbox === null || hideCheckbox === void 0 ? void 0 : hideCheckbox.checked).to.be.true;
+        // Eye icon is in its "active" state
+        expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.hide-facet-icon')).to.exist.and.satisfy((icon) => icon.classList.contains('active'));
+    });
+    it('renders collection facets as links', async () => {
+        var _a, _b;
+        const collectionNameCache = new MockCollectionNameCache();
+        const bucket = {
+            key: 'foo',
+            state: 'none',
+            count: 5,
+        };
+        const el = await fixture(html `<facet-row
+        .facetType=${'collection'}
+        .bucket=${bucket}
+        .collectionNameCache=${collectionNameCache}
+      ></facet-row>`);
+        const collectionName = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('async-collection-name');
+        expect(collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement).to.be.instanceOf(HTMLAnchorElement);
+        expect((_b = collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement) === null || _b === void 0 ? void 0 : _b.getAttribute('href')).to.equal('/details/foo');
+    });
+    it('does not render non-collection facets as links', async () => {
+        var _a;
+        const collectionNameCache = new MockCollectionNameCache();
+        const bucket = {
+            key: 'foo',
+            state: 'none',
+            count: 5,
+        };
+        const el = await fixture(html `<facet-row
+        .facetType=${'subject'}
+        .bucket=${bucket}
+        .collectionNameCache=${collectionNameCache}
+      ></facet-row>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('a:link')).not.to.exist;
+    });
+    it('emits event when facet checkbox is clicked', async () => {
+        var _a, _b;
+        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 = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-facet-checkbox');
+        expect(positiveFacetCheck).to.exist;
+        positiveFacetCheck.click();
+        expect(facetClickSpy.callCount).to.equal(1);
+        expect((_b = facetClickSpy.lastCall.args[0]) === null || _b === void 0 ? void 0 : _b.detail).to.deep.equal({
+            facetType: 'subject',
+            bucket,
+            negative: false,
+        });
+    });
+    it('emits event when facet checkbox is unchecked', async () => {
+        var _a, _b;
+        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 = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-facet-checkbox');
+        expect(positiveFacetCheck).to.exist;
+        positiveFacetCheck.click();
+        expect(facetClickSpy.callCount).to.equal(1);
+        expect((_b = facetClickSpy.lastCall.args[0]) === null || _b === void 0 ? void 0 : _b.detail).to.deep.equal({
+            facetType: 'subject',
+            bucket,
+            negative: false,
+        });
+    });
+    it('emits event when facet negative icon is clicked', async () => {
+        var _a, _b;
+        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 = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.hide-facet-icon');
+        expect(negativeFacetIcon).to.exist;
+        negativeFacetIcon.click();
+        expect(facetClickSpy.callCount).to.equal(1);
+        expect((_b = facetClickSpy.lastCall.args[0]) === null || _b === void 0 ? void 0 : _b.detail).to.deep.equal({
+            facetType: 'subject',
+            bucket,
+            negative: true,
+        });
+    });
+    it('emits event when facet negative icon is unchecked', async () => {
+        var _a, _b;
+        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 = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.hide-facet-icon');
+        expect(negativeFacetIcon).to.exist;
+        negativeFacetIcon.click();
+        expect(facetClickSpy.callCount).to.equal(1);
+        expect((_b = facetClickSpy.lastCall.args[0]) === null || _b === void 0 ? void 0 : _b.detail).to.deep.equal({
+            facetType: 'subject',
+            bucket,
+            negative: true,
+        });
+    });
+    it('selects/deselects facet when label is clicked', async () => {
+        var _a, _b, _c;
+        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 = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facet-info-display');
+        expect(facetLabel).to.exist;
+        // Select facet by clicking label
+        facetLabel.click();
+        expect(facetClickSpy.callCount).to.equal(1);
+        expect((_b = facetClickSpy.lastCall.args[0]) === null || _b === void 0 ? void 0 : _b.detail).to.deep.equal({
+            facetType: 'subject',
+            bucket,
+            negative: false,
+        });
+        // Deselect facet by clicking label
+        facetLabel.click();
+        expect(facetClickSpy.callCount).to.equal(2);
+        expect((_c = facetClickSpy.lastCall.args[0]) === null || _c === void 0 ? void 0 : _c.detail).to.deep.equal({
+            facetType: 'subject',
+            bucket,
+            negative: false,
+        });
+    });
+});
+//# sourceMappingURL=facet-row.test.js.map

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

@@ -0,0 +1 @@
+{"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';\nimport { MockCollectionNameCache } from '../mocks/mock-collection-name-cache';\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    expect(el.shadowRoot?.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('renders collection facets as links', async () => {\n    const collectionNameCache = new MockCollectionNameCache();\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        .collectionNameCache=${collectionNameCache}\n      ></facet-row>`\n    );\n\n    const collectionName = el.shadowRoot?.querySelector(\n      'async-collection-name'\n    );\n    expect(collectionName?.parentElement).to.be.instanceOf(HTMLAnchorElement);\n    expect(collectionName?.parentElement?.getAttribute('href')).to.equal(\n      '/details/foo'\n    );\n  });\n\n  it('does not render non-collection facets as links', async () => {\n    const collectionNameCache = new MockCollectionNameCache();\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        .collectionNameCache=${collectionNameCache}\n      ></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      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      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      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      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      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      negative: false,\n    });\n  });\n});\n"]}

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

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

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

@@ -1,155 +1,124 @@
-import { expect, fixture } from '@open-wc/testing';
-import sinon from 'sinon';
-import { html } from 'lit';
-import '../../src/collection-facets/facets-template';
-import { getDefaultSelectedFacets } from '../../src/models';
-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 () => {
-        var _a;
-        const el = await fixture(html `<facets-template .facetGroup=${facetGroup}></facets-template>`);
-        await el.updateComplete;
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facet-row')).to.exist;
-    });
-    it('facets render on page', async () => {
-        var _a;
+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 () => {
+        var _a;
+        const el = await fixture(html `<facets-template .facetGroup=${facetGroup}></facets-template>`);
+        await el.updateComplete;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facet-row')).to.exist;
+    });
+    it('facets render on page', async () => {
+        var _a;
         const el = await fixture(html `<facets-template
         .facetGroup=${facetGroup}
         .renderOn=${'page'}
-      ></facets-template>`);
-        await el.updateComplete;
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-on-page')).to.exist;
-    });
-    it('facets render on modal', async () => {
-        var _a;
+      ></facets-template>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-on-page')).to.exist;
+    });
+    it('facets render on modal', async () => {
+        var _a;
         const el = await fixture(html `<facets-template
         .facetGroup=${facetGroup}
         .renderOn=${'modal'}
-      ></facets-template>`);
-        await el.updateComplete;
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-on-modal')).to.exist;
-    });
-    it('find facet-title and facet-count for particular facet group', async () => {
-        var _a, _b, _c, _d;
-        const el = await fixture(html `<facets-template .facetGroup=${facetGroup}></facets-template>`);
-        await el.updateComplete;
-        const facetInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facet-info-display');
-        expect((_b = facetInfo === null || facetInfo === void 0 ? void 0 : facetInfo.querySelector('.facet-title')) === null || _b === void 0 ? void 0 : _b.textContent).to.equal('audio');
-        expect((_d = (_c = facetInfo === null || facetInfo === void 0 ? void 0 : facetInfo.querySelector('.facet-count')) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('1,001');
-    });
-    it('find the hidden facet item', async () => {
-        var _a;
-        const selectedFacets = { ...facetGroup };
-        selectedFacets.buckets[2].state = 'hidden'; // hide 'texts' mediatype
+      ></facets-template>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-on-modal')).to.exist;
+    });
+    it('applies correct bucket values to facet row', async () => {
+        var _a;
+        const el = await fixture(html `<facets-template .facetGroup=${facetGroup}></facets-template>`);
+        const facetRows = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('facet-row');
+        expect(facetRows === null || facetRows === void 0 ? void 0 : facetRows.length).to.equal(facetGroup.buckets.length);
+        facetRows === null || facetRows === void 0 ? void 0 : 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 and change events when a facet is selected/deselected', async () => {
+        var _a, _b, _c, _d;
+        const facetClickSpy = sinon.spy();
+        const facetChangeSpy = sinon.spy();
         const el = await fixture(html `<facets-template
         .facetGroup=${facetGroup}
-        .selectedFacets=${selectedFacets}
-      ></facets-template>`);
-        await el.updateComplete;
-        const hiddenFacet = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.hide-facet-icon')[0];
-        // check title attribute for 'texts' mediatype
-        expect(hiddenFacet === null || hiddenFacet === void 0 ? void 0 : hiddenFacet.getAttribute('title')).equal('Unhide mediatype: texts');
-    });
-    it('find the selected facet item', async () => {
-        var _a;
-        const selectedFacets = { ...facetGroup };
-        selectedFacets.buckets[1].state = 'selected'; // select 'movies' mediatype
+        @facetClick=${facetClickSpy}
+        @selectedFacetsChanged=${facetChangeSpy}
+      ></facets-template>`);
+        const facetRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facet-row');
+        expect(facetRow).to.exist;
+        const facetSelectCheck = (_b = facetRow.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.select-facet-checkbox');
+        expect(facetSelectCheck).to.exist;
+        facetSelectCheck.click();
+        expect(facetClickSpy.callCount).to.equal(1);
+        expect(facetChangeSpy.callCount).to.equal(1);
+        expect((_c = facetRow.bucket) === null || _c === void 0 ? void 0 : _c.state).to.equal('selected');
+        facetSelectCheck.click();
+        expect(facetClickSpy.callCount).to.equal(2);
+        expect(facetChangeSpy.callCount).to.equal(2);
+        expect((_d = facetRow.bucket) === null || _d === void 0 ? void 0 : _d.state).to.equal('none');
+    });
+    it('emits facet click and change events when a facet is negated/un-negated', async () => {
+        var _a, _b, _c, _d;
+        const facetClickSpy = sinon.spy();
+        const facetChangeSpy = sinon.spy();
         const el = await fixture(html `<facets-template
         .facetGroup=${facetGroup}
-        .selectedFacets=${selectedFacets}
-      ></facets-template>`);
-        await el.updateComplete;
-        const selectedFacet = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.hide-facet-icon')[0];
-        // check title attribute for 'movies' mediatype
-        expect(selectedFacet === null || selectedFacet === void 0 ? void 0 : selectedFacet.getAttribute('title')).equal('Hide mediatype: movies');
-    });
-    it('emits facetClick events for normal facets', async () => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const facetClickSpy = sinon.spy();
-        const mediatypeGroup = {
-            title: 'Media Type',
-            key: 'mediatype',
-            buckets: [
-                { displayText: 'audio', key: 'audio', count: 42, state: 'none' },
-            ],
-        };
-        const selectedFacets = getDefaultSelectedFacets();
-        const el = await fixture(html `<facets-template
-        .facetGroup=${mediatypeGroup}
-        .selectedFacets=${selectedFacets}
         @facetClick=${facetClickSpy}
-      ></facets-template>`);
-        const checkbox = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-facet-checkbox');
-        expect(checkbox).to.exist;
-        // Select it
-        checkbox.click();
-        await el.updateComplete;
-        expect(facetClickSpy.callCount).to.equal(1);
-        const selectEvent = facetClickSpy
-            .args[0][0];
-        expect(selectEvent).to.exist;
-        expect((_b = selectEvent === null || selectEvent === void 0 ? void 0 : selectEvent.detail) === null || _b === void 0 ? void 0 : _b.key).to.equal('mediatype');
-        expect((_c = selectEvent === null || selectEvent === void 0 ? void 0 : selectEvent.detail) === null || _c === void 0 ? void 0 : _c.state).to.equal('selected');
-        expect((_d = selectEvent === null || selectEvent === void 0 ? void 0 : selectEvent.detail) === null || _d === void 0 ? void 0 : _d.negative).to.be.false;
-        // Unselect it
-        checkbox.click();
-        await el.updateComplete;
-        expect(facetClickSpy.callCount).to.equal(2);
-        const unselectEvent = facetClickSpy
-            .args[1][0];
-        expect(unselectEvent).to.exist;
-        expect((_e = unselectEvent === null || unselectEvent === void 0 ? void 0 : unselectEvent.detail) === null || _e === void 0 ? void 0 : _e.key).to.equal('mediatype');
-        expect((_f = unselectEvent === null || unselectEvent === void 0 ? void 0 : unselectEvent.detail) === null || _f === void 0 ? void 0 : _f.state).to.equal('none');
-        expect((_g = unselectEvent === null || unselectEvent === void 0 ? void 0 : unselectEvent.detail) === null || _g === void 0 ? void 0 : _g.negative).to.be.false;
-    });
-    it('emits facetClick events for negative facets', async () => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const facetClickSpy = sinon.spy();
-        const mediatypeGroup = {
-            title: 'Media Type',
-            key: 'mediatype',
-            buckets: [
-                { displayText: 'audio', key: 'audio', count: 42, state: 'none' },
-            ],
-        };
-        const selectedFacets = getDefaultSelectedFacets();
+        @selectedFacetsChanged=${facetChangeSpy}
+      ></facets-template>`);
+        const facetRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facet-row');
+        expect(facetRow).to.exist;
+        const facetNegateCheck = (_b = facetRow.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.hide-facet-checkbox');
+        expect(facetNegateCheck).to.exist;
+        facetNegateCheck.click();
+        expect(facetClickSpy.callCount).to.equal(1);
+        expect(facetChangeSpy.callCount).to.equal(1);
+        expect((_c = facetRow.bucket) === null || _c === void 0 ? void 0 : _c.state).to.equal('hidden');
+        facetNegateCheck.click();
+        expect(facetClickSpy.callCount).to.equal(2);
+        expect(facetChangeSpy.callCount).to.equal(2);
+        expect((_d = facetRow.bucket) === null || _d === void 0 ? void 0 : _d.state).to.equal('none');
+    });
+    it('emits facet click and change events when a pre-selected facet is deselected', async () => {
+        var _a, _b, _c, _d;
+        const facetClickSpy = sinon.spy();
+        const facetChangeSpy = sinon.spy();
+        const facetGroupWithSelection = { ...facetGroup };
+        facetGroupWithSelection.buckets = [
+            { ...facetGroup.buckets[0], state: 'selected' },
+            ...facetGroup.buckets.slice(1),
+        ];
         const el = await fixture(html `<facets-template
-        .facetGroup=${mediatypeGroup}
-        .selectedFacets=${selectedFacets}
+        .facetGroup=${facetGroupWithSelection}
         @facetClick=${facetClickSpy}
-      ></facets-template>`);
-        const checkbox = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.hide-facet-checkbox');
-        expect(checkbox).to.exist;
-        // Select it
-        checkbox.click();
-        await el.updateComplete;
-        expect(facetClickSpy.callCount).to.equal(1);
-        const selectEvent = facetClickSpy
-            .args[0][0];
-        expect(selectEvent).to.exist;
-        expect((_b = selectEvent === null || selectEvent === void 0 ? void 0 : selectEvent.detail) === null || _b === void 0 ? void 0 : _b.key).to.equal('mediatype');
-        expect((_c = selectEvent === null || selectEvent === void 0 ? void 0 : selectEvent.detail) === null || _c === void 0 ? void 0 : _c.state).to.equal('hidden');
-        expect((_d = selectEvent === null || selectEvent === void 0 ? void 0 : selectEvent.detail) === null || _d === void 0 ? void 0 : _d.negative).to.be.true;
-        // Unselect it
-        checkbox.click();
-        await el.updateComplete;
-        expect(facetClickSpy.callCount).to.equal(2);
-        const unselectEvent = facetClickSpy
-            .args[1][0];
-        expect(unselectEvent).to.exist;
-        expect((_e = unselectEvent === null || unselectEvent === void 0 ? void 0 : unselectEvent.detail) === null || _e === void 0 ? void 0 : _e.key).to.equal('mediatype');
-        expect((_f = unselectEvent === null || unselectEvent === void 0 ? void 0 : unselectEvent.detail) === null || _f === void 0 ? void 0 : _f.state).to.equal('none');
-        expect((_g = unselectEvent === null || unselectEvent === void 0 ? void 0 : unselectEvent.detail) === null || _g === void 0 ? void 0 : _g.negative).to.be.true;
-    });
-});
+        @selectedFacetsChanged=${facetChangeSpy}
+      ></facets-template>`);
+        const facetRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facet-row');
+        expect(facetRow).to.exist;
+        const facetSelectCheck = (_b = facetRow.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.select-facet-checkbox');
+        expect(facetSelectCheck).to.exist;
+        expect(facetSelectCheck.checked).to.be.true;
+        facetSelectCheck.click();
+        expect(facetClickSpy.callCount).to.equal(1);
+        expect(facetChangeSpy.callCount).to.equal(1);
+        expect((_c = facetRow.bucket) === null || _c === void 0 ? void 0 : _c.state).to.equal('none');
+        facetSelectCheck.click();
+        expect(facetClickSpy.callCount).to.equal(2);
+        expect(facetChangeSpy.callCount).to.equal(2);
+        expect((_d = facetRow.bucket) === null || _d === void 0 ? void 0 : _d.state).to.equal('selected');
+    });
+});
 //# sourceMappingURL=facets-template.test.js.map

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

@@ -1 +1 @@
-{"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 { getDefaultSelectedFacets, FacetEventDetails } from '../../src/models';\n\nconst 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 render on page', async () => {\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${facetGroup}\n        .renderOn=${'page'}\n      ></facets-template>`\n    );\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.facets-on-page')).to.exist;\n  });\n\n  it('facets render on modal', async () => {\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${facetGroup}\n        .renderOn=${'modal'}\n      ></facets-template>`\n    );\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.facets-on-modal')).to.exist;\n  });\n\n  it('find facet-title and facet-count for particular facet group', async () => {\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template .facetGroup=${facetGroup}></facets-template>`\n    );\n    await el.updateComplete;\n\n    const facetInfo = el.shadowRoot?.querySelector('.facet-info-display');\n    expect(facetInfo?.querySelector('.facet-title')?.textContent).to.equal(\n      'audio'\n    );\n    expect(\n      facetInfo?.querySelector('.facet-count')?.textContent?.trim()\n    ).to.equal('1,001');\n  });\n\n  it('find the hidden facet item', async () => {\n    const selectedFacets = { ...facetGroup };\n    selectedFacets.buckets[2].state = 'hidden'; // hide 'texts' mediatype\n\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${facetGroup}\n        .selectedFacets=${selectedFacets}\n      ></facets-template>`\n    );\n    await el.updateComplete;\n\n    const hiddenFacet = el.shadowRoot?.querySelectorAll('.hide-facet-icon')[0];\n\n    // check title attribute for 'texts' mediatype\n    expect(hiddenFacet?.getAttribute('title')).equal('Unhide mediatype: texts');\n  });\n\n  it('find the selected facet item', async () => {\n    const selectedFacets = { ...facetGroup };\n    selectedFacets.buckets[1].state = 'selected'; // select 'movies' mediatype\n\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${facetGroup}\n        .selectedFacets=${selectedFacets}\n      ></facets-template>`\n    );\n    await el.updateComplete;\n\n    const selectedFacet =\n      el.shadowRoot?.querySelectorAll('.hide-facet-icon')[0];\n\n    // check title attribute for 'movies' mediatype\n    expect(selectedFacet?.getAttribute('title')).equal(\n      'Hide mediatype: movies'\n    );\n  });\n\n  it('emits facetClick events for normal facets', async () => {\n    const facetClickSpy = sinon.spy();\n    const mediatypeGroup = {\n      title: 'Media Type',\n      key: 'mediatype',\n      buckets: [\n        { displayText: 'audio', key: 'audio', count: 42, state: 'none' },\n      ],\n    };\n    const selectedFacets = getDefaultSelectedFacets();\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${mediatypeGroup}\n        .selectedFacets=${selectedFacets}\n        @facetClick=${facetClickSpy}\n      ></facets-template>`\n    );\n\n    const checkbox = el.shadowRoot?.querySelector(\n      '.select-facet-checkbox'\n    ) as HTMLInputElement;\n    expect(checkbox).to.exist;\n\n    // Select it\n    checkbox.click();\n    await el.updateComplete;\n    expect(facetClickSpy.callCount).to.equal(1);\n\n    const selectEvent = facetClickSpy\n      .args[0][0] as CustomEvent<FacetEventDetails>;\n    expect(selectEvent).to.exist;\n    expect(selectEvent?.detail?.key).to.equal('mediatype');\n    expect(selectEvent?.detail?.state).to.equal('selected');\n    expect(selectEvent?.detail?.negative).to.be.false;\n\n    // Unselect it\n    checkbox.click();\n    await el.updateComplete;\n    expect(facetClickSpy.callCount).to.equal(2);\n\n    const unselectEvent = facetClickSpy\n      .args[1][0] as CustomEvent<FacetEventDetails>;\n    expect(unselectEvent).to.exist;\n    expect(unselectEvent?.detail?.key).to.equal('mediatype');\n    expect(unselectEvent?.detail?.state).to.equal('none');\n    expect(unselectEvent?.detail?.negative).to.be.false;\n  });\n\n  it('emits facetClick events for negative facets', async () => {\n    const facetClickSpy = sinon.spy();\n    const mediatypeGroup = {\n      title: 'Media Type',\n      key: 'mediatype',\n      buckets: [\n        { displayText: 'audio', key: 'audio', count: 42, state: 'none' },\n      ],\n    };\n    const selectedFacets = getDefaultSelectedFacets();\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${mediatypeGroup}\n        .selectedFacets=${selectedFacets}\n        @facetClick=${facetClickSpy}\n      ></facets-template>`\n    );\n\n    const checkbox = el.shadowRoot?.querySelector(\n      '.hide-facet-checkbox'\n    ) as HTMLInputElement;\n    expect(checkbox).to.exist;\n\n    // Select it\n    checkbox.click();\n    await el.updateComplete;\n    expect(facetClickSpy.callCount).to.equal(1);\n\n    const selectEvent = facetClickSpy\n      .args[0][0] as CustomEvent<FacetEventDetails>;\n    expect(selectEvent).to.exist;\n    expect(selectEvent?.detail?.key).to.equal('mediatype');\n    expect(selectEvent?.detail?.state).to.equal('hidden');\n    expect(selectEvent?.detail?.negative).to.be.true;\n\n    // Unselect it\n    checkbox.click();\n    await el.updateComplete;\n    expect(facetClickSpy.callCount).to.equal(2);\n\n    const unselectEvent = facetClickSpy\n      .args[1][0] as CustomEvent<FacetEventDetails>;\n    expect(unselectEvent).to.exist;\n    expect(unselectEvent?.detail?.key).to.equal('mediatype');\n    expect(unselectEvent?.detail?.state).to.equal('none');\n    expect(unselectEvent?.detail?.negative).to.be.true;\n  });\n});\n"]}
+{"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 render on page', async () => {\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${facetGroup}\n        .renderOn=${'page'}\n      ></facets-template>`\n    );\n\n    expect(el.shadowRoot?.querySelector('.facets-on-page')).to.exist;\n  });\n\n  it('facets render on modal', async () => {\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${facetGroup}\n        .renderOn=${'modal'}\n      ></facets-template>`\n    );\n\n    expect(el.shadowRoot?.querySelector('.facets-on-modal')).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 and change events when a facet is selected/deselected', async () => {\n    const facetClickSpy = sinon.spy();\n    const facetChangeSpy = sinon.spy();\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${facetGroup}\n        @facetClick=${facetClickSpy}\n        @selectedFacetsChanged=${facetChangeSpy}\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(facetChangeSpy.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(facetChangeSpy.callCount).to.equal(2);\n    expect(facetRow.bucket?.state).to.equal('none');\n  });\n\n  it('emits facet click and change events when a facet is negated/un-negated', async () => {\n    const facetClickSpy = sinon.spy();\n    const facetChangeSpy = sinon.spy();\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${facetGroup}\n        @facetClick=${facetClickSpy}\n        @selectedFacetsChanged=${facetChangeSpy}\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(facetChangeSpy.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(facetChangeSpy.callCount).to.equal(2);\n    expect(facetRow.bucket?.state).to.equal('none');\n  });\n\n  it('emits facet click and change events when a pre-selected facet is deselected', async () => {\n    const facetClickSpy = sinon.spy();\n    const facetChangeSpy = 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        @selectedFacetsChanged=${facetChangeSpy}\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(facetChangeSpy.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(facetChangeSpy.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 +1 @@
-import '../../src/collection-facets/more-facets-content';
+import '../../src/collection-facets/more-facets-content';