@internetarchive/collection-browser 2.6.1 → 2.6.2-alpha.0

package/dist/test/collection-facets/facet-row.test.d.ts

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

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

@@ -1,248 +1,248 @@
-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);
-        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;
-        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,
-        };
+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);
+        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;
+        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,
-        };
+      ></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,
-        };
+      ></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,
-        };
+      ></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,
-        };
+      ></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,
-        });
-    });
-});
+      ></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/facets-template.test.d.ts

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