@internetarchive/collection-browser 2.4.1-e2e-test-2 → 2.5.0

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

@@ -1,124 +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 render on page', async () => {
-        var _a;
-        const el = await fixture(html `<facets-template
-        .facetGroup=${facetGroup}
-        .renderOn=${'page'}
-      ></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>`);
-        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();
+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}
-        @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();
+      ></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}
-        @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),
-        ];
+      ></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}
-        @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');
-    });
-});
+      ></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

@@ -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 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"]}
+{"version":3,"file":"facets-template.test.js","sourceRoot":"","sources":["../../../test/collection-facets/facets-template.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,6CAA6C,CAAC;AAIrD,MAAM,UAAU,GAAe;IAC7B,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,WAAW;IAChB,OAAO,EAAE;QACP,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE;QAClE,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;QACnE,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE;QAClE,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;QAC/D,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;KAC9D;CACF,CAAC;AAEF,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;;QAClD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,gCAAgC,UAAU,qBAAqB,CACpE,CAAC;QACF,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;;QAClD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,gCAAgC,UAAU,qBAAqB,CACpE,CAAC;QAEF,MAAM,CAAC,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;;QAC1D,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,gCAAgC,UAAU,qBAAqB,CACpE,CAAC;QAEF,MAAM,SAAS,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;QAC/D,MAAM,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAE9D,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YAC7B,MAAM,QAAQ,GAAG,IAAgB,CAAC;YAClC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAC1B,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;YACxD,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;;QAC3E,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QAClC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;sBACY,UAAU;sBACV,aAAa;0BACT,CACrB,CAAC;QAEF,MAAM,QAAQ,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,WAAW,CAAa,CAAC;QACvE,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE1B,MAAM,gBAAgB,GAAG,MAAA,QAAQ,CAAC,UAAU,0CAAE,aAAa,CACzD,wBAAwB,CACL,CAAC;QACtB,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAElC,gBAAgB,CAAC,KAAK,EAAE,CAAC;QACzB,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAA,QAAQ,CAAC,MAAM,0CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAEpD,gBAAgB,CAAC,KAAK,EAAE,CAAC;QACzB,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAA,QAAQ,CAAC,MAAM,0CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4DAA4D,EAAE,KAAK,IAAI,EAAE;;QAC1E,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QAClC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;sBACY,UAAU;sBACV,aAAa;0BACT,CACrB,CAAC;QAEF,MAAM,QAAQ,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,WAAW,CAAa,CAAC;QACvE,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE1B,MAAM,gBAAgB,GAAG,MAAA,QAAQ,CAAC,UAAU,0CAAE,aAAa,CACzD,sBAAsB,CACH,CAAC;QACtB,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAElC,gBAAgB,CAAC,KAAK,EAAE,CAAC;QACzB,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAA,QAAQ,CAAC,MAAM,0CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAElD,gBAAgB,CAAC,KAAK,EAAE,CAAC;QACzB,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAA,QAAQ,CAAC,MAAM,0CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;;QAC/E,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QAClC,MAAM,uBAAuB,GAAG,EAAE,GAAG,UAAU,EAAE,CAAC;QAClD,uBAAuB,CAAC,OAAO,GAAG;YAChC,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE;YAC/C,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;SAC/B,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;sBACY,uBAAuB;sBACvB,aAAa;0BACT,CACrB,CAAC;QAEF,MAAM,QAAQ,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,WAAW,CAAa,CAAC;QACvE,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE1B,MAAM,gBAAgB,GAAG,MAAA,QAAQ,CAAC,UAAU,0CAAE,aAAa,CACzD,wBAAwB,CACL,CAAC;QACtB,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAClC,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE5C,gBAAgB,CAAC,KAAK,EAAE,CAAC;QACzB,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAA,QAAQ,CAAC,MAAM,0CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAEhD,gBAAgB,CAAC,KAAK,EAAE,CAAC;QACzB,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAA,QAAQ,CAAC,MAAM,0CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { html } from 'lit';\nimport type { FacetsTemplate } from '../../src/collection-facets/facets-template';\nimport '../../src/collection-facets/facets-template';\nimport type { FacetRow } from '../../src/collection-facets/facet-row';\nimport type { FacetGroup } from '../../src/models';\n\nconst facetGroup: FacetGroup = {\n  title: 'Media Type',\n  key: 'mediatype',\n  buckets: [\n    { displayText: 'audio', key: 'audio', count: 1001, state: 'none' },\n    { displayText: 'movies', key: 'movies', count: 901, state: 'none' },\n    { displayText: 'texts', key: 'texts', count: 2101, state: 'none' },\n    { displayText: 'data', key: 'data', count: 230, state: 'none' },\n    { displayText: 'web', key: 'web', count: 453, state: 'none' },\n  ],\n};\n\ndescribe('Render facets', () => {\n  it('should render more facets template', async () => {\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template .facetGroup=${facetGroup}></facets-template>`\n    );\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('facet-row')).to.exist;\n  });\n\n  it('facets template renders facet rows', async () => {\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template .facetGroup=${facetGroup}></facets-template>`\n    );\n\n    expect(el.shadowRoot?.querySelector('.facet-rows')).to.exist;\n  });\n\n  it('applies correct bucket values to facet row', async () => {\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template .facetGroup=${facetGroup}></facets-template>`\n    );\n\n    const facetRows = el.shadowRoot?.querySelectorAll('facet-row');\n    expect(facetRows?.length).to.equal(facetGroup.buckets.length);\n\n    facetRows?.forEach((elmt, i) => {\n      const facetRow = elmt as FacetRow;\n      expect(facetRow).to.exist;\n      expect(facetRow.bucket).to.equal(facetGroup.buckets[i]);\n      expect(facetRow.facetType).to.equal(facetGroup.key);\n    });\n  });\n\n  it('emits facet click event when a facet is selected/deselected', async () => {\n    const facetClickSpy = sinon.spy();\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${facetGroup}\n        @facetClick=${facetClickSpy}\n      ></facets-template>`\n    );\n\n    const facetRow = el.shadowRoot?.querySelector('facet-row') as FacetRow;\n    expect(facetRow).to.exist;\n\n    const facetSelectCheck = facetRow.shadowRoot?.querySelector(\n      '.select-facet-checkbox'\n    ) as HTMLInputElement;\n    expect(facetSelectCheck).to.exist;\n\n    facetSelectCheck.click();\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetRow.bucket?.state).to.equal('selected');\n\n    facetSelectCheck.click();\n    expect(facetClickSpy.callCount).to.equal(2);\n    expect(facetRow.bucket?.state).to.equal('none');\n  });\n\n  it('emits facet click event when a facet is negated/un-negated', async () => {\n    const facetClickSpy = sinon.spy();\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${facetGroup}\n        @facetClick=${facetClickSpy}\n      ></facets-template>`\n    );\n\n    const facetRow = el.shadowRoot?.querySelector('facet-row') as FacetRow;\n    expect(facetRow).to.exist;\n\n    const facetNegateCheck = facetRow.shadowRoot?.querySelector(\n      '.hide-facet-checkbox'\n    ) as HTMLInputElement;\n    expect(facetNegateCheck).to.exist;\n\n    facetNegateCheck.click();\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetRow.bucket?.state).to.equal('hidden');\n\n    facetNegateCheck.click();\n    expect(facetClickSpy.callCount).to.equal(2);\n    expect(facetRow.bucket?.state).to.equal('none');\n  });\n\n  it('emits facet click event when a pre-selected facet is deselected', async () => {\n    const facetClickSpy = sinon.spy();\n    const facetGroupWithSelection = { ...facetGroup };\n    facetGroupWithSelection.buckets = [\n      { ...facetGroup.buckets[0], state: 'selected' },\n      ...facetGroup.buckets.slice(1),\n    ];\n\n    const el = await fixture<FacetsTemplate>(\n      html`<facets-template\n        .facetGroup=${facetGroupWithSelection}\n        @facetClick=${facetClickSpy}\n      ></facets-template>`\n    );\n\n    const facetRow = el.shadowRoot?.querySelector('facet-row') as FacetRow;\n    expect(facetRow).to.exist;\n\n    const facetSelectCheck = facetRow.shadowRoot?.querySelector(\n      '.select-facet-checkbox'\n    ) as HTMLInputElement;\n    expect(facetSelectCheck).to.exist;\n    expect(facetSelectCheck.checked).to.be.true;\n\n    facetSelectCheck.click();\n    expect(facetClickSpy.callCount).to.equal(1);\n    expect(facetRow.bucket?.state).to.equal('none');\n\n    facetSelectCheck.click();\n    expect(facetClickSpy.callCount).to.equal(2);\n    expect(facetRow.bucket?.state).to.equal('selected');\n  });\n});\n"]}

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

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

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

@@ -1,161 +1,170 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import { Aggregation } from '@internetarchive/search-service';
-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 aggregations = {
-    collection: new Aggregation({
-        buckets: [
-            {
-                key: 'foo',
-                doc_count: 5,
-            },
-        ],
-    }),
-};
-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();
+/* eslint-disable import/no-duplicates */
+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 = 'mediatype';
-        el.facetsLoading = false;
-        el.paginationSize = 6;
-        await el.updateComplete;
-        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();
+      ></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();
+      ></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',
+        .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();
+      ></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',
+        .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();
+      ></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('combine selectedFacets and aggregationFacets and render on modal', async () => {
-        var _a;
-        const searchService = new MockSearchService();
+      ></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=${selectedFacetsGroup}
-        .aggregations=${aggregations}
-      ></more-facets-content>`);
-        await el.updateComplete;
-        expect(el.facetGroupTitle).to.equal('Collection');
-        const facetGroup = (_a = el.facetGroup) === null || _a === void 0 ? void 0 : _a.shift();
-        expect(facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.key).to.equal('collection');
-        expect(facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.title).to.equal('Collection');
-        const bucket = facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.buckets[0];
-        expect(bucket === null || bucket === void 0 ? void 0 : bucket.key).to.equal('foo');
-        expect(bucket === null || bucket === void 0 ? void 0 : bucket.count).to.equal(5);
-    });
-    it('cancel button clicked event', async () => {
-        var _a;
-        const mockAnalyticsHandler = new MockAnalyticsHandler();
+        .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>`);
-        el.facetsLoading = false;
-        el.paginationSize = 5;
-        await el.updateComplete;
-        // select cancel button
-        const cancelButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.footer > .btn-cancel');
-        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('undefined');
-    });
-    it('facet apply button clicked event', async () => {
-        var _a;
-        const mockAnalyticsHandler = new 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>`);
-        el.facetsLoading = false;
-        el.paginationSize = 5;
-        el.facetKey = 'collection';
-        await el.updateComplete;
-        // select submit button
-        const submitButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.footer > .btn-submit');
-        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');
-    });
-});
+      ></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