@internetarchive/collection-browser 0.3.6 → 0.3.7-alpha.1

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

@@ -1,503 +1,549 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import sinon from 'sinon';
-import { html } from 'lit';
-import { Aggregation } from '@internetarchive/search-service';
-import { ModalManager, } from '@internetarchive/modal-manager';
-import '@internetarchive/modal-manager';
-import '../src/collection-facets';
-import { LanguageCodeHandler, } from '../src/language-code-handler/language-code-handler';
-import { MockAnalyticsHandler } from './mocks/mock-analytics-handler';
-describe('Collection Facets', () => {
-    it('has loader', async () => {
-        var _a, _b, _c, _d;
-        const el = await fixture(html `<collection-facets ?facetsLoading=${true}></collection-facets>`);
-        expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container')) === null || _b === void 0 ? void 0 : _b.classList.contains('loading')).to.be.true;
-        el.facetsLoading = false;
-        await el.updateComplete;
-        expect((_d = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#container')) === null || _d === void 0 ? void 0 : _d.classList.contains('loading')).to.be.false;
-    });
-    it('renders aggregations as facets', async () => {
-        var _a, _b, _c, _d, _e;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const aggs = {
-            subject: new Aggregation({
-                buckets: [
-                    {
-                        key: 'foo',
-                        doc_count: 5,
-                    },
-                ],
-            }),
-        };
-        el.aggregations = aggs;
-        await el.updateComplete;
-        const facetGroups = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.facet-group');
-        expect(facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups.length).to.equal(1);
-        const titleFacetGroup = facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups[0];
-        const facetGroupHeader = titleFacetGroup === null || titleFacetGroup === void 0 ? void 0 : titleFacetGroup.querySelector('h1');
-        expect((_b = facetGroupHeader === null || facetGroupHeader === void 0 ? void 0 : facetGroupHeader.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Subject');
-        const titleFacetRow = (_d = (_c = titleFacetGroup === null || titleFacetGroup === void 0 ? void 0 : titleFacetGroup.querySelector('facets-template')) === null || _c === void 0 ? void 0 : _c.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.facet-row');
-        expect((_e = titleFacetRow === null || titleFacetRow === void 0 ? void 0 : titleFacetRow.textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.satisfy((text) => /^foo\s*5$/.test(text));
-    });
-    it('renders multiple aggregation types', async () => {
-        var _a;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const aggs = {
-            subject: new Aggregation({
-                buckets: [
-                    {
-                        key: 'foo',
-                        doc_count: 5,
-                    },
-                ],
-            }),
-            mediatype: new Aggregation({
-                buckets: [
-                    {
-                        key: 'bar',
-                        doc_count: 10,
-                    },
-                ],
-            }),
-        };
-        el.aggregations = aggs;
-        await el.updateComplete;
-        const facetGroups = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.facet-group');
-        expect(facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups.length).to.equal(2);
-    });
-    it('renders collection facets as links', async () => {
-        var _a, _b, _c, _d;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const aggs = {
-            collection: new Aggregation({
-                buckets: [
-                    {
-                        key: 'foo',
-                        doc_count: 5,
-                    },
-                ],
-            }),
-        };
-        el.aggregations = aggs;
-        await el.updateComplete;
-        const collectionName = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('async-collection-name');
-        expect(collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement).to.be.instanceOf(HTMLAnchorElement);
-        expect((_d = collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement) === null || _d === void 0 ? void 0 : _d.getAttribute('href')).to.equal('/details/foo');
-    });
-    it('renders non-collection facets without links', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const aggs = {
-            subject: new Aggregation({
-                buckets: [
-                    {
-                        key: 'foo',
-                        doc_count: 5,
-                    },
-                ],
-            }),
-        };
-        el.aggregations = aggs;
-        await el.updateComplete;
-        const collectionName = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('async-collection-name');
-        expect(collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement).to.not.be.instanceOf(HTMLAnchorElement);
-    });
-    it('does not render suppressed collection facets', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const aggs = {
-            collection: new Aggregation({
-                buckets: [
-                    {
-                        key: 'deemphasize',
-                        doc_count: 5,
-                    },
-                    {
-                        key: 'community',
-                        doc_count: 5,
-                    },
-                    {
-                        key: 'foo',
-                        doc_count: 5,
-                    },
-                ],
-            }),
-        };
-        el.aggregations = aggs;
-        await el.updateComplete;
-        const collectionFacets = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelectorAll('.facet-row');
-        expect(collectionFacets === null || collectionFacets === void 0 ? void 0 : collectionFacets.length).to.equal(1);
-        // The first (and only) collection link should be for 'foo'
-        const collectionLink = collectionFacets === null || collectionFacets === void 0 ? void 0 : collectionFacets.item(0).querySelector(`a[href='/details/foo']`);
-        expect(collectionLink).to.exist;
-    });
-    it('renders language facets with their human-readable names', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const languageCodeHandler = new LanguageCodeHandler();
-        const aggs = {
-            language: new Aggregation({
-                buckets: [
-                    {
-                        key: 'English',
-                        doc_count: 3,
-                    },
-                ],
-            }),
-        };
-        el.languageCodeHandler = languageCodeHandler;
-        el.aggregations = aggs;
-        await el.updateComplete;
-        const facetsTemplate = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template');
-        const languageTitle = (_b = facetsTemplate === null || facetsTemplate === void 0 ? void 0 : facetsTemplate.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.facet-title');
-        expect((_c = languageTitle === null || languageTitle === void 0 ? void 0 : languageTitle.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('English');
-    });
-    it('renders selected/negative language facets with human-readable names', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const languageCodeHandler = new LanguageCodeHandler();
-        const selectedFacets = {
-            subject: {},
-            lending: {},
-            mediatype: {},
-            language: {
-                en: {
-                    key: 'en',
-                    count: 5,
-                    state: 'selected',
-                },
-            },
-            creator: {},
-            collection: {},
-            year: {},
-        };
-        el.languageCodeHandler = languageCodeHandler;
-        el.selectedFacets = selectedFacets;
-        await el.updateComplete;
-        const facetsTemplate = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template');
-        const languageTitle = (_b = facetsTemplate === null || facetsTemplate === void 0 ? void 0 : facetsTemplate.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.facet-title');
-        expect((_c = languageTitle === null || languageTitle === void 0 ? void 0 : languageTitle.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('English');
-    });
-    it('renders lending facets with human-readable names', async () => {
-        var _a, _b, _c, _d, _e;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const aggs = {
-            lending: new Aggregation({
-                buckets: [
-                    {
-                        key: 'is_lendable',
-                        doc_count: 3,
-                    },
-                    {
-                        key: 'available_to_borrow',
-                        doc_count: 2,
-                    },
-                    {
-                        key: 'is_readable',
-                        doc_count: 1,
-                    },
-                ],
-            }),
-        };
-        el.aggregations = aggs;
-        await el.updateComplete;
-        const facetsTemplate = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template');
-        const lendingTitles = (_b = facetsTemplate === null || facetsTemplate === void 0 ? void 0 : facetsTemplate.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('.facet-title');
-        expect(lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.length).to.equal(3);
-        expect((_c = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(0).textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('Lending Library');
-        expect((_d = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(1).textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Borrow 14 Days');
-        expect((_e = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(2).textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.equal('Always Available');
-    });
-    it('renders selected/negative lending facets with human-readable names', async () => {
-        var _a, _b, _c, _d, _e;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const selectedFacets = {
-            subject: {},
-            lending: {
-                is_lendable: {
-                    key: 'is_lendable',
-                    count: 5,
-                    state: 'selected',
-                },
-                available_to_borrow: {
-                    key: 'available_to_borrow',
-                    count: 4,
-                    state: 'selected',
-                },
-                is_readable: {
-                    key: 'is_readable',
-                    count: 3,
-                    state: 'hidden',
-                },
-            },
-            mediatype: {},
-            language: {},
-            creator: {},
-            collection: {},
-            year: {},
-        };
-        el.selectedFacets = selectedFacets;
-        await el.updateComplete;
-        const facetsTemplate = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template');
-        const lendingTitles = (_b = facetsTemplate === null || facetsTemplate === void 0 ? void 0 : facetsTemplate.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('.facet-title');
-        expect(lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.length).to.equal(3);
-        expect((_c = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(0).textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('Lending Library');
-        expect((_d = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(1).textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Borrow 14 Days');
-        expect((_e = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(2).textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.equal('Always Available');
-    });
-    it('only renders lending facets for is_lendable, available_to_borrow, and is_readable', async () => {
-        var _a, _b, _c, _d, _e;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const aggs = {
-            lending: new Aggregation({
-                buckets: [
-                    {
-                        key: 'is_lendable',
-                        doc_count: 5,
-                    },
-                    {
-                        key: 'is_borrowable',
-                        doc_count: 4,
-                    },
-                    {
-                        key: 'available_to_borrow',
-                        doc_count: 5,
-                    },
-                    {
-                        key: 'is_browsable',
-                        doc_count: 4,
-                    },
-                    {
-                        key: 'available_to_browse',
-                        doc_count: 5,
-                    },
-                    {
-                        key: 'is_readable',
-                        doc_count: 4,
-                    },
-                    {
-                        key: 'available_to_waitlist',
-                        doc_count: 5,
-                    },
-                ],
-            }),
-        };
-        el.aggregations = aggs;
-        await el.updateComplete;
-        const facetsTemplate = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template');
-        const lendingTitles = (_b = facetsTemplate === null || facetsTemplate === void 0 ? void 0 : facetsTemplate.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('.facet-title');
-        expect(lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.length).to.equal(3);
-        expect((_c = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(0).textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('Lending Library');
-        expect((_d = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(1).textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Borrow 14 Days');
-        expect((_e = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(2).textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.equal('Always Available');
-    });
-    it('does not render a More... link for lending facets', async () => {
-        var _a;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const aggs = {
-            lending: new Aggregation({
-                buckets: [
-                    {
-                        key: 'is_lendable',
-                        doc_count: 5,
-                    },
-                    {
-                        key: 'is_borrowable',
-                        doc_count: 4,
-                    },
-                    {
-                        key: 'available_to_borrow',
-                        doc_count: 5,
-                    },
-                    {
-                        key: 'is_browsable',
-                        doc_count: 4,
-                    },
-                    {
-                        key: 'available_to_browse',
-                        doc_count: 5,
-                    },
-                    {
-                        key: 'is_readable',
-                        doc_count: 4,
-                    },
-                    {
-                        key: 'available_to_waitlist',
-                        doc_count: 5,
-                    },
-                ],
-            }),
-        };
-        el.aggregations = aggs;
-        await el.updateComplete;
-        const moreLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.more-link');
-        expect(moreLink).not.to.exist;
-    });
-    describe('More Facets', () => {
-        it('Does not render < allowedFacetCount', async () => {
-            var _a;
-            const el = await fixture(html `<collection-facets></collection-facets>`);
-            const aggs = {
-                subject: new Aggregation({
-                    buckets: [
-                        {
-                            key: 'foo',
-                            doc_count: 5,
-                        },
-                    ],
-                }),
-            };
-            el.aggregations = aggs;
-            await el.updateComplete;
-            const moreLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.more-link');
-            expect(moreLink).to.be.null;
-        });
-        it('renders sorting icons', async () => {
-            var _a;
-            const el = await fixture(html `<collection-facets></collection-facets>`);
-            const aggs = {
-                subject: new Aggregation({
-                    buckets: [
-                        {
-                            key: 'foo',
-                            doc_count: 5,
-                        },
-                    ],
-                }),
-            };
-            el.aggregations = aggs;
-            await el.updateComplete;
-            const sortingIcon = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.sorting-icon');
-            expect(sortingIcon).to.exist;
-        });
-        it('does not render sorting icon for lending facets', async () => {
-            var _a;
-            const el = await fixture(html `<collection-facets></collection-facets>`);
-            const aggs = {
-                lending: new Aggregation({
-                    buckets: [
-                        {
-                            key: 'is_readable',
-                            doc_count: 5,
-                        },
-                    ],
-                }),
-            };
-            el.aggregations = aggs;
-            await el.updateComplete;
-            const sortingIcon = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.sorting-icon');
-            expect(sortingIcon).not.to.exist;
-        });
-        it('Render More Facets', async () => {
-            var _a, _b;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import sinon from 'sinon';
+import { html } from 'lit';
+import { Aggregation } from '@internetarchive/search-service';
+import { ModalManager, } from '@internetarchive/modal-manager';
+import '@internetarchive/modal-manager';
+import '../src/collection-facets';
+import { LanguageCodeHandler, } from '../src/language-code-handler/language-code-handler';
+import { MockAnalyticsHandler } from './mocks/mock-analytics-handler';
+describe('Collection Facets', () => {
+    it('has loader', async () => {
+        var _a, _b, _c, _d;
+        const el = await fixture(html `<collection-facets ?facetsLoading=${true}></collection-facets>`);
+        expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container')) === null || _b === void 0 ? void 0 : _b.classList.contains('loading')).to.be.true;
+        el.facetsLoading = false;
+        await el.updateComplete;
+        expect((_d = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#container')) === null || _d === void 0 ? void 0 : _d.classList.contains('loading')).to.be.false;
+    });
+    it('renders a date picker loading placeholder when date picker enabled', async () => {
+        var _a;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        el.fullYearAggregationLoading = true;
+        el.showHistogramDatePicker = true;
+        await el.updateComplete;
+        const histogramLoader = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.histogram-loading-indicator');
+        expect(histogramLoader).to.exist;
+    });
+    it('does not render a date picker loading placeholder when date picker disabled', async () => {
+        var _a;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        el.fullYearAggregationLoading = true;
+        el.showHistogramDatePicker = false;
+        await el.updateComplete;
+        const histogramLoader = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.histogram-loading-indicator');
+        expect(histogramLoader).to.be.null;
+    });
+    it('renders the date picker when enabled with data present', async () => {
+        var _a;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        el.fullYearAggregationLoading = false;
+        el.showHistogramDatePicker = true;
+        el.fullYearsHistogramAggregation = new Aggregation({
+            buckets: [1, 2, 3],
+            first_bucket_key: 0,
+            last_bucket_key: 2,
+        });
+        await el.updateComplete;
+        const histogram = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('histogram-date-range');
+        expect(histogram).to.exist;
+    });
+    it('does not render the date picker when disabled', async () => {
+        var _a;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        el.fullYearAggregationLoading = false;
+        el.showHistogramDatePicker = false;
+        el.fullYearsHistogramAggregation = new Aggregation({
+            buckets: [1, 2, 3],
+            first_bucket_key: 0,
+            last_bucket_key: 2,
+        });
+        await el.updateComplete;
+        const histogram = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('histogram-date-range');
+        expect(histogram).to.be.null;
+    });
+    it('renders aggregations as facets', async () => {
+        var _a, _b, _c, _d, _e;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            subject: new Aggregation({
+                buckets: [
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                ],
+            }),
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const facetGroups = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.facet-group');
+        expect(facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups.length).to.equal(1);
+        const titleFacetGroup = facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups[0];
+        const facetGroupHeader = titleFacetGroup === null || titleFacetGroup === void 0 ? void 0 : titleFacetGroup.querySelector('h1');
+        expect((_b = facetGroupHeader === null || facetGroupHeader === void 0 ? void 0 : facetGroupHeader.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Subject');
+        const titleFacetRow = (_d = (_c = titleFacetGroup === null || titleFacetGroup === void 0 ? void 0 : titleFacetGroup.querySelector('facets-template')) === null || _c === void 0 ? void 0 : _c.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.facet-row');
+        expect((_e = titleFacetRow === null || titleFacetRow === void 0 ? void 0 : titleFacetRow.textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.satisfy((text) => /^foo\s*5$/.test(text));
+    });
+    it('renders multiple aggregation types', async () => {
+        var _a;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            subject: new Aggregation({
+                buckets: [
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                ],
+            }),
+            mediatype: new Aggregation({
+                buckets: [
+                    {
+                        key: 'bar',
+                        doc_count: 10,
+                    },
+                ],
+            }),
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const facetGroups = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.facet-group');
+        expect(facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups.length).to.equal(2);
+    });
+    it('renders collection facets as links', async () => {
+        var _a, _b, _c, _d;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            collection: new Aggregation({
+                buckets: [
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                ],
+            }),
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const collectionName = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('async-collection-name');
+        expect(collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement).to.be.instanceOf(HTMLAnchorElement);
+        expect((_d = collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement) === null || _d === void 0 ? void 0 : _d.getAttribute('href')).to.equal('/details/foo');
+    });
+    it('renders non-collection facets without links', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            subject: new Aggregation({
+                buckets: [
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                ],
+            }),
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const collectionName = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('async-collection-name');
+        expect(collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement).to.not.be.instanceOf(HTMLAnchorElement);
+    });
+    it('does not render suppressed collection facets', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            collection: new Aggregation({
+                buckets: [
+                    {
+                        key: 'deemphasize',
+                        doc_count: 5,
+                    },
+                    {
+                        key: 'community',
+                        doc_count: 5,
+                    },
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                ],
+            }),
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const collectionFacets = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelectorAll('.facet-row');
+        expect(collectionFacets === null || collectionFacets === void 0 ? void 0 : collectionFacets.length).to.equal(1);
+        // The first (and only) collection link should be for 'foo'
+        const collectionLink = collectionFacets === null || collectionFacets === void 0 ? void 0 : collectionFacets.item(0).querySelector(`a[href='/details/foo']`);
+        expect(collectionLink).to.exist;
+    });
+    it('renders language facets with their human-readable names', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const languageCodeHandler = new LanguageCodeHandler();
+        const aggs = {
+            language: new Aggregation({
+                buckets: [
+                    {
+                        key: 'English',
+                        doc_count: 3,
+                    },
+                ],
+            }),
+        };
+        el.languageCodeHandler = languageCodeHandler;
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const facetsTemplate = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template');
+        const languageTitle = (_b = facetsTemplate === null || facetsTemplate === void 0 ? void 0 : facetsTemplate.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.facet-title');
+        expect((_c = languageTitle === null || languageTitle === void 0 ? void 0 : languageTitle.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('English');
+    });
+    it('renders selected/negative language facets with human-readable names', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const languageCodeHandler = new LanguageCodeHandler();
+        const selectedFacets = {
+            subject: {},
+            lending: {},
+            mediatype: {},
+            language: {
+                en: {
+                    key: 'en',
+                    count: 5,
+                    state: 'selected',
+                },
+            },
+            creator: {},
+            collection: {},
+            year: {},
+        };
+        el.languageCodeHandler = languageCodeHandler;
+        el.selectedFacets = selectedFacets;
+        await el.updateComplete;
+        const facetsTemplate = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template');
+        const languageTitle = (_b = facetsTemplate === null || facetsTemplate === void 0 ? void 0 : facetsTemplate.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.facet-title');
+        expect((_c = languageTitle === null || languageTitle === void 0 ? void 0 : languageTitle.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('English');
+    });
+    it('renders lending facets with human-readable names', async () => {
+        var _a, _b, _c, _d, _e;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            lending: new Aggregation({
+                buckets: [
+                    {
+                        key: 'is_lendable',
+                        doc_count: 3,
+                    },
+                    {
+                        key: 'available_to_borrow',
+                        doc_count: 2,
+                    },
+                    {
+                        key: 'is_readable',
+                        doc_count: 1,
+                    },
+                ],
+            }),
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const facetsTemplate = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template');
+        const lendingTitles = (_b = facetsTemplate === null || facetsTemplate === void 0 ? void 0 : facetsTemplate.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('.facet-title');
+        expect(lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.length).to.equal(3);
+        expect((_c = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(0).textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('Lending Library');
+        expect((_d = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(1).textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Borrow 14 Days');
+        expect((_e = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(2).textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.equal('Always Available');
+    });
+    it('renders selected/negative lending facets with human-readable names', async () => {
+        var _a, _b, _c, _d, _e;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const selectedFacets = {
+            subject: {},
+            lending: {
+                is_lendable: {
+                    key: 'is_lendable',
+                    count: 5,
+                    state: 'selected',
+                },
+                available_to_borrow: {
+                    key: 'available_to_borrow',
+                    count: 4,
+                    state: 'selected',
+                },
+                is_readable: {
+                    key: 'is_readable',
+                    count: 3,
+                    state: 'hidden',
+                },
+            },
+            mediatype: {},
+            language: {},
+            creator: {},
+            collection: {},
+            year: {},
+        };
+        el.selectedFacets = selectedFacets;
+        await el.updateComplete;
+        const facetsTemplate = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template');
+        const lendingTitles = (_b = facetsTemplate === null || facetsTemplate === void 0 ? void 0 : facetsTemplate.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('.facet-title');
+        expect(lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.length).to.equal(3);
+        expect((_c = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(0).textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('Lending Library');
+        expect((_d = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(1).textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Borrow 14 Days');
+        expect((_e = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(2).textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.equal('Always Available');
+    });
+    it('only renders lending facets for is_lendable, available_to_borrow, and is_readable', async () => {
+        var _a, _b, _c, _d, _e;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            lending: new Aggregation({
+                buckets: [
+                    {
+                        key: 'is_lendable',
+                        doc_count: 5,
+                    },
+                    {
+                        key: 'is_borrowable',
+                        doc_count: 4,
+                    },
+                    {
+                        key: 'available_to_borrow',
+                        doc_count: 5,
+                    },
+                    {
+                        key: 'is_browsable',
+                        doc_count: 4,
+                    },
+                    {
+                        key: 'available_to_browse',
+                        doc_count: 5,
+                    },
+                    {
+                        key: 'is_readable',
+                        doc_count: 4,
+                    },
+                    {
+                        key: 'available_to_waitlist',
+                        doc_count: 5,
+                    },
+                ],
+            }),
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const facetsTemplate = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template');
+        const lendingTitles = (_b = facetsTemplate === null || facetsTemplate === void 0 ? void 0 : facetsTemplate.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('.facet-title');
+        expect(lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.length).to.equal(3);
+        expect((_c = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(0).textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('Lending Library');
+        expect((_d = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(1).textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Borrow 14 Days');
+        expect((_e = lendingTitles === null || lendingTitles === void 0 ? void 0 : lendingTitles.item(2).textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.equal('Always Available');
+    });
+    it('does not render a More... link for lending facets', async () => {
+        var _a;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            lending: new Aggregation({
+                buckets: [
+                    {
+                        key: 'is_lendable',
+                        doc_count: 5,
+                    },
+                    {
+                        key: 'is_borrowable',
+                        doc_count: 4,
+                    },
+                    {
+                        key: 'available_to_borrow',
+                        doc_count: 5,
+                    },
+                    {
+                        key: 'is_browsable',
+                        doc_count: 4,
+                    },
+                    {
+                        key: 'available_to_browse',
+                        doc_count: 5,
+                    },
+                    {
+                        key: 'is_readable',
+                        doc_count: 4,
+                    },
+                    {
+                        key: 'available_to_waitlist',
+                        doc_count: 5,
+                    },
+                ],
+            }),
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const moreLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.more-link');
+        expect(moreLink).not.to.exist;
+    });
+    describe('More Facets', () => {
+        it('Does not render < allowedFacetCount', async () => {
+            var _a;
+            const el = await fixture(html `<collection-facets></collection-facets>`);
+            const aggs = {
+                subject: new Aggregation({
+                    buckets: [
+                        {
+                            key: 'foo',
+                            doc_count: 5,
+                        },
+                    ],
+                }),
+            };
+            el.aggregations = aggs;
+            await el.updateComplete;
+            const moreLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.more-link');
+            expect(moreLink).to.be.null;
+        });
+        it('renders sorting icons', async () => {
+            var _a;
+            const el = await fixture(html `<collection-facets></collection-facets>`);
+            const aggs = {
+                subject: new Aggregation({
+                    buckets: [
+                        {
+                            key: 'foo',
+                            doc_count: 5,
+                        },
+                    ],
+                }),
+            };
+            el.aggregations = aggs;
+            await el.updateComplete;
+            const sortingIcon = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.sorting-icon');
+            expect(sortingIcon).to.exist;
+        });
+        it('does not render sorting icon for lending facets', async () => {
+            var _a;
+            const el = await fixture(html `<collection-facets></collection-facets>`);
+            const aggs = {
+                lending: new Aggregation({
+                    buckets: [
+                        {
+                            key: 'is_readable',
+                            doc_count: 5,
+                        },
+                    ],
+                }),
+            };
+            el.aggregations = aggs;
+            await el.updateComplete;
+            const sortingIcon = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.sorting-icon');
+            expect(sortingIcon).not.to.exist;
+        });
+        it('Render More Facets', async () => {
+            var _a, _b;
             const el = await fixture(html `<collection-facets
           .modalManager=${new ModalManager()}
-        ></collection-facets>`);
-            const aggs = {
-                subject: new Aggregation({
-                    buckets: [
-                        {
-                            key: 'foo',
-                            doc_count: 5,
-                        },
-                        {
-                            key: 'fi',
-                            doc_count: 5,
-                        },
-                        {
-                            key: 'fum',
-                            doc_count: 5,
-                        },
-                        {
-                            key: 'flee',
-                            doc_count: 5,
-                        },
-                        {
-                            key: 'wheee',
-                            doc_count: 5,
-                        },
-                        {
-                            key: 'whooo',
-                            doc_count: 5,
-                        },
-                        {
-                            key: 'boop',
-                            doc_count: 5,
-                        },
-                    ],
-                }),
-            };
-            el.aggregations = aggs;
-            await el.updateComplete;
-            let eventCaught = false;
-            let eventFacet = '';
-            el.addEventListener('showMoreFacets', e => {
-                eventFacet = e.detail;
-                eventCaught = true;
-            });
-            const moreLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.more-link');
-            expect(moreLink).to.exist; // has link
-            const showModalSpy = sinon.spy(el.modalManager, 'showModal');
-            // let's pop up modal
-            moreLink === null || moreLink === void 0 ? void 0 : moreLink.click();
-            await el.updateComplete;
-            expect(showModalSpy.callCount).to.equal(1);
-            expect((_b = el.modalManager) === null || _b === void 0 ? void 0 : _b.classList.contains('more-search-facets')).to.be
-                .true;
-            expect(eventCaught).to.be.true;
-            expect(eventFacet).to.equal('subject');
-        });
-    });
-    it('fire analytics on more link', async () => {
-        var _a;
-        const mockAnalyticsHandler = new MockAnalyticsHandler();
+        ></collection-facets>`);
+            const aggs = {
+                subject: new Aggregation({
+                    buckets: [
+                        {
+                            key: 'foo',
+                            doc_count: 5,
+                        },
+                        {
+                            key: 'fi',
+                            doc_count: 5,
+                        },
+                        {
+                            key: 'fum',
+                            doc_count: 5,
+                        },
+                        {
+                            key: 'flee',
+                            doc_count: 5,
+                        },
+                        {
+                            key: 'wheee',
+                            doc_count: 5,
+                        },
+                        {
+                            key: 'whooo',
+                            doc_count: 5,
+                        },
+                        {
+                            key: 'boop',
+                            doc_count: 5,
+                        },
+                    ],
+                }),
+            };
+            el.aggregations = aggs;
+            await el.updateComplete;
+            let eventCaught = false;
+            let eventFacet = '';
+            el.addEventListener('showMoreFacets', e => {
+                eventFacet = e.detail;
+                eventCaught = true;
+            });
+            const moreLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.more-link');
+            expect(moreLink).to.exist; // has link
+            const showModalSpy = sinon.spy(el.modalManager, 'showModal');
+            // let's pop up modal
+            moreLink === null || moreLink === void 0 ? void 0 : moreLink.click();
+            await el.updateComplete;
+            expect(showModalSpy.callCount).to.equal(1);
+            expect((_b = el.modalManager) === null || _b === void 0 ? void 0 : _b.classList.contains('more-search-facets')).to.be
+                .true;
+            expect(eventCaught).to.be.true;
+            expect(eventFacet).to.equal('subject');
+        });
+    });
+    it('fire analytics on more link', async () => {
+        var _a;
+        const mockAnalyticsHandler = new MockAnalyticsHandler();
         const el = await fixture(html `<collection-facets
         .analyticsHandler=${mockAnalyticsHandler}
-      ></collection-facets>`);
-        const aggs = {
-            subject: new Aggregation({
-                buckets: [
-                    {
-                        key: 'foo',
-                        doc_count: 5,
-                    },
-                    {
-                        key: 'fi',
-                        doc_count: 5,
-                    },
-                    {
-                        key: 'fum',
-                        doc_count: 5,
-                    },
-                    {
-                        key: 'flee',
-                        doc_count: 5,
-                    },
-                    {
-                        key: 'wheee',
-                        doc_count: 5,
-                    },
-                    {
-                        key: 'whooo',
-                        doc_count: 5,
-                    },
-                    {
-                        key: 'boop',
-                        doc_count: 5,
-                    },
-                ],
-            }),
-        };
-        el.aggregations = aggs;
-        await el.updateComplete;
-        const moreLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.more-link');
-        expect(moreLink).to.exist; // has link
-        moreLink === null || moreLink === void 0 ? void 0 : moreLink.click();
-        await el.updateComplete;
-        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
-        expect(mockAnalyticsHandler.callAction).to.equal('showMoreFacetsModal');
-        expect(mockAnalyticsHandler.callLabel).to.equal('subject');
-    });
-});
+      ></collection-facets>`);
+        const aggs = {
+            subject: new Aggregation({
+                buckets: [
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                    {
+                        key: 'fi',
+                        doc_count: 5,
+                    },
+                    {
+                        key: 'fum',
+                        doc_count: 5,
+                    },
+                    {
+                        key: 'flee',
+                        doc_count: 5,
+                    },
+                    {
+                        key: 'wheee',
+                        doc_count: 5,
+                    },
+                    {
+                        key: 'whooo',
+                        doc_count: 5,
+                    },
+                    {
+                        key: 'boop',
+                        doc_count: 5,
+                    },
+                ],
+            }),
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const moreLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.more-link');
+        expect(moreLink).to.exist; // has link
+        moreLink === null || moreLink === void 0 ? void 0 : moreLink.click();
+        await el.updateComplete;
+        expect(mockAnalyticsHandler.callCategory).to.equal('collection-browser');
+        expect(mockAnalyticsHandler.callAction).to.equal('showMoreFacetsModal');
+        expect(mockAnalyticsHandler.callLabel).to.equal('subject');
+    });
+});
 //# sourceMappingURL=collection-facets.test.js.map