@internetarchive/collection-browser 3.3.2 → 3.3.3

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

@@ -0,0 +1,274 @@
+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 () => {
+        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);
+        const labelText = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.facet-info-display');
+        expect((_e = labelText === null || labelText === void 0 ? void 0 : labelText.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 correct accessible label for unchecked negative facets', async () => {
+        var _a, _b;
+        const bucket = {
+            key: 'foo',
+            state: 'none',
+            count: 5,
+        };
+        const el = await fixture(html `<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`);
+        const hideFacetLabel = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.hide-facet-icon');
+        expect((_b = hideFacetLabel === null || hideFacetLabel === void 0 ? void 0 : hideFacetLabel.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.match(/^Hide subject: foo$/);
+    });
+    it('renders correct accessible label for checked negative facets', async () => {
+        var _a, _b;
+        const bucket = {
+            key: 'foo',
+            state: 'hidden',
+            count: 5,
+        };
+        const el = await fixture(html `<facet-row .facetType=${'subject'} .bucket=${bucket}></facet-row>`);
+        const hideFacetLabel = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.hide-facet-icon');
+        expect((_b = hideFacetLabel === null || hideFacetLabel === void 0 ? void 0 : hideFacetLabel.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.match(/^Unhide subject: foo$/);
+    });
+    it('renders collection facets as links', async () => {
+        var _a;
+        const bucket = {
+            key: 'foo',
+            state: 'none',
+            count: 5,
+        };
+        const el = await fixture(html `<facet-row
+        .facetType=${'collection'}
+        .bucket=${bucket}
+      ></facet-row>`);
+        const collectionName = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facet-title > a:link');
+        expect(collectionName).to.exist;
+        expect(collectionName === null || collectionName === void 0 ? void 0 : collectionName.getAttribute('href')).to.equal('/details/foo');
+    });
+    it('does not render non-collection facets as links', async () => {
+        var _a;
+        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('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: {
+                key: 'foo',
+                state: 'selected',
+                count: 5,
+            },
+            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: {
+                key: 'foo',
+                state: 'none',
+                count: 5,
+            },
+            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: {
+                key: 'foo',
+                state: 'hidden',
+                count: 5,
+            },
+            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: {
+                key: 'foo',
+                state: 'none',
+                count: 5,
+            },
+            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: {
+                key: 'foo',
+                state: 'selected',
+                count: 5,
+            },
+            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: {
+                key: 'foo',
+                state: 'none',
+                count: 5,
+            },
+            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';\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('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

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

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

@@ -0,0 +1,101 @@
+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 template renders facet rows', async () => {
+        var _a;
+        const el = await fixture(html `<facets-template .facetGroup=${facetGroup}></facets-template>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facet-rows')).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 event when a facet is selected/deselected', async () => {
+        var _a, _b, _c, _d;
+        const facetClickSpy = sinon.spy();
+        const el = await fixture(html `<facets-template
+        .facetGroup=${facetGroup}
+        @facetClick=${facetClickSpy}
+      ></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((_c = facetRow.bucket) === null || _c === void 0 ? void 0 : _c.state).to.equal('selected');
+        facetSelectCheck.click();
+        expect(facetClickSpy.callCount).to.equal(2);
+        expect((_d = facetRow.bucket) === null || _d === void 0 ? void 0 : _d.state).to.equal('none');
+    });
+    it('emits facet click event when a facet is negated/un-negated', async () => {
+        var _a, _b, _c, _d;
+        const facetClickSpy = sinon.spy();
+        const el = await fixture(html `<facets-template
+        .facetGroup=${facetGroup}
+        @facetClick=${facetClickSpy}
+      ></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((_c = facetRow.bucket) === null || _c === void 0 ? void 0 : _c.state).to.equal('hidden');
+        facetNegateCheck.click();
+        expect(facetClickSpy.callCount).to.equal(2);
+        expect((_d = facetRow.bucket) === null || _d === void 0 ? void 0 : _d.state).to.equal('none');
+    });
+    it('emits facet click event when a pre-selected facet is deselected', async () => {
+        var _a, _b, _c, _d;
+        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 = (_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((_c = facetRow.bucket) === null || _c === void 0 ? void 0 : _c.state).to.equal('none');
+        facetSelectCheck.click();
+        expect(facetClickSpy.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

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

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

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

@@ -0,0 +1,169 @@
+import { aTimeout, expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../../src/collection-facets/more-facets-content';
+import { MockSearchService } from '../mocks/mock-search-service';
+import { MockAnalyticsHandler } from '../mocks/mock-analytics-handler';
+const selectedFacetsGroup = {
+    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' },
+    ],
+};
+const yearSelectedFacets = {
+    mediatype: {},
+    lending: {},
+    year: {
+        '2000': { key: '2000', count: 5, state: 'selected' },
+    },
+    subject: {},
+    collection: {},
+    creator: {},
+    language: {},
+};
+describe('More facets content', () => {
+    it('should render more facets template', async () => {
+        var _a;
+        const el = await fixture(html `<more-facets-content></more-facets-content>`);
+        el.facetsLoading = false;
+        await el.updateComplete;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-content')).to.exist;
+    });
+    it('should render more facets loader template', async () => {
+        var _a;
+        const el = await fixture(html `<more-facets-content></more-facets-content>`);
+        el.facetsLoading = true;
+        await el.updateComplete;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.facets-loader')).to.exist;
+    });
+    it('should render pagination for more facets', async () => {
+        var _a;
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
+      ></more-facets-content>`);
+        el.facetKey = 'year';
+        el.query = 'more-facets'; // Produces a response with 40+ aggregations for multiple pages
+        await el.updateComplete;
+        await aTimeout(50); // Give it a moment to perform the (mock) search query after the initial update
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('more-facets-pagination')).to.exist;
+    });
+    it('query for more facets content using search service', async () => {
+        var _a;
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
+      ></more-facets-content>`);
+        el.facetKey = 'collection';
+        el.query = 'collection-aggregations';
+        await el.updateComplete;
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection-aggregations');
+    });
+    it('queries for more facets using search service within a collection (no query)', async () => {
+        var _a, _b;
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
+        .pageSpecifierParams=${{
+            pageType: 'collection_details',
+            pageTarget: 'foobar',
+        }}
+      ></more-facets-content>`);
+        el.facetKey = 'subject';
+        await el.updateComplete;
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.be.empty;
+        expect((_b = searchService.searchParams) === null || _b === void 0 ? void 0 : _b.pageTarget).to.equal('foobar');
+    });
+    it('queries for more facets using search service within a collection (with query)', async () => {
+        var _a, _b;
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
+        .pageSpecifierParams=${{
+            pageType: 'collection_details',
+            pageTarget: 'foobar',
+        }}
+      ></more-facets-content>`);
+        el.facetKey = 'subject';
+        el.query = 'title:hello';
+        await el.updateComplete;
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('title:hello');
+        expect((_b = searchService.searchParams) === null || _b === void 0 ? void 0 : _b.pageTarget).to.equal('foobar');
+    });
+    it('filter raw selectedFacets object', async () => {
+        var _a;
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .searchService=${searchService}
+        .selectedFacets=${selectedFacetsGroup}
+      ></more-facets-content>`);
+        el.facetKey = 'collection';
+        el.query = 'title:hello';
+        await el.updateComplete;
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('title:hello');
+    });
+    it('combines selectedFacets and aggregationFacets and renders on modal', async () => {
+        var _a;
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<more-facets-content
+        .facetKey=${'year'}
+        .query=${'more-facets'}
+        .searchService=${searchService}
+        .selectedFacets=${yearSelectedFacets}
+      ></more-facets-content>`);
+        const facetsTemplate = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template');
+        expect(facetsTemplate).to.exist;
+        const { facetGroup } = facetsTemplate;
+        expect(facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.key).to.equal('year');
+        expect(facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.title).to.equal('Year');
+        // First bucket is the one that was included in the selected facets
+        const firstBucket = facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.buckets[0];
+        expect(firstBucket === null || firstBucket === void 0 ? void 0 : firstBucket.key).to.equal('2000');
+        expect(firstBucket === null || firstBucket === void 0 ? void 0 : firstBucket.count).to.equal(5);
+        // Second bucket is the most recent year, since year facets default to descending order of year
+        const secondBucket = facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.buckets[1];
+        expect(secondBucket === null || secondBucket === void 0 ? void 0 : secondBucket.key).to.equal('2024');
+        expect(secondBucket === null || secondBucket === void 0 ? void 0 : secondBucket.count).to.equal(5);
+    });
+    it('cancel button clicked event', async () => {
+        var _a;
+        const searchService = new MockSearchService();
+        const mockAnalyticsHandler = new MockAnalyticsHandler();
+        const el = await fixture(html `<more-facets-content
+        .facetKey=${'collection'}
+        .query=${'collection-aggregations'}
+        .searchService=${searchService}
+        .analyticsHandler=${mockAnalyticsHandler}
+      ></more-facets-content>`);
+        // select cancel button
+        const cancelButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.footer > .btn-cancel');
+        expect(cancelButton).to.exist;
+        cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.click();
+        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
+        expect(mockAnalyticsHandler.callAction).to.equal('closeMoreFacetsModal');
+        expect(mockAnalyticsHandler.callLabel).to.equal('collection');
+    });
+    it('facet apply button clicked event', async () => {
+        var _a;
+        const searchService = new MockSearchService();
+        const mockAnalyticsHandler = new MockAnalyticsHandler();
+        const el = await fixture(html `<more-facets-content
+        .facetKey=${'collection'}
+        .query=${'collection-aggregations'}
+        .searchService=${searchService}
+        .analyticsHandler=${mockAnalyticsHandler}
+      ></more-facets-content>`);
+        // select submit button
+        const submitButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.footer > .btn-submit');
+        expect(submitButton).to.exist;
+        submitButton === null || submitButton === void 0 ? void 0 : submitButton.click();
+        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
+        expect(mockAnalyticsHandler.callAction).to.equal('applyMoreFacetsModal');
+        expect(mockAnalyticsHandler.callLabel).to.equal('collection');
+    });
+});
+//# sourceMappingURL=more-facets-content.test.js.map