@internetarchive/collection-browser 0.3.10-alpha.1 → 0.4.1

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

@@ -1,621 +1,693 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import sinon from 'sinon';
-import { SearchType } from '@internetarchive/search-service';
-import '../src/collection-browser';
-import { defaultSelectedFacets, SortField, } from '../src/models';
-import { MockSearchService } from './mocks/mock-search-service';
-import { MockCollectionNameCache } from './mocks/mock-collection-name-cache';
-import { MockAnalyticsHandler } from './mocks/mock-analytics-handler';
-import { analyticsCategories } from '../src/utils/analytics-events';
-describe('Collection Browser', () => {
-    beforeEach(async () => {
-        // Apparently query params set by one test can bleed into other tests.
-        // Since collection browser restores its state from certain query params, we need
-        // to clear these before each test to ensure they run in isolation from one another.
-        const url = new URL(window.location.href);
-        const { searchParams } = url;
-        searchParams.delete('sin');
-        searchParams.delete('sort');
-        searchParams.delete('query');
-        searchParams.delete('page');
-        searchParams.delete('and[]');
-        searchParams.delete('not[]');
-        window.history.replaceState({}, '', url);
-    });
-    it('clear existing filter for facets & sort-bar', async () => {
-        const el = await fixture(html `<collection-browser></collection-browser>`);
-        el.selectedSort = 'title';
-        await el.updateComplete;
-        el.clearFilters();
-        expect(el.selectedFacets).to.equal(defaultSelectedFacets);
-        expect(el.selectedSort).to.equal('relevance');
-        expect(el.sortDirection).to.null;
-        expect(el.sortParam).to.null;
-        expect(el.selectedCreatorFilter).to.null;
-        expect(el.selectedTitleFilter).to.null;
-    });
-    it('filterBy creator with analytics', async () => {
-        const mockAnalyticsHandler = new MockAnalyticsHandler();
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import sinon from 'sinon';
+import { SearchType } from '@internetarchive/search-service';
+import '../src/collection-browser';
+import { defaultSelectedFacets, SortField, } from '../src/models';
+import { MockSearchService } from './mocks/mock-search-service';
+import { MockCollectionNameCache } from './mocks/mock-collection-name-cache';
+import { MockAnalyticsHandler } from './mocks/mock-analytics-handler';
+import { analyticsCategories } from '../src/utils/analytics-events';
+/**
+ * Wait for the next tick of the event loop.
+ *
+ * This is necessary in some of the tests because certain collection browser
+ * updates take more than one tick to render (e.g., date picker & query changes).
+ * These delays are non-ideal and should eventually be investigated and fixed,
+ * but they are minor enough that waiting for the next tick is a reasonable
+ * testing solution for now.
+ */
+const nextTick = () => new Promise(resolve => {
+    setTimeout(resolve, 0);
+});
+describe('Collection Browser', () => {
+    beforeEach(async () => {
+        // Apparently query params set by one test can bleed into other tests.
+        // Since collection browser restores its state from certain query params, we need
+        // to clear these before each test to ensure they run in isolation from one another.
+        const url = new URL(window.location.href);
+        const { searchParams } = url;
+        searchParams.delete('sin');
+        searchParams.delete('sort');
+        searchParams.delete('query');
+        searchParams.delete('page');
+        searchParams.delete('and[]');
+        searchParams.delete('not[]');
+        window.history.replaceState({}, '', url);
+    });
+    it('clear existing filter for facets & sort-bar', async () => {
+        const el = await fixture(html `<collection-browser></collection-browser>`);
+        el.selectedSort = 'title';
+        await el.updateComplete;
+        el.clearFilters();
+        expect(el.selectedFacets).to.equal(defaultSelectedFacets);
+        expect(el.selectedSort).to.equal('relevance');
+        expect(el.sortDirection).to.null;
+        expect(el.sortParam).to.null;
+        expect(el.selectedCreatorFilter).to.null;
+        expect(el.selectedTitleFilter).to.null;
+    });
+    it('filterBy creator with analytics', async () => {
+        const mockAnalyticsHandler = new MockAnalyticsHandler();
         const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
-      </collection-browser>`);
-        el.searchContext = 'betaSearchService';
-        el.selectedCreatorFilter = 'A';
-        await el.updateComplete;
-        expect(mockAnalyticsHandler.callCategory).to.equal('betaSearchService');
-        expect(mockAnalyticsHandler.callAction).to.equal('filterByCreator');
-        expect(mockAnalyticsHandler.callLabel).to.equal('start-A');
-        el.clearFilters();
-        await el.updateComplete;
-        expect(el.selectedTitleFilter).to.null;
-        expect(mockAnalyticsHandler.callCategory).to.equal('betaSearchService');
-        expect(mockAnalyticsHandler.callAction).to.equal('filterByCreator');
-        expect(mockAnalyticsHandler.callLabel).to.equal('clear-A');
-    });
-    it('filterBy title with analytics', async () => {
-        const mockAnalyticsHandler = new MockAnalyticsHandler();
+      </collection-browser>`);
+        el.searchContext = 'betaSearchService';
+        el.selectedSort = 'creator';
+        el.sortDirection = 'asc';
+        el.selectedCreatorFilter = 'A';
+        await el.updateComplete;
+        expect(mockAnalyticsHandler.callCategory).to.equal('betaSearchService');
+        expect(mockAnalyticsHandler.callAction).to.equal('filterByCreator');
+        expect(mockAnalyticsHandler.callLabel).to.equal('start-A');
+        el.clearFilters();
+        await el.updateComplete;
+        expect(el.selectedTitleFilter).to.null;
+        expect(mockAnalyticsHandler.callCategory).to.equal('betaSearchService');
+        expect(mockAnalyticsHandler.callAction).to.equal('filterByCreator');
+        expect(mockAnalyticsHandler.callLabel).to.equal('clear-A');
+    });
+    it('filterBy title with analytics', async () => {
+        const mockAnalyticsHandler = new MockAnalyticsHandler();
         const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
-      </collection-browser>`);
-        el.searchContext = 'beta-search-service';
-        el.selectedSort = 'title';
-        el.selectedTitleFilter = 'A';
-        await el.updateComplete;
-        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');
-        expect(mockAnalyticsHandler.callAction).to.equal('filterByTitle');
-        expect(mockAnalyticsHandler.callLabel).to.equal('start-A');
-        el.clearFilters();
-        await el.updateComplete;
-        expect(el.selectedTitleFilter).to.null;
-        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');
-        expect(mockAnalyticsHandler.callAction).to.equal('filterByTitle');
-        expect(mockAnalyticsHandler.callLabel).to.equal('clear-A');
-    });
-    it('selected facets with analytics - not negative facets', async () => {
-        const mockAnalyticsHandler = new MockAnalyticsHandler();
-        const mediaTypeBucket = { count: 123, state: 'selected' };
-        const mockedSelectedFacets = {
-            subject: {},
-            lending: {},
-            mediatype: { data: mediaTypeBucket },
-            language: {},
-            creator: {},
-            collection: {},
-            year: {},
-        };
+      </collection-browser>`);
+        el.searchContext = 'beta-search-service';
+        el.selectedSort = 'title';
+        el.sortDirection = 'asc';
+        el.selectedTitleFilter = 'A';
+        await el.updateComplete;
+        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');
+        expect(mockAnalyticsHandler.callAction).to.equal('filterByTitle');
+        expect(mockAnalyticsHandler.callLabel).to.equal('start-A');
+        el.clearFilters();
+        await el.updateComplete;
+        expect(el.selectedTitleFilter).to.null;
+        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');
+        expect(mockAnalyticsHandler.callAction).to.equal('filterByTitle');
+        expect(mockAnalyticsHandler.callLabel).to.equal('clear-A');
+    });
+    it('selected facets with analytics - not negative facets', async () => {
+        const mockAnalyticsHandler = new MockAnalyticsHandler();
+        const mediaTypeBucket = { count: 123, state: 'selected' };
+        const mockedSelectedFacets = {
+            subject: {},
+            lending: {},
+            mediatype: { data: mediaTypeBucket },
+            language: {},
+            creator: {},
+            collection: {},
+            year: {},
+        };
         const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
-      </collection-browser>`);
-        el.searchContext = 'search-service';
-        el.selectedFacets = mockedSelectedFacets;
-        await el.updateComplete;
-        el.facetClickHandler('mediatype', true, false);
-        expect(mockAnalyticsHandler.callCategory).to.equal('search-service');
-        expect(mockAnalyticsHandler.callAction).to.equal('facetSelected');
-        expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');
-        el.facetClickHandler('mediatype', false, false);
-        expect(el.selectedFacets).to.equal(mockedSelectedFacets);
-        expect(mockAnalyticsHandler.callCategory).to.equal('search-service');
-        expect(mockAnalyticsHandler.callAction).to.equal('facetDeselected');
-        expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');
-    });
-    it('selected facets with analytics - negative facets', async () => {
-        const mockAnalyticsHandler = new MockAnalyticsHandler();
-        const mediaTypeBucket = { count: 123, state: 'selected' };
-        const mockedSelectedFacets = {
-            subject: {},
-            lending: {},
-            mediatype: { data: mediaTypeBucket },
-            language: {},
-            creator: {},
-            collection: {},
-            year: {},
-        };
+      </collection-browser>`);
+        el.searchContext = 'search-service';
+        el.selectedFacets = mockedSelectedFacets;
+        await el.updateComplete;
+        el.facetClickHandler('mediatype', true, false);
+        expect(mockAnalyticsHandler.callCategory).to.equal('search-service');
+        expect(mockAnalyticsHandler.callAction).to.equal('facetSelected');
+        expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');
+        el.facetClickHandler('mediatype', false, false);
+        expect(el.selectedFacets).to.equal(mockedSelectedFacets);
+        expect(mockAnalyticsHandler.callCategory).to.equal('search-service');
+        expect(mockAnalyticsHandler.callAction).to.equal('facetDeselected');
+        expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');
+    });
+    it('selected facets with analytics - negative facets', async () => {
+        const mockAnalyticsHandler = new MockAnalyticsHandler();
+        const mediaTypeBucket = { count: 123, state: 'selected' };
+        const mockedSelectedFacets = {
+            subject: {},
+            lending: {},
+            mediatype: { data: mediaTypeBucket },
+            language: {},
+            creator: {},
+            collection: {},
+            year: {},
+        };
         const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
-      </collection-browser>`);
-        el.searchContext = 'beta-search-service';
-        el.selectedFacets = mockedSelectedFacets;
-        await el.updateComplete;
-        el.facetClickHandler('mediatype', true, true);
-        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');
-        expect(mockAnalyticsHandler.callAction).to.equal('facetNegativeSelected');
-        expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');
-        el.facetClickHandler('mediatype', false, true);
-        expect(el.selectedFacets).to.equal(mockedSelectedFacets);
-        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');
-        expect(mockAnalyticsHandler.callAction).to.equal('facetNegativeDeselected');
-        expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');
-    });
-    it('should render with a sort bar, facets, and infinite scroller', async () => {
-        var _a, _b, _c;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.searchContext = 'beta-search-service';
+        el.selectedFacets = mockedSelectedFacets;
+        await el.updateComplete;
+        el.facetClickHandler('mediatype', true, true);
+        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');
+        expect(mockAnalyticsHandler.callAction).to.equal('facetNegativeSelected');
+        expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');
+        el.facetClickHandler('mediatype', false, true);
+        expect(el.selectedFacets).to.equal(mockedSelectedFacets);
+        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search-service');
+        expect(mockAnalyticsHandler.callAction).to.equal('facetNegativeDeselected');
+        expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');
+    });
+    it('should render with a sort bar, facets, and infinite scroller', async () => {
+        var _a, _b, _c;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'hello';
-        await el.updateComplete;
-        const facets = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('collection-facets');
-        const sortBar = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('sort-filter-bar');
-        const infiniteScroller = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('infinite-scroller');
-        expect(facets).to.exist;
-        expect(sortBar).to.exist;
-        expect(infiniteScroller).to.exist;
-    });
-    it('queries the search service when given a base query', async () => {
-        var _a, _b, _c;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.baseQuery = 'hello';
+        await el.updateComplete;
+        const facets = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('collection-facets');
+        const sortBar = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('sort-filter-bar');
+        const infiniteScroller = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('infinite-scroller');
+        expect(facets).to.exist;
+        expect(sortBar).to.exist;
+        expect(infiniteScroller).to.exist;
+    });
+    it('queries the search service when given a base query', async () => {
+        var _a, _b, _c;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'collection:foo';
-        await el.updateComplete;
-        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
-        expect((_c = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#big-results-label')) === null || _c === void 0 ? void 0 : _c.textContent).to.contains('Results');
-    });
-    it('queries the search service with a metadata search', async () => {
-        var _a, _b, _c;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.baseQuery = 'collection:foo';
+        await el.updateComplete;
+        await nextTick();
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
+        expect((_c = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#big-results-label')) === null || _c === void 0 ? void 0 : _c.textContent).to.contains('Results');
+    });
+    it('queries the search service with a metadata search', async () => {
+        var _a, _b, _c;
+        const searchService = new MockSearchService();
         const el = await fixture(html ` <collection-browser
         .searchService=${searchService}
         .searchType=${SearchType.METADATA}
       >
-      </collection-browser>`);
-        el.baseQuery = 'collection:foo';
-        await el.updateComplete;
-        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
-        expect(searchService.searchType).to.equal(SearchType.METADATA);
-        expect((_c = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#big-results-label')) === null || _c === void 0 ? void 0 : _c.textContent).to.contains('Results');
-    });
-    it('queries the search service with a fulltext search', async () => {
-        var _a, _b, _c;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.baseQuery = 'collection:foo';
+        await el.updateComplete;
+        await nextTick();
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
+        expect(searchService.searchType).to.equal(SearchType.METADATA);
+        expect((_c = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#big-results-label')) === null || _c === void 0 ? void 0 : _c.textContent).to.contains('Results');
+    });
+    it('queries the search service with a fulltext search', async () => {
+        var _a, _b, _c;
+        const searchService = new MockSearchService();
         const el = await fixture(html ` <collection-browser
         .searchService=${searchService}
         .searchType=${SearchType.FULLTEXT}
       >
-      </collection-browser>`);
-        el.baseQuery = 'collection:foo';
-        await el.updateComplete;
-        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
-        expect(searchService.searchType).to.equal(SearchType.FULLTEXT);
-        expect((_c = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#big-results-label')) === null || _c === void 0 ? void 0 : _c.textContent).to.contains('Results');
-    });
-    it('queries the search service with facets selected/negated', async () => {
-        var _a;
-        const searchService = new MockSearchService();
-        const selectedFacets = {
-            subject: {
-                foo: {
-                    key: 'foo',
-                    count: 1,
-                    state: 'selected',
-                },
-                bar: {
-                    key: 'bar',
-                    count: 2,
-                    state: 'hidden',
-                },
-            },
-            lending: {},
-            mediatype: {},
-            language: {
-                en: {
-                    key: 'en',
-                    count: 1,
-                    state: 'selected',
-                },
-            },
-            creator: {},
-            collection: {},
-            year: {},
-        };
+      </collection-browser>`);
+        el.baseQuery = 'collection:foo';
+        await el.updateComplete;
+        await nextTick();
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
+        expect(searchService.searchType).to.equal(SearchType.FULLTEXT);
+        expect((_c = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#big-results-label')) === null || _c === void 0 ? void 0 : _c.textContent).to.contains('Results');
+    });
+    it('queries the search service with facets selected/negated', async () => {
+        var _a, _b;
+        const searchService = new MockSearchService();
+        const selectedFacets = {
+            subject: {
+                foo: {
+                    key: 'foo',
+                    count: 1,
+                    state: 'selected',
+                },
+                bar: {
+                    key: 'bar',
+                    count: 2,
+                    state: 'hidden',
+                },
+            },
+            lending: {},
+            mediatype: {},
+            language: {
+                en: {
+                    key: 'en',
+                    count: 1,
+                    state: 'selected',
+                },
+            },
+            creator: {},
+            collection: {},
+            year: {},
+        };
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'collection:foo';
-        el.selectedFacets = selectedFacets;
-        await el.updateComplete;
-        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo AND (subject:("foo" OR -"bar") AND language:("en"))');
-    });
-    it('fires a separate date histogram query when year facets are applied', async () => {
-        var _a, _b, _c;
-        const searchService = new MockSearchService();
-        const selectedFacets = {
-            subject: {},
-            lending: {},
-            mediatype: {},
-            language: {},
-            creator: {},
-            collection: {},
-            year: {
-                '2000': {
-                    key: '2000',
-                    state: 'selected',
-                    count: 123,
-                },
-            },
-        };
+      </collection-browser>`);
+        el.baseQuery = 'collection:foo';
+        el.selectedFacets = selectedFacets;
+        await el.updateComplete;
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo');
+        expect((_b = searchService.searchParams) === null || _b === void 0 ? void 0 : _b.filters).to.deep.equal({
+            subject: {
+                foo: 'inc',
+                bar: 'exc',
+            },
+            language: {
+                en: 'inc',
+            },
+        });
+    });
+    it('fires a separate date histogram query when year facets are applied', async () => {
+        var _a, _b, _c;
+        const searchService = new MockSearchService();
+        const selectedFacets = {
+            subject: {},
+            lending: {},
+            mediatype: {},
+            language: {},
+            creator: {},
+            collection: {},
+            year: {
+                '2000': {
+                    key: '2000',
+                    state: 'selected',
+                    count: 123,
+                },
+            },
+        };
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'collection:foo';
-        el.showHistogramDatePicker = true;
-        el.selectedFacets = selectedFacets;
-        await el.updateComplete;
-        expect((_b = (_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.aggregations) === null || _b === void 0 ? void 0 : _b.simpleParams).to.deep.equal(['year']); // Explicitly requests year aggregations
-        expect((_c = searchService.searchParams) === null || _c === void 0 ? void 0 : _c.query).to.equal('collection:foo' // No date clause on query
-        );
-    });
-    it('fires a separate date histogram query when a date range is applied', async () => {
-        var _a, _b, _c;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.baseQuery = 'collection:foo';
+        el.showHistogramDatePicker = true;
+        el.selectedFacets = selectedFacets;
+        await el.updateComplete;
+        expect((_b = (_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.aggregations) === null || _b === void 0 ? void 0 : _b.simpleParams).to.deep.equal(['year']); // Explicitly requests year aggregations
+        expect((_c = searchService.searchParams) === null || _c === void 0 ? void 0 : _c.query).to.equal('collection:foo' // No date clause on query
+        );
+    });
+    it('fires a separate date histogram query when a date range is applied', async () => {
+        var _a, _b, _c;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'collection:foo';
-        el.showHistogramDatePicker = true;
-        el.dateRangeQueryClause = 'year:[1995 TO 2005]';
-        await el.updateComplete;
-        expect((_b = (_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.aggregations) === null || _b === void 0 ? void 0 : _b.simpleParams).to.deep.equal(['year']); // Explicitly requests year aggregations
-        expect((_c = searchService.searchParams) === null || _c === void 0 ? void 0 : _c.query).to.equal('collection:foo' // No date clause on query
-        );
-    });
-    it('does not fire a separate date histogram query when no date filters are applied', async () => {
-        var _a, _b;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.baseQuery = 'collection:foo';
+        el.showHistogramDatePicker = true;
+        el.minSelectedDate = '1995';
+        el.maxSelectedDate = '2005';
+        await el.updateComplete;
+        expect((_b = (_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.aggregations) === null || _b === void 0 ? void 0 : _b.simpleParams).to.deep.equal(['year']); // Explicitly requests year aggregations
+        expect((_c = searchService.searchParams) === null || _c === void 0 ? void 0 : _c.query).to.equal('collection:foo' // No date clause on query
+        );
+    });
+    it('does not fire a separate date histogram query when no date filters are applied', async () => {
+        var _a, _b;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'collection:foo';
-        el.showHistogramDatePicker = true;
-        await el.updateComplete;
-        expect((_b = (_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.aggregations) === null || _b === void 0 ? void 0 : _b.simpleParams).to.satisfy((aggTypes) => !aggTypes || !aggTypes.includes('year') // Not requesting year aggregations explicitly
-        );
-    });
-    it('does not fire a separate date histogram query when date picker is disabled', async () => {
-        var _a, _b;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.baseQuery = 'collection:foo';
+        el.showHistogramDatePicker = true;
+        await el.updateComplete;
+        expect((_b = (_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.aggregations) === null || _b === void 0 ? void 0 : _b.simpleParams).to.satisfy((aggTypes) => !aggTypes || !aggTypes.includes('year') // Not requesting year aggregations explicitly
+        );
+    });
+    it('does not fire a separate date histogram query when date picker is disabled', async () => {
+        var _a, _b;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'collection:foo';
-        el.showHistogramDatePicker = false;
-        el.dateRangeQueryClause = 'year:[1995 TO 2005]';
-        await el.updateComplete;
-        expect((_b = (_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.aggregations) === null || _b === void 0 ? void 0 : _b.simpleParams).to.satisfy((aggTypes) => !aggTypes || !aggTypes.includes('year') // Not requesting year aggregations explicitly
-        );
-    });
-    it('fails gracefully if no search service provided', async () => {
-        var _a;
-        const el = await fixture(html `<collection-browser></collection-browser>`);
-        el.baseQuery = 'collection:foo';
-        await el.updateComplete;
-        // This shouldn't throw an error
-        expect(el.fetchPage(2)).to.exist;
-        // Should continue showing the empty placeholder
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('empty-placeholder')).to.exist;
-    });
-    it('restores search type from URL param', async () => {
-        // Add a sin=TXT param to the URL
-        const url = new URL(window.location.href);
-        url.searchParams.append('sin', 'TXT');
-        window.history.replaceState({}, '', url);
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.baseQuery = 'collection:foo';
+        el.showHistogramDatePicker = false;
+        el.minSelectedDate = '1995';
+        el.maxSelectedDate = '2005';
+        await el.updateComplete;
+        expect((_b = (_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.aggregations) === null || _b === void 0 ? void 0 : _b.simpleParams).to.satisfy((aggTypes) => !aggTypes || !aggTypes.includes('year') // Not requesting year aggregations explicitly
+        );
+    });
+    it('fails gracefully if no search service provided', async () => {
+        var _a;
+        const el = await fixture(html `<collection-browser></collection-browser>`);
+        el.baseQuery = 'collection:foo';
+        await el.updateComplete;
+        // This shouldn't throw an error
+        expect(el.fetchPage(2)).to.exist;
+        // Should continue showing the empty placeholder
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('empty-placeholder')).to.exist;
+    });
+    it('restores search type from URL param', async () => {
+        // Add a sin=TXT param to the URL
+        const url = new URL(window.location.href);
+        url.searchParams.append('sin', 'TXT');
+        window.history.replaceState({}, '', url);
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        expect(el.searchType).to.equal(SearchType.FULLTEXT);
-    });
-    it('applies loggedin flag to tile models if needed', async () => {
-        var _a;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        expect(el.searchType).to.equal(SearchType.FULLTEXT);
+    });
+    it('applies loggedin flag to tile models if needed', async () => {
+        var _a;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'loggedin';
-        await el.updateComplete;
-        const cellTemplate = el.cellForIndex(0);
-        expect(cellTemplate).to.exist;
-        const cell = await fixture(cellTemplate);
-        expect(cell).to.exist;
-        expect((_a = cell.model) === null || _a === void 0 ? void 0 : _a.loginRequired).to.be.true;
-    });
-    it('applies no-preview flag to tile models if needed', async () => {
-        var _a;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.baseQuery = 'loggedin';
+        await el.updateComplete;
+        const cellTemplate = el.cellForIndex(0);
+        expect(cellTemplate).to.exist;
+        const cell = await fixture(cellTemplate);
+        expect(cell).to.exist;
+        expect((_a = cell.model) === null || _a === void 0 ? void 0 : _a.loginRequired).to.be.true;
+    });
+    it('applies no-preview flag to tile models if needed', async () => {
+        var _a;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'no-preview';
-        await el.updateComplete;
-        const cellTemplate = el.cellForIndex(0);
-        expect(cellTemplate).to.exist;
-        const cell = await fixture(cellTemplate);
-        expect(cell).to.exist;
-        expect((_a = cell.model) === null || _a === void 0 ? void 0 : _a.contentWarning).to.be.true;
-    });
-    it('both loggedin and no-preview flags can be set simultaneously', async () => {
-        var _a, _b;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.baseQuery = 'no-preview';
+        await el.updateComplete;
+        const cellTemplate = el.cellForIndex(0);
+        expect(cellTemplate).to.exist;
+        const cell = await fixture(cellTemplate);
+        expect(cell).to.exist;
+        expect((_a = cell.model) === null || _a === void 0 ? void 0 : _a.contentWarning).to.be.true;
+    });
+    it('both loggedin and no-preview flags can be set simultaneously', async () => {
+        var _a, _b;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'loggedin-no-preview';
-        await el.updateComplete;
-        const cellTemplate = el.cellForIndex(0);
-        expect(cellTemplate).to.exist;
-        const cell = await fixture(cellTemplate);
-        expect(cell).to.exist;
-        expect((_a = cell.model) === null || _a === void 0 ? void 0 : _a.loginRequired).to.be.true;
-        expect((_b = cell.model) === null || _b === void 0 ? void 0 : _b.contentWarning).to.be.true;
-    });
-    it('joins full description array into a single string with line breaks', async () => {
-        var _a;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.baseQuery = 'loggedin-no-preview';
+        await el.updateComplete;
+        const cellTemplate = el.cellForIndex(0);
+        expect(cellTemplate).to.exist;
+        const cell = await fixture(cellTemplate);
+        expect(cell).to.exist;
+        expect((_a = cell.model) === null || _a === void 0 ? void 0 : _a.loginRequired).to.be.true;
+        expect((_b = cell.model) === null || _b === void 0 ? void 0 : _b.contentWarning).to.be.true;
+    });
+    it('joins full description array into a single string with line breaks', async () => {
+        var _a;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        // This query receives an array description like ['line1', 'line2']
-        el.baseQuery = 'multi-line-description';
-        await el.updateComplete;
-        const cellTemplate = el.cellForIndex(0);
-        expect(cellTemplate).to.exist;
-        const cell = await fixture(cellTemplate);
-        expect(cell).to.exist;
-        // Actual model description should be joined
-        expect((_a = cell.model) === null || _a === void 0 ? void 0 : _a.description).to.equal('line1\nline2');
-    });
-    it('can search on demand if only search type has changed', async () => {
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        // This query receives an array description like ['line1', 'line2']
+        el.baseQuery = 'multi-line-description';
+        await el.updateComplete;
+        const cellTemplate = el.cellForIndex(0);
+        expect(cellTemplate).to.exist;
+        const cell = await fixture(cellTemplate);
+        expect(cell).to.exist;
+        // Actual model description should be joined
+        expect((_a = cell.model) === null || _a === void 0 ? void 0 : _a.description).to.equal('line1\nline2');
+    });
+    it('can search on demand if only search type has changed', async () => {
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser
         .searchService=${searchService}
         .searchType=${SearchType.METADATA}
-      ></collection-browser>`);
-        el.baseQuery = 'collection:foo';
-        await el.updateComplete;
-        el.searchType = SearchType.FULLTEXT;
-        await el.updateComplete;
-        // Haven't performed the search yet
-        expect(searchService.searchType).to.equal(SearchType.METADATA);
-        el.requestSearch();
-        expect(searchService.searchType).to.equal(SearchType.FULLTEXT);
-    });
-    it('queries for collection names after a fetch', async () => {
-        const searchService = new MockSearchService();
-        const collectionNameCache = new MockCollectionNameCache();
+      ></collection-browser>`);
+        el.baseQuery = 'collection:foo';
+        await el.updateComplete;
+        el.searchType = SearchType.FULLTEXT;
+        await el.updateComplete;
+        // Haven't performed the search yet
+        expect(searchService.searchType).to.equal(SearchType.METADATA);
+        el.requestSearch();
+        expect(searchService.searchType).to.equal(SearchType.FULLTEXT);
+    });
+    it('queries for collection names after a fetch', async () => {
+        const searchService = new MockSearchService();
+        const collectionNameCache = new MockCollectionNameCache();
         const el = await fixture(html `<collection-browser
         .searchService=${searchService}
         .collectionNameCache=${collectionNameCache}
       >
-      </collection-browser>`);
-        el.baseQuery = 'collection:foo';
-        await el.updateComplete;
-        expect(collectionNameCache.preloadIdentifiersRequested).to.deep.equal([
-            'foo',
-            'bar',
-            'baz',
-            'boop',
-        ]);
-    });
-    it('keeps search results from fetch if no change to query or sort param', async () => {
-        const resultsSpy = sinon.spy();
-        const searchService = new MockSearchService({
-            asyncResponse: true,
-            resultsSpy,
-        });
+      </collection-browser>`);
+        el.baseQuery = 'collection:foo';
+        await el.updateComplete;
+        expect(collectionNameCache.preloadIdentifiersRequested).to.deep.equal([
+            'foo',
+            'bar',
+            'baz',
+            'boop',
+        ]);
+    });
+    it('keeps search results from fetch if no change to query or sort param', async () => {
+        const resultsSpy = sinon.spy();
+        const searchService = new MockSearchService({
+            asyncResponse: true,
+            resultsSpy,
+        });
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'with-sort';
-        el.sortParam = { field: 'foo', direction: 'asc' };
-        await el.updateComplete;
-        await el.fetchPage(2);
-        // If there is no change to the query or sort param during the fetch, the results
-        // should be read.
-        expect(resultsSpy.callCount).to.be.greaterThanOrEqual(1);
-    });
-    it('discards obsolete search results if sort params changed before arrival', async () => {
-        const resultsSpy = sinon.spy();
-        const searchService = new MockSearchService({
-            asyncResponse: true,
-            resultsSpy,
-        });
+      </collection-browser>`);
+        el.baseQuery = 'with-sort';
+        el.sortParam = { field: 'foo', direction: 'asc' };
+        await el.updateComplete;
+        await el.fetchPage(2);
+        // If there is no change to the query or sort param during the fetch, the results
+        // should be read.
+        expect(resultsSpy.callCount).to.be.greaterThanOrEqual(1);
+    });
+    it('discards obsolete search results if sort params changed before arrival', async () => {
+        const resultsSpy = sinon.spy();
+        const searchService = new MockSearchService({
+            asyncResponse: true,
+            resultsSpy,
+        });
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'with-sort';
-        el.sortParam = { field: 'foo', direction: 'asc' };
-        await el.updateComplete;
-        const fetchPromise = el.fetchPage(2);
-        el.sortParam = { field: 'foo', direction: 'desc' };
-        await fetchPromise;
-        // If the different sort param causes the results to be discarded,
-        // the results array should never be read.
-        expect(resultsSpy.callCount).to.equal(0);
-    });
-    it('discards obsolete search results if sort param added before arrival', async () => {
-        const resultsSpy = sinon.spy();
-        const searchService = new MockSearchService({
-            asyncResponse: true,
-            resultsSpy,
-        });
+      </collection-browser>`);
+        el.baseQuery = 'with-sort';
+        el.sortParam = { field: 'foo', direction: 'asc' };
+        await el.updateComplete;
+        const fetchPromise = el.fetchPage(2);
+        el.sortParam = { field: 'foo', direction: 'desc' };
+        await fetchPromise;
+        // If the different sort param causes the results to be discarded,
+        // the results array should never be read.
+        expect(resultsSpy.callCount).to.equal(0);
+    });
+    it('discards obsolete search results if sort param added before arrival', async () => {
+        const resultsSpy = sinon.spy();
+        const searchService = new MockSearchService({
+            asyncResponse: true,
+            resultsSpy,
+        });
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'single-result';
-        await el.updateComplete;
-        const fetchPromise = el.fetchPage(2);
-        el.sortParam = { field: 'foo', direction: 'asc' };
-        await fetchPromise;
-        // If the different sort param causes the results to be discarded,
-        // the results array should never be read.
-        expect(resultsSpy.callCount).to.equal(0);
-    });
-    it('discards obsolete search results if sort param cleared before arrival', async () => {
-        const resultsSpy = sinon.spy();
-        const searchService = new MockSearchService({
-            asyncResponse: true,
-            resultsSpy,
-        });
+      </collection-browser>`);
+        el.baseQuery = 'single-result';
+        await el.updateComplete;
+        const fetchPromise = el.fetchPage(2);
+        el.sortParam = { field: 'foo', direction: 'asc' };
+        await fetchPromise;
+        // If the different sort param causes the results to be discarded,
+        // the results array should never be read.
+        expect(resultsSpy.callCount).to.equal(0);
+    });
+    it('discards obsolete search results if sort param cleared before arrival', async () => {
+        const resultsSpy = sinon.spy();
+        const searchService = new MockSearchService({
+            asyncResponse: true,
+            resultsSpy,
+        });
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'with-sort';
-        await el.updateComplete;
-        const fetchPromise = el.fetchPage(2);
-        el.sortParam = null;
-        await fetchPromise;
-        // If the different sort param causes the results to be discarded,
-        // the results array should never be read.
-        expect(resultsSpy.callCount).to.equal(0);
-    });
-    it('sets sort properties when user changes sort', async () => {
-        var _a, _b, _c, _d;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.baseQuery = 'with-sort';
+        await el.updateComplete;
+        const fetchPromise = el.fetchPage(2);
+        el.sortParam = null;
+        await fetchPromise;
+        // If the different sort param causes the results to be discarded,
+        // the results array should never be read.
+        expect(resultsSpy.callCount).to.equal(0);
+    });
+    it('sets sort properties when user changes sort', async () => {
+        var _a, _b, _c, _d;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        expect(el.selectedSort).to.equal(SortField.relevance);
-        el.baseQuery = 'foo';
-        await el.updateComplete;
-        const sortBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('sort-filter-bar');
-        const sortSelector = (_b = sortBar === null || sortBar === void 0 ? void 0 : sortBar.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#desktop-sort-selector');
-        expect(sortSelector).to.exist;
-        // Click the title sorter
-        (_d = (_c = [...sortSelector === null || sortSelector === void 0 ? void 0 : sortSelector.children] // tsc doesn't know children is iterable
-            .find(child => { var _a; return ((_a = child.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === 'Title'; })) === null || _c === void 0 ? void 0 : _c.querySelector('a[href]')) === null || _d === void 0 ? void 0 : _d.click();
-        await el.updateComplete;
-        expect(el.selectedSort).to.equal(SortField.title);
-    });
-    it('sets sort filter properties when user selects title filter', async () => {
-        var _a;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        expect(el.selectedSort).to.equal(SortField.relevance);
+        el.baseQuery = 'foo';
+        await el.updateComplete;
+        const sortBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('sort-filter-bar');
+        const sortSelector = (_b = sortBar === null || sortBar === void 0 ? void 0 : sortBar.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#desktop-sort-selector');
+        expect(sortSelector).to.exist;
+        // Click the title sorter
+        (_d = (_c = [...sortSelector === null || sortSelector === void 0 ? void 0 : sortSelector.children] // tsc doesn't know children is iterable
+            .find(child => { var _a; return ((_a = child.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === 'Title'; })) === null || _c === void 0 ? void 0 : _c.querySelector('a[href]')) === null || _d === void 0 ? void 0 : _d.click();
+        await el.updateComplete;
+        expect(el.selectedSort).to.equal(SortField.title);
+    });
+    it('sets sort filter properties when user selects title filter', async () => {
+        var _a;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'collection:foo';
-        el.selectedTitleFilter = 'X';
-        await el.updateComplete;
-        // Wait an extra tick
-        await new Promise(res => {
-            setTimeout(res, 0);
-        });
-        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo AND firstTitle:X');
-    });
-    it('sets sort filter properties when user selects creator filter', async () => {
-        var _a;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.baseQuery = 'first-title';
+        el.selectedSort = 'title';
+        el.sortDirection = 'asc';
+        el.selectedTitleFilter = 'X';
+        await el.updateComplete;
+        // Wait an extra tick
+        await new Promise(res => {
+            setTimeout(res, 0);
+        });
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('first-title AND firstTitle:X');
+    });
+    it('sets sort filter properties when user selects creator filter', async () => {
+        var _a;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'collection:foo';
-        el.selectedCreatorFilter = 'X';
-        await el.updateComplete;
-        // Wait an extra tick
-        await new Promise(res => {
-            setTimeout(res, 0);
-        });
-        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('collection:foo AND firstCreator:X');
-    });
-    it('sets date range query when date picker selection changed', async () => {
-        var _a, _b, _c;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.baseQuery = 'first-creator';
+        el.selectedSort = 'creator';
+        el.sortDirection = 'asc';
+        el.selectedCreatorFilter = 'X';
+        await el.updateComplete;
+        // Wait an extra tick
+        await new Promise(res => {
+            setTimeout(res, 0);
+        });
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('first-creator AND firstCreator:X');
+    });
+    it('sets sort filter properties simultaneous with facets and date range', async () => {
+        var _a, _b;
+        const searchService = new MockSearchService();
+        const selectedFacets = {
+            collection: { foo: { key: 'foo', state: 'selected', count: 1 } },
+            creator: {},
+            language: {},
+            lending: {},
+            mediatype: {},
+            subject: {},
+            year: {},
+        };
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'years'; // Includes year_histogram aggregation in response
-        el.showHistogramDatePicker = true;
-        await el.updateComplete;
-        const facets = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('collection-facets');
-        await (facets === null || facets === void 0 ? void 0 : facets.updateComplete);
-        // Wait for the date picker to be rendered (which may take until the next tick)
-        await new Promise(res => {
-            setTimeout(res, 0);
-        });
-        const histogram = (_b = facets === null || facets === void 0 ? void 0 : facets.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('histogram-date-range');
-        expect(histogram).to.exist;
-        // Enter a new min date into the date picker
-        const minDateInput = (_c = histogram.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#date-min');
-        const pressEnterEvent = new KeyboardEvent('keyup', {
-            key: 'Enter',
-        });
-        minDateInput.value = '1960';
-        minDateInput.dispatchEvent(pressEnterEvent);
-        // Wait for the histogram's update delay
-        await new Promise(res => {
-            setTimeout(res, histogram.updateDelay + 50);
-        });
-        // Ensure that the histogram change propagated to the collection browser's
-        // date query correctly.
-        await el.updateComplete;
-        expect(el.dateRangeQueryClause).to.equal('year:[1960 TO 2000]');
-    });
-    it('scrolls to page', async () => {
-        var _a;
-        const searchService = new MockSearchService();
+      </collection-browser>`);
+        el.baseQuery = 'first-creator';
+        el.selectedSort = 'creator';
+        el.selectedFacets = selectedFacets;
+        el.minSelectedDate = '1950';
+        el.maxSelectedDate = '1970';
+        el.sortDirection = 'asc';
+        el.selectedCreatorFilter = 'X';
+        await el.updateComplete;
+        // Wait an extra tick
+        await new Promise(res => {
+            setTimeout(res, 0);
+        });
+        expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('first-creator AND firstCreator:X');
+        expect((_b = searchService.searchParams) === null || _b === void 0 ? void 0 : _b.filters).to.deep.equal({
+            collection: {
+                foo: 'inc',
+            },
+            year: {
+                '1950': 'gte',
+                '1970': 'lte',
+            },
+        });
+    });
+    it('sets date range query when date picker selection changed', async () => {
+        var _a, _b, _c;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        // Infinite scroller won't exist unless there's a base query
-        el.baseQuery = 'collection:foo';
-        await el.updateComplete;
-        const infiniteScroller = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('infinite-scroller');
-        expect(infiniteScroller).to.exist;
-        const oldScrollToCell = infiniteScroller.scrollToCell;
-        const spy = sinon.spy();
-        infiniteScroller.scrollToCell = spy;
-        el.goToPage(1);
-        // Give it a second to scroll
-        await new Promise(res => {
-            setTimeout(res, 1000);
-        });
-        expect(spy.callCount).to.equal(1);
-        infiniteScroller.scrollToCell = oldScrollToCell;
-    });
-    it('refreshes when certain properties change - with some analytics event sampling', async () => {
-        var _a;
-        const mockAnalyticsHandler = new MockAnalyticsHandler();
-        const searchService = new MockSearchService();
-        const collectionNameCache = new MockCollectionNameCache();
+      </collection-browser>`);
+        el.baseQuery = 'years'; // Includes year_histogram aggregation in response
+        el.showHistogramDatePicker = true;
+        await el.updateComplete;
+        const facets = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('collection-facets');
+        await (facets === null || facets === void 0 ? void 0 : facets.updateComplete);
+        // Wait for the date picker to be rendered (which may take until the next tick)
+        await new Promise(res => {
+            setTimeout(res, 0);
+        });
+        const histogram = (_b = facets === null || facets === void 0 ? void 0 : facets.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('histogram-date-range');
+        expect(histogram).to.exist;
+        // Enter a new min date into the date picker
+        const minDateInput = (_c = histogram.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#date-min');
+        const pressEnterEvent = new KeyboardEvent('keyup', {
+            key: 'Enter',
+        });
+        minDateInput.value = '1960';
+        minDateInput.dispatchEvent(pressEnterEvent);
+        // Wait for the histogram's update delay
+        await new Promise(res => {
+            setTimeout(res, histogram.updateDelay + 50);
+        });
+        // Ensure that the histogram change propagated to the collection browser's
+        // date query correctly.
+        await el.updateComplete;
+        expect(el.minSelectedDate).to.equal('1960');
+        expect(el.maxSelectedDate).to.equal('2000');
+    });
+    it('scrolls to page', async () => {
+        var _a;
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+      </collection-browser>`);
+        // Infinite scroller won't exist unless there's a base query
+        el.baseQuery = 'collection:foo';
+        await el.updateComplete;
+        const infiniteScroller = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('infinite-scroller');
+        expect(infiniteScroller).to.exist;
+        const oldScrollToCell = infiniteScroller.scrollToCell;
+        const spy = sinon.spy();
+        infiniteScroller.scrollToCell = spy;
+        el.goToPage(1);
+        // Give it a second to scroll
+        await new Promise(res => {
+            setTimeout(res, 1000);
+        });
+        expect(spy.callCount).to.equal(1);
+        infiniteScroller.scrollToCell = oldScrollToCell;
+    });
+    it('refreshes when certain properties change - with some analytics event sampling', async () => {
+        var _a;
+        const mockAnalyticsHandler = new MockAnalyticsHandler();
+        const searchService = new MockSearchService();
+        const collectionNameCache = new MockCollectionNameCache();
         const el = await fixture(html `<collection-browser
         .analyticsHandler=${mockAnalyticsHandler}
         .searchService=${searchService}
         .collectionNameCache=${collectionNameCache}
-      ></collection-browser>`);
-        const infiniteScrollerRefreshSpy = sinon.spy();
-        // Infinite scroller won't exist unless there's a base query
-        el.baseQuery = 'collection:foo';
-        await el.updateComplete;
-        const infiniteScroller = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('infinite-scroller');
-        infiniteScroller.reload = infiniteScrollerRefreshSpy;
-        expect(infiniteScrollerRefreshSpy.called).to.be.false;
-        expect(infiniteScrollerRefreshSpy.callCount).to.equal(0);
-        // testing: `loggedIn`
-        el.loggedIn = true;
-        await el.updateComplete;
-        expect(infiniteScrollerRefreshSpy.called).to.be.true;
-        expect(infiniteScrollerRefreshSpy.callCount).to.equal(1);
-        el.loggedIn = false;
-        await el.updateComplete;
-        expect(infiniteScrollerRefreshSpy.callCount).to.equal(2);
-        // testing: `displayMode`
-        el.displayMode = 'list-compact';
-        el.searchContext = 'beta-search';
-        await el.updateComplete;
-        expect(infiniteScrollerRefreshSpy.callCount).to.equal(3);
-        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search');
-        expect(mockAnalyticsHandler.callAction).to.equal('displayMode');
-        expect(mockAnalyticsHandler.callLabel).to.equal('list-compact');
-        el.displayMode = 'list-detail';
-        await el.updateComplete;
-        expect(infiniteScrollerRefreshSpy.callCount).to.equal(4);
-        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search');
-        expect(mockAnalyticsHandler.callAction).to.equal('displayMode');
-        expect(mockAnalyticsHandler.callLabel).to.equal('list-detail');
-        // testing: `baseNavigationUrl`
-        el.baseNavigationUrl = 'https://funtestsite.com';
-        await el.updateComplete;
-        expect(infiniteScrollerRefreshSpy.callCount).to.equal(5);
-        // testing: `baseImageUrl`
-        el.baseImageUrl = 'https://funtestsiteforimages.com';
-        await el.updateComplete;
-        expect(infiniteScrollerRefreshSpy.callCount).to.equal(6);
-    });
-    it('query the search service for single result', async () => {
-        var _a, _b;
-        const searchService = new MockSearchService();
+      ></collection-browser>`);
+        const infiniteScrollerRefreshSpy = sinon.spy();
+        // Infinite scroller won't exist unless there's a base query
+        el.baseQuery = 'collection:foo';
+        await el.updateComplete;
+        const infiniteScroller = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('infinite-scroller');
+        infiniteScroller.reload = infiniteScrollerRefreshSpy;
+        expect(infiniteScrollerRefreshSpy.called).to.be.false;
+        expect(infiniteScrollerRefreshSpy.callCount).to.equal(0);
+        // testing: `loggedIn`
+        el.loggedIn = true;
+        await el.updateComplete;
+        expect(infiniteScrollerRefreshSpy.called).to.be.true;
+        expect(infiniteScrollerRefreshSpy.callCount).to.equal(1);
+        el.loggedIn = false;
+        await el.updateComplete;
+        expect(infiniteScrollerRefreshSpy.callCount).to.equal(2);
+        // testing: `displayMode`
+        el.displayMode = 'list-compact';
+        el.searchContext = 'beta-search';
+        await el.updateComplete;
+        expect(infiniteScrollerRefreshSpy.callCount).to.equal(3);
+        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search');
+        expect(mockAnalyticsHandler.callAction).to.equal('displayMode');
+        expect(mockAnalyticsHandler.callLabel).to.equal('list-compact');
+        el.displayMode = 'list-detail';
+        await el.updateComplete;
+        expect(infiniteScrollerRefreshSpy.callCount).to.equal(4);
+        expect(mockAnalyticsHandler.callCategory).to.equal('beta-search');
+        expect(mockAnalyticsHandler.callAction).to.equal('displayMode');
+        expect(mockAnalyticsHandler.callLabel).to.equal('list-detail');
+        // testing: `baseNavigationUrl`
+        el.baseNavigationUrl = 'https://funtestsite.com';
+        await el.updateComplete;
+        expect(infiniteScrollerRefreshSpy.callCount).to.equal(5);
+        // testing: `baseImageUrl`
+        el.baseImageUrl = 'https://funtestsiteforimages.com';
+        await el.updateComplete;
+        expect(infiniteScrollerRefreshSpy.callCount).to.equal(6);
+    });
+    it('query the search service for single result', async () => {
+        var _a, _b;
+        const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
-      </collection-browser>`);
-        el.baseQuery = 'single-result';
-        await el.updateComplete;
-        expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#big-results-label')) === null || _b === void 0 ? void 0 : _b.textContent).to.contains('Result');
-    });
-    it('`searchContext` prop helps describe where component is being used', async () => {
-        const el = await fixture(html `<collection-browser></collection-browser>`);
-        expect(el.searchContext).to.equal(analyticsCategories.default);
-        el.searchContext = 'unicorn-search';
-        await el.updateComplete;
-        expect(el.searchContext).to.equal('unicorn-search');
-        // property is reflected as attribute
-        expect(el.getAttribute('searchcontext')).to.equal('unicorn-search');
-    });
-});
+      </collection-browser>`);
+        el.baseQuery = 'single-result';
+        await el.updateComplete;
+        await nextTick();
+        expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#big-results-label')) === null || _b === void 0 ? void 0 : _b.textContent).to.contains('Result');
+    });
+    it('`searchContext` prop helps describe where component is being used', async () => {
+        const el = await fixture(html `<collection-browser></collection-browser>`);
+        expect(el.searchContext).to.equal(analyticsCategories.default);
+        el.searchContext = 'unicorn-search';
+        await el.updateComplete;
+        expect(el.searchContext).to.equal('unicorn-search');
+        // property is reflected as attribute
+        expect(el.getAttribute('searchcontext')).to.equal('unicorn-search');
+    });
+});
 //# sourceMappingURL=collection-browser.test.js.map