@internetarchive/collection-browser 3.3.0 → 3.3.1-alpha3

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

@@ -71,7 +71,7 @@ describe('Collection Browser', () => {
     });
     it('filterBy creator with analytics', async () => {
         const mockAnalyticsHandler = new MockAnalyticsHandler();
-        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
+        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
       </collection-browser>`);
         el.searchContext = 'betaSearchService';
         el.selectedSort = 'creator';
@@ -90,7 +90,7 @@ describe('Collection Browser', () => {
     });
     it('filterBy title with analytics', async () => {
         const mockAnalyticsHandler = new MockAnalyticsHandler();
-        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
+        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
       </collection-browser>`);
         el.searchContext = 'beta-search-service';
         el.selectedSort = 'title';
@@ -119,7 +119,7 @@ describe('Collection Browser', () => {
             collection: {},
             year: {},
         };
-        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
+        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
       </collection-browser>`);
         el.searchContext = 'search-service';
         el.selectedFacets = mockedSelectedFacets;
@@ -166,7 +166,7 @@ describe('Collection Browser', () => {
             collection: {},
             year: {},
         };
-        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
+        const el = await fixture(html `<collection-browser .analyticsHandler=${mockAnalyticsHandler}>
       </collection-browser>`);
         el.searchContext = 'beta-search-service';
         el.selectedFacets = mockedSelectedFacets;
@@ -204,7 +204,7 @@ describe('Collection Browser', () => {
     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}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'hello';
         await el.updateComplete;
@@ -219,7 +219,7 @@ describe('Collection Browser', () => {
     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}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
@@ -230,7 +230,7 @@ describe('Collection Browser', () => {
     it('queries the search service when given a list of identifiers and no query', async () => {
         var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.identifiers = ['foo', 'bar'];
         await el.updateComplete;
@@ -244,7 +244,7 @@ describe('Collection Browser', () => {
     it('queries the search service when given a list of identifiers with a query', async () => {
         var _a, _b, _c, _d;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'collection:foo';
         el.identifiers = ['foo', 'bar'];
@@ -260,7 +260,7 @@ describe('Collection Browser', () => {
     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}>
+        const el = await fixture(html ` <collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.searchType = SearchType.METADATA;
         await el.updateComplete;
@@ -273,7 +273,7 @@ describe('Collection Browser', () => {
     });
     it('can change search type', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
@@ -285,7 +285,7 @@ describe('Collection Browser', () => {
     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}>
+        const el = await fixture(html ` <collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.searchType = SearchType.FULLTEXT;
         await el.updateComplete;
@@ -299,7 +299,7 @@ describe('Collection Browser', () => {
     it('queries the search service with a radio search', async () => {
         var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html ` <collection-browser .searchService=${searchService}>
+        const el = await fixture(html ` <collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.searchType = SearchType.RADIO;
         await el.updateComplete;
@@ -313,7 +313,7 @@ describe('Collection Browser', () => {
     it('queries the search service with a TV search', async () => {
         var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html ` <collection-browser .searchService=${searchService}>
+        const el = await fixture(html ` <collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.searchType = SearchType.TV;
         await el.updateComplete;
@@ -353,7 +353,7 @@ describe('Collection Browser', () => {
             collection: {},
             year: {},
         };
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'collection:foo';
         el.selectedFacets = selectedFacets;
@@ -386,7 +386,7 @@ describe('Collection Browser', () => {
         url.searchParams.append('sin', 'TXT');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         expect(el.searchType).to.equal(SearchType.FULLTEXT);
     });
@@ -396,10 +396,10 @@ describe('Collection Browser', () => {
         url.searchParams.append('sin', 'TXT');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        suppressURLSinParam
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        suppressURLSinParam
+      >
       </collection-browser>`);
         url = new URL(window.location.href);
         expect(el.searchType).to.equal(SearchType.DEFAULT);
@@ -411,7 +411,7 @@ describe('Collection Browser', () => {
     });
     it('can construct tile models with many fields present', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'many-fields';
         await el.updateComplete;
@@ -424,10 +424,10 @@ describe('Collection Browser', () => {
     it('emits empty results event when search fetches no results', async () => {
         const searchService = new MockSearchService();
         const emptyResultsSpy = sinon.spy();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        @emptyResults=${emptyResultsSpy}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        @emptyResults=${emptyResultsSpy}
+      >
       </collection-browser>`);
         el.baseQuery = 'no-results';
         await el.updateComplete;
@@ -437,10 +437,10 @@ describe('Collection Browser', () => {
     it('emits searchError event when search results in an error', async () => {
         const searchService = new MockSearchService();
         const searchErrorSpy = sinon.spy();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        @searchError=${searchErrorSpy}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        @searchError=${searchErrorSpy}
+      >
       </collection-browser>`);
         el.baseQuery = 'error';
         await el.updateComplete;
@@ -450,7 +450,7 @@ describe('Collection Browser', () => {
     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}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'loggedin';
         await el.updateComplete;
@@ -464,7 +464,7 @@ describe('Collection Browser', () => {
     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}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'no-preview';
         await el.updateComplete;
@@ -478,7 +478,7 @@ describe('Collection Browser', () => {
     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}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'loggedin-no-preview';
         await el.updateComplete;
@@ -493,7 +493,7 @@ describe('Collection Browser', () => {
     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}>
+        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';
@@ -509,9 +509,9 @@ describe('Collection Browser', () => {
     it('can change search type', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .searchType=${SearchType.METADATA}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .searchType=${SearchType.METADATA}
       ></collection-browser>`);
         el.baseQuery = 'collection:foo';
         el.searchType = SearchType.FULLTEXT;
@@ -523,8 +523,8 @@ describe('Collection Browser', () => {
     it('trims queries of leading/trailing whitespace', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
       ></collection-browser>`);
         el.baseQuery = '   collection:foo   ';
         await el.updateComplete;
@@ -534,8 +534,8 @@ describe('Collection Browser', () => {
     it('shows error message when error response received', async () => {
         var _a, _b;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
       ></collection-browser>`);
         el.baseQuery = 'error';
         await el.updateComplete;
@@ -548,8 +548,8 @@ describe('Collection Browser', () => {
     it('shows error message when error response received for a collection', async () => {
         var _a, _b;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
       ></collection-browser>`);
         el.withinCollection = 'error';
         await el.updateComplete;
@@ -564,8 +564,8 @@ describe('Collection Browser', () => {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         window.Sentry = { captureMessage: sentrySpy };
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
       ></collection-browser>`);
         el.baseQuery = 'malformed';
         await el.updateComplete;
@@ -574,7 +574,7 @@ describe('Collection Browser', () => {
     });
     it('adds collection names to cache when present on response', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'collection-titles';
         await el.updateComplete;
@@ -586,7 +586,7 @@ describe('Collection Browser', () => {
     });
     it('adds tv channel aliases to cache when present on response', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'channel-aliases';
         await el.updateComplete;
@@ -600,7 +600,7 @@ describe('Collection Browser', () => {
             asyncResponse: true,
             resultsSpy,
         });
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'with-sort';
         el.selectedSort = SortField.date;
@@ -617,7 +617,7 @@ describe('Collection Browser', () => {
             asyncResponse: true,
             resultsSpy,
         });
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'with-sort';
         el.selectedSort = SortField.date;
@@ -639,7 +639,7 @@ describe('Collection Browser', () => {
             asyncResponse: true,
             resultsSpy,
         });
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'single-result';
         await el.updateComplete;
@@ -660,7 +660,7 @@ describe('Collection Browser', () => {
             asyncResponse: true,
             resultsSpy,
         });
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'with-sort';
         el.selectedSort = SortField.date;
@@ -679,7 +679,7 @@ describe('Collection Browser', () => {
     it('sets sort properties when user changes sort', async () => {
         var _a, _b, _c, _d, _e, _f;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         expect(el.selectedSort).to.equal(SortField.default);
         el.baseQuery = 'foo';
@@ -702,7 +702,7 @@ describe('Collection Browser', () => {
     it('sets sort filter properties when user selects title filter', async () => {
         var _a, _b, _c, _d;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'first-title';
         el.selectedSort = 'title';
@@ -716,7 +716,7 @@ describe('Collection Browser', () => {
     it('sets sort filter properties when user selects creator filter', async () => {
         var _a, _b, _c, _d;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'first-creator';
         el.selectedSort = 'creator';
@@ -739,7 +739,7 @@ describe('Collection Browser', () => {
             subject: {},
             year: {},
         };
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'first-creator';
         el.selectedSort = 'creator';
@@ -767,7 +767,7 @@ describe('Collection Browser', () => {
     it('applies correct search filter when TV clip filter set to commercials', async () => {
         var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'tv-fields';
         el.searchType = SearchType.TV;
@@ -779,7 +779,7 @@ describe('Collection Browser', () => {
     it('applies correct search filter when TV clip filter set to factchecks', async () => {
         var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'tv-fields';
         el.searchType = SearchType.TV;
@@ -791,7 +791,7 @@ describe('Collection Browser', () => {
     it('applies correct search filter when TV clip filter set to quotes', async () => {
         var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'tv-fields';
         el.searchType = SearchType.TV;
@@ -803,7 +803,7 @@ describe('Collection Browser', () => {
     it('resets letter filters when query changes', async () => {
         var _a, _b, _c, _d, _e, _f, _g;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'first-creator';
         el.selectedSort = 'creator';
@@ -824,11 +824,11 @@ describe('Collection Browser', () => {
         var _a, _b, _c;
         const searchService = new MockSearchService();
         const mockAnalyticsHandler = new MockAnalyticsHandler();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .analyticsHandler=${mockAnalyticsHandler}
-        .suppressPlaceholders=${true}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .analyticsHandler=${mockAnalyticsHandler}
+        .suppressPlaceholders=${true}
+      >
       </collection-browser>`);
         el.baseQuery = 'years'; // Includes year_histogram aggregation in response
         el.showHistogramDatePicker = true;
@@ -857,10 +857,10 @@ describe('Collection Browser', () => {
     it('sets date range query when monthly date picker selection changed', async () => {
         var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .suppressPlaceholders=${true}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .suppressPlaceholders=${true}
+      >
       </collection-browser>`);
         el.baseQuery = 'months'; // Includes date_histogram aggregation in response
         el.searchType = SearchType.TV;
@@ -891,9 +891,9 @@ describe('Collection Browser', () => {
         var _a, _b, _c, _d;
         const spy = sinon.spy();
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        @searchResultsLoadingChanged=${spy}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        @searchResultsLoadingChanged=${spy}
       ></collection-browser>`);
         spy.resetHistory();
         el.baseQuery = 'collection:foo';
@@ -907,9 +907,9 @@ describe('Collection Browser', () => {
     it('collapses extra set of quotes around href field', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
       ></collection-browser>`);
         el.baseQuery = 'extra-quoted-href';
         await el.updateComplete;
@@ -922,9 +922,9 @@ describe('Collection Browser', () => {
     it('sets default sort from collection metadata', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
       ></collection-browser>`);
         el.withinCollection = 'default-sort';
         await el.updateComplete;
@@ -941,9 +941,9 @@ describe('Collection Browser', () => {
     it('sets default sort from collection metadata in "-field" format', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
       ></collection-browser>`);
         el.withinCollection = 'default-sort-concise';
         await el.updateComplete;
@@ -958,8 +958,8 @@ describe('Collection Browser', () => {
         expect(sortBar.sortDirection).to.be.null;
     });
     it('falls back to weekly views default sorting on profiles when tab not set', async () => {
-        const el = await fixture(html `<collection-browser
-        .withinProfile=${'@foobar'}
+        const el = await fixture(html `<collection-browser
+        .withinProfile=${'@foobar'}
       ></collection-browser>`);
         el.applyDefaultProfileSort();
         expect(el.defaultSortParam).to.deep.equal({
@@ -970,9 +970,9 @@ describe('Collection Browser', () => {
     it('uses relevance sort as default when a query is set', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
       ></collection-browser>`);
         el.withinCollection = 'default-sort';
         el.baseQuery = 'default-sort';
@@ -990,9 +990,9 @@ describe('Collection Browser', () => {
     it('uses date favorited sort as default when targeting fav- collection', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
       ></collection-browser>`);
         el.withinCollection = 'fav-sort';
         await el.updateComplete;
@@ -1009,7 +1009,7 @@ describe('Collection Browser', () => {
     it('scrolls to page', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         // Infinite scroller won't exist unless there's a base query.
         // First ensure that we don't throw errors when it doesn't exist.
@@ -1031,9 +1031,9 @@ describe('Collection Browser', () => {
     it('shows mobile facets in mobile view', async () => {
         var _a, _b;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .mobileBreakpoint=${9999}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .mobileBreakpoint=${9999}
       ></collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
@@ -1053,11 +1053,11 @@ describe('Collection Browser', () => {
         var _a, _b;
         const searchService = new MockSearchService();
         const analyticsHandler = new MockAnalyticsHandler();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .analyticsHandler=${analyticsHandler}
-        .searchContext=${'foobar-context'}
-        .mobileBreakpoint=${9999}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .analyticsHandler=${analyticsHandler}
+        .searchContext=${'foobar-context'}
+        .mobileBreakpoint=${9999}
       ></collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
@@ -1097,9 +1097,9 @@ describe('Collection Browser', () => {
     });
     it('sets parent collections to prop when searching a collection', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .withinCollection=${'fake'}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .withinCollection=${'fake'}
       ></collection-browser>`);
         el.baseQuery = 'parent-collections';
         await el.updateComplete;
@@ -1109,9 +1109,9 @@ describe('Collection Browser', () => {
     });
     it('recognizes TV collections', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .withinCollection=${'TV-FOO'}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .withinCollection=${'TV-FOO'}
       ></collection-browser>`);
         el.baseQuery = 'tv-collection';
         await el.updateComplete;
@@ -1123,9 +1123,9 @@ describe('Collection Browser', () => {
         var _a;
         const mockAnalyticsHandler = new MockAnalyticsHandler();
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .analyticsHandler=${mockAnalyticsHandler}
-        .searchService=${searchService}
+        const el = await fixture(html `<collection-browser
+        .analyticsHandler=${mockAnalyticsHandler}
+        .searchService=${searchService}
       ></collection-browser>`);
         const infiniteScrollerRefreshSpy = sinon.spy();
         // Infinite scroller won't exist unless there's a base query
@@ -1171,7 +1171,7 @@ describe('Collection Browser', () => {
     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}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'single-result';
         await el.updateComplete;
@@ -1200,7 +1200,7 @@ describe('Collection Browser', () => {
         searchParams.append('and[]', 'year:[2000 TO 2010]');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         await el.initialSearchComplete;
         await el.updateComplete;
@@ -1226,10 +1226,10 @@ describe('Collection Browser', () => {
         searchParams.append('and[]', 'year:[2000 TO 2010]');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .withinCollection=${'foobar'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .withinCollection=${'foobar'}
+      >
       </collection-browser>`);
         await el.initialSearchComplete;
         await el.updateComplete;
@@ -1254,11 +1254,11 @@ describe('Collection Browser', () => {
         searchParams.append('and[]', 'year:[2000 TO 2010]');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .withinProfile=${'@foobar'}
-        .profileElement=${'uploads'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .withinProfile=${'@foobar'}
+        .profileElement=${'uploads'}
+      >
       </collection-browser>`);
         await el.initialSearchComplete;
         await el.updateComplete;
@@ -1285,7 +1285,7 @@ describe('Collection Browser', () => {
         searchParams.append('and[]', 'year:[2000 TO 2010]');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         await el.initialSearchComplete;
         await el.updateComplete;
@@ -1313,10 +1313,10 @@ describe('Collection Browser', () => {
         searchParams.append('and[]', 'year:[2000 TO 2010]');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .withinCollection=${'foobar'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .withinCollection=${'foobar'}
+      >
       </collection-browser>`);
         el.baseQuery = 'bar';
         await el.updateComplete;
@@ -1343,10 +1343,10 @@ describe('Collection Browser', () => {
         searchParams.append('and[]', 'year:[2000 TO 2010]');
         window.history.replaceState({}, '', url);
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .withinCollection=${'foobar'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .withinCollection=${'foobar'}
+      >
       </collection-browser>`);
         el.withinCollection = 'bar';
         await el.updateComplete;
@@ -1363,11 +1363,11 @@ describe('Collection Browser', () => {
     it('correctly retrieves web archive hits', async () => {
         var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .withinProfile=${'@foo'}
-        .profileElement=${'web_archives'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .withinProfile=${'@foo'}
+        .profileElement=${'web_archives'}
+      >
       </collection-browser>`);
         el.baseQuery = 'web-archive';
         await el.updateComplete;
@@ -1381,10 +1381,10 @@ describe('Collection Browser', () => {
     it('shows dropdown accordion in facet sidebar when opt-in strategy is specified', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        facetLoadStrategy=${'opt-in'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        facetLoadStrategy=${'opt-in'}
+      >
       </collection-browser>`);
         el.baseQuery = 'foo';
         await el.updateComplete;
@@ -1395,10 +1395,10 @@ describe('Collection Browser', () => {
     it('shows temporarily unavailable message when facets suppressed', async () => {
         var _a, _b;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        facetLoadStrategy=${'off'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        facetLoadStrategy=${'off'}
+      >
       </collection-browser>`);
         el.baseQuery = 'foo';
         await el.updateComplete;
@@ -1410,7 +1410,7 @@ describe('Collection Browser', () => {
     it('shows manage bar interface instead of sort bar when in manage view', async () => {
         var _a, _b, _c, _d;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'foo';
         await el.updateComplete;
@@ -1426,11 +1426,11 @@ describe('Collection Browser', () => {
     });
     it('switches to grid display mode when manage view activated', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseQuery=${'foo'}
-        .displayMode=${'list-detail'}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseQuery=${'foo'}
+        .displayMode=${'list-detail'}
+      >
       </collection-browser>`);
         el.isManageView = true;
         await el.updateComplete;
@@ -1439,10 +1439,10 @@ describe('Collection Browser', () => {
     it('can remove all checked tiles', async () => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
+      >
       </collection-browser>`);
         el.baseQuery = 'foo';
         el.pageSize = 1; // To hit the edge case of a page break while offsetting tiles
@@ -1478,10 +1478,10 @@ describe('Collection Browser', () => {
     });
     it('can check/uncheck all tiles', async () => {
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
+      >
       </collection-browser>`);
         el.baseQuery = 'foo';
         await el.updateComplete;
@@ -1501,10 +1501,10 @@ describe('Collection Browser', () => {
         var _a, _b;
         const spy = sinon.spy();
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
-        @manageModeChanged=${spy}
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
+        @manageModeChanged=${spy}
       ></collection-browser>`);
         el.isManageView = true;
         await el.updateComplete;
@@ -1519,11 +1519,11 @@ describe('Collection Browser', () => {
         var _a, _b, _c, _d, _e;
         const spy = sinon.spy();
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
-        @itemRemovalRequested=${spy}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
+        @itemRemovalRequested=${spy}
+      >
       </collection-browser>`);
         el.baseQuery = 'foo';
         await el.updateComplete;
@@ -1553,10 +1553,10 @@ describe('Collection Browser', () => {
     it('disables manage view when manage bar cancelled', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        .baseNavigationUrl=${''}
-      >
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .baseNavigationUrl=${''}
+      >
       </collection-browser>`);
         el.baseQuery = 'foo';
         await el.updateComplete;
@@ -1573,7 +1573,7 @@ describe('Collection Browser', () => {
     it('enable/disable manage view delete button when you selectAll/unselectAll', async () => {
         var _a, _b, _c, _d;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         el.baseQuery = 'foo';
         await el.updateComplete;
@@ -1601,10 +1601,10 @@ describe('Collection Browser', () => {
     it('shows Blurring checkbox for admin users', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .baseNavigationUrl=${''}
-        .searchService=${searchService}
-      >
+        const el = await fixture(html `<collection-browser
+        .baseNavigationUrl=${''}
+        .searchService=${searchService}
+      >
       </collection-browser>`);
         el.baseQuery = 'archive-org-user-loggedin';
         await el.updateComplete;
@@ -1616,10 +1616,10 @@ describe('Collection Browser', () => {
     it('unchecks Blurring checkbox for admin users with blurring preference off', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .baseNavigationUrl=${''}
-        .searchService=${searchService}
-      >
+        const el = await fixture(html `<collection-browser
+        .baseNavigationUrl=${''}
+        .searchService=${searchService}
+      >
       </collection-browser>`);
         el.baseQuery = 'archive-org-user-loggedin-noblur';
         await el.updateComplete;
@@ -1631,10 +1631,10 @@ describe('Collection Browser', () => {
     it('toggles blur state when Blurring checkbox is toggled', async () => {
         var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .baseNavigationUrl=${''}
-        .searchService=${searchService}
-      >
+        const el = await fixture(html `<collection-browser
+        .baseNavigationUrl=${''}
+        .searchService=${searchService}
+      >
       </collection-browser>`);
         el.baseQuery = 'archive-org-user-loggedin';
         await el.updateComplete;
@@ -1650,11 +1650,11 @@ describe('Collection Browser', () => {
     it('applies loans tab properties to sort bar', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .baseNavigationUrl=${''}
-        .searchService=${searchService}
-        .enableSortOptionsSlot=${true}
-      >
+        const el = await fixture(html `<collection-browser
+        .baseNavigationUrl=${''}
+        .searchService=${searchService}
+        .enableSortOptionsSlot=${true}
+      >
       </collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
@@ -1669,9 +1669,9 @@ describe('Collection Browser', () => {
     it('can suppress presence of result count', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        suppressResultCount
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        suppressResultCount
       ></collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
@@ -1682,9 +1682,9 @@ describe('Collection Browser', () => {
     it('can suppress presence of result tiles', async () => {
         var _a;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser
-        .searchService=${searchService}
-        suppressResultTiles
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        suppressResultTiles
       ></collection-browser>`);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
@@ -1697,7 +1697,7 @@ describe('Collection Browser', () => {
             asyncResponse: true,
             resultsSpy,
         });
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
         const numberOfPages = 15;
         el.baseQuery = 'jack';