@internetarchive/collection-browser 1.8.0 → 1.9.0-alpha2

package/dist/test/mocks/mock-search-service.d.ts

@@ -1,15 +1,15 @@
-import type { Result } from '@internetarchive/result-type';
-import type { SearchParams, SearchResponse, SearchServiceInterface, SearchServiceError, SearchType } from '@internetarchive/search-service';
-export declare class MockSearchService implements SearchServiceInterface {
-    searchParams?: SearchParams;
-    searchType?: SearchType;
-    asyncResponse: boolean;
-    asyncResponseDelay: number;
-    resultsSpy: Function;
-    constructor({ asyncResponse, asyncResponseDelay, resultsSpy, }?: {
-        asyncResponse?: boolean | undefined;
-        asyncResponseDelay?: number | undefined;
-        resultsSpy?: (() => void) | undefined;
-    });
-    search(params: SearchParams, searchType: SearchType): Promise<Result<SearchResponse, SearchServiceError>>;
-}
+import type { Result } from '@internetarchive/result-type';
+import type { SearchParams, SearchResponse, SearchServiceInterface, SearchServiceError, SearchType } from '@internetarchive/search-service';
+export declare class MockSearchService implements SearchServiceInterface {
+    searchParams?: SearchParams;
+    searchType?: SearchType;
+    asyncResponse: boolean;
+    asyncResponseDelay: number;
+    resultsSpy: Function;
+    constructor({ asyncResponse, asyncResponseDelay, resultsSpy, }?: {
+        asyncResponse?: boolean | undefined;
+        asyncResponseDelay?: number | undefined;
+        resultsSpy?: (() => void) | undefined;
+    });
+    search(params: SearchParams, searchType: SearchType): Promise<Result<SearchResponse, SearchServiceError>>;
+}

package/dist/test/mocks/mock-search-service.js

@@ -1,49 +1,49 @@
-import { getMockSuccessSingleResult, getMockSuccessMultipleResults, getMockSuccessSingleResultWithSort, getMockSuccessLoggedInResult, getMockSuccessNoPreviewResult, getMockSuccessLoggedInAndNoPreviewResult, getMockSuccessWithYearHistogramAggs, getMockSuccessMultiLineDescription, getMockSuccessFirstTitleResult, getMockSuccessFirstCreatorResult, getMockErrorResult, getMockMalformedResult, getMockSuccessWithCollectionTitles, getMockSuccessWithCollectionAggregations, getMockSuccessExtraQuotedHref, getMockSuccessWithDefaultSort, getMockSuccessWithConciseDefaultSort, } from './mock-search-responses';
-const responses = {
-    'single-result': getMockSuccessSingleResult,
-    years: getMockSuccessWithYearHistogramAggs,
-    'multi-line-description': getMockSuccessMultiLineDescription,
-    loggedin: getMockSuccessLoggedInResult,
-    'no-preview': getMockSuccessNoPreviewResult,
-    'loggedin-no-preview': getMockSuccessLoggedInAndNoPreviewResult,
-    'first-title': getMockSuccessFirstTitleResult,
-    'first-creator': getMockSuccessFirstCreatorResult,
-    'collection-titles': getMockSuccessWithCollectionTitles,
-    'collection-aggregations': getMockSuccessWithCollectionAggregations,
-    'extra-quoted-href': getMockSuccessExtraQuotedHref,
-    'default-sort': getMockSuccessWithDefaultSort,
-    'default-sort-concise': getMockSuccessWithConciseDefaultSort,
-    error: getMockErrorResult,
-    malformed: getMockMalformedResult,
-};
-export class MockSearchService {
-    constructor({ asyncResponse = false, asyncResponseDelay = 0, resultsSpy = () => { }, } = {}) {
-        this.asyncResponse = asyncResponse;
-        this.asyncResponseDelay = asyncResponseDelay;
-        this.resultsSpy = resultsSpy;
-    }
-    async search(params, searchType) {
-        var _a, _b;
-        this.searchParams = params;
-        this.searchType = searchType;
-        if (this.asyncResponse) {
-            // Add an artificial 1-tick delay
-            await new Promise(res => {
-                setTimeout(res, this.asyncResponseDelay);
-            });
-        }
-        const responseKey = (_a = (this.searchParams.query || this.searchParams.pageTarget)) !== null && _a !== void 0 ? _a : '';
-        const resultFn = (_b = responses[responseKey]) !== null && _b !== void 0 ? _b : getMockSuccessMultipleResults;
-        let result = resultFn();
-        // with-sort query has special handling
-        if (this.searchParams.query === 'with-sort') {
-            result = getMockSuccessSingleResultWithSort(this.resultsSpy);
-        }
-        // Apply any uid param from the request
-        if (result.success) {
-            result.success.request.clientParameters.uid = params.uid;
-        }
-        return result;
-    }
-}
+import { getMockSuccessSingleResult, getMockSuccessMultipleResults, getMockSuccessSingleResultWithSort, getMockSuccessLoggedInResult, getMockSuccessNoPreviewResult, getMockSuccessLoggedInAndNoPreviewResult, getMockSuccessWithYearHistogramAggs, getMockSuccessMultiLineDescription, getMockSuccessFirstTitleResult, getMockSuccessFirstCreatorResult, getMockErrorResult, getMockMalformedResult, getMockSuccessWithCollectionTitles, getMockSuccessWithCollectionAggregations, getMockSuccessExtraQuotedHref, getMockSuccessWithDefaultSort, getMockSuccessWithConciseDefaultSort, } from './mock-search-responses';
+const responses = {
+    'single-result': getMockSuccessSingleResult,
+    years: getMockSuccessWithYearHistogramAggs,
+    'multi-line-description': getMockSuccessMultiLineDescription,
+    loggedin: getMockSuccessLoggedInResult,
+    'no-preview': getMockSuccessNoPreviewResult,
+    'loggedin-no-preview': getMockSuccessLoggedInAndNoPreviewResult,
+    'first-title': getMockSuccessFirstTitleResult,
+    'first-creator': getMockSuccessFirstCreatorResult,
+    'collection-titles': getMockSuccessWithCollectionTitles,
+    'collection-aggregations': getMockSuccessWithCollectionAggregations,
+    'extra-quoted-href': getMockSuccessExtraQuotedHref,
+    'default-sort': getMockSuccessWithDefaultSort,
+    'default-sort-concise': getMockSuccessWithConciseDefaultSort,
+    error: getMockErrorResult,
+    malformed: getMockMalformedResult,
+};
+export class MockSearchService {
+    constructor({ asyncResponse = false, asyncResponseDelay = 0, resultsSpy = () => { }, } = {}) {
+        this.asyncResponse = asyncResponse;
+        this.asyncResponseDelay = asyncResponseDelay;
+        this.resultsSpy = resultsSpy;
+    }
+    async search(params, searchType) {
+        var _a, _b;
+        this.searchParams = params;
+        this.searchType = searchType;
+        if (this.asyncResponse) {
+            // Add an artificial 1-tick delay
+            await new Promise(res => {
+                setTimeout(res, this.asyncResponseDelay);
+            });
+        }
+        const responseKey = (_a = (this.searchParams.query || this.searchParams.pageTarget)) !== null && _a !== void 0 ? _a : '';
+        const resultFn = (_b = responses[responseKey]) !== null && _b !== void 0 ? _b : getMockSuccessMultipleResults;
+        let result = resultFn();
+        // with-sort query has special handling
+        if (this.searchParams.query === 'with-sort') {
+            result = getMockSuccessSingleResultWithSort(this.resultsSpy);
+        }
+        // Apply any uid param from the request
+        if (result.success) {
+            result.success.request.clientParameters.uid = params.uid;
+        }
+        return result;
+    }
+}
 //# sourceMappingURL=mock-search-service.js.map

package/dist/test/restoration-state-handler.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/test/restoration-state-handler.test.js

@@ -1,219 +1,271 @@
-import { SearchType } from '@internetarchive/search-service';
-import { expect } from '@open-wc/testing';
-import { getDefaultSelectedFacets } from '../src/models';
-import { RestorationStateHandler } from '../src/restoration-state-handler';
-describe('Restoration state handler', () => {
-    it('should restore query from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?query=boop';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.baseQuery).to.equal('boop');
-    });
-    it('should restore metadata search type from URL without valid sin', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?sin=foo';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.searchType).to.equal(SearchType.METADATA);
-    });
-    it('should restore metadata search type if sin explicitly empty in URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?sin=';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.searchType).to.equal(SearchType.METADATA);
-    });
-    it('should restore full text search type from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?sin=TXT';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.searchType).to.equal(SearchType.FULLTEXT);
-    });
-    it('should restore page number from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?page=42';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.currentPage).to.equal(42);
-    });
-    it('should restore selected year facets from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[]=year:"2018"';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedFacets.year['2018'].state).to.equal('selected');
-    });
-    it('should ignore unrecognized facet types in URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[]=foo:"bar"';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedFacets).to.deep.equal(getDefaultSelectedFacets());
-    });
-    it('should restore selected date range facets from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[]=year:"2018+TO+2021"';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.minSelectedDate).to.equal('2018');
-        expect(restorationState.maxSelectedDate).to.equal('2021');
-    });
-    it('should restore creator filter from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[]=firstCreator:F';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedCreatorFilter).to.equal('F');
-    });
-    it('should restore title filter from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[]=firstTitle:F';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedTitleFilter).to.equal('F');
-    });
-    it('should restore other selected facets from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[]=subject:"foo"';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedFacets.subject.foo.state).to.equal('selected');
-    });
-    it('should restore negative facets from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?not[]=year:2018';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedFacets.year['2018'].state).to.equal('hidden');
-    });
-    it('should restore multiple selected/negative facets from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search =
-            '?and[]=collection:"foo"&and[]=collection:"bar"&not[]=collection:"baz"&not[]=collection:"boop"';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedFacets.collection.foo.state).to.equal('selected');
-        expect(restorationState.selectedFacets.collection.bar.state).to.equal('selected');
-        expect(restorationState.selectedFacets.collection.baz.state).to.equal('hidden');
-        expect(restorationState.selectedFacets.collection.boop.state).to.equal('hidden');
-    });
-    it('negative facets take precedence if both present in URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[]=collection:"foo"&not[]=collection:"foo"';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedFacets.collection.foo.state).to.equal('hidden');
-    });
-    it('should restore selected facets with numbers in the square brackets', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[12]=subject:"foo"';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedFacets.subject.foo.state).to.equal('selected');
-    });
-    it('should restore negative facets with numbers in the square brackets', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?not[12]=year:2018';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedFacets.year['2018'].state).to.equal('hidden');
-    });
-    it('should restore sort from URL (space format)', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?sort=date+desc';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedSort).to.equal('date');
-        expect(restorationState.sortDirection).to.equal('desc');
-    });
-    it('should restore sort from URL (prefix format, desc)', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?sort=-date';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedSort).to.equal('date');
-        expect(restorationState.sortDirection).to.equal('desc');
-    });
-    it('should restore sort from URL (prefix format, asc)', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?sort=date';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedSort).to.equal('date');
-        expect(restorationState.sortDirection).to.equal('asc');
-    });
-    it('should not save current page state to the URL for page 1', async () => {
-        const url = new URL(window.location.href);
-        url.search = '';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const handler = new RestorationStateHandler({ context: 'search' });
-        handler.persistState({
-            currentPage: 1,
-            selectedFacets: getDefaultSelectedFacets(),
-        });
-        expect(window.location.search).to.be.empty;
-    });
-    it('should save current page state to the URL when page > 1', async () => {
-        const url = new URL(window.location.href);
-        url.search = '';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const handler = new RestorationStateHandler({ context: 'search' });
-        handler.persistState({
-            currentPage: 2,
-            selectedFacets: getDefaultSelectedFacets(),
-        });
-        expect(window.location.search).to.equal('?page=2');
-    });
-    it('should upgrade legacy search params to new ones', async () => {
-        const url = new URL(window.location.href);
-        url.search = '?q=foo';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.baseQuery).to.equal('foo');
-        handler.persistState(restorationState);
-        expect(window.location.search).to.equal('?query=foo');
-    });
-    it('should remove empty sin param', async () => {
-        const url = new URL(window.location.href);
-        url.search = '?sin=';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const handler = new RestorationStateHandler({ context: 'search' });
-        handler.persistState({ selectedFacets: getDefaultSelectedFacets() });
-        expect(window.location.search).to.equal('');
-    });
-    it('round trip load/persist should erase numbers in square brackets', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[0]=subject:"foo"';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        // Load state from the URL and immediately persist it back to the URL
-        const restorationState = handler.getRestorationState();
-        handler.persistState(restorationState);
-        // Ensure the new URL includes the "normalized" facet parameter and not the numbered one
-        expect(decodeURIComponent(window.location.search)).to.include('and[]=subject:"foo"');
-        expect(new URL(window.location.href).searchParams.get('and[0]')).to.be.null;
-    });
-});
+import { SearchType } from '@internetarchive/search-service';
+import { expect } from '@open-wc/testing';
+import { SortField, getDefaultSelectedFacets } from '../src/models';
+import { RestorationStateHandler } from '../src/restoration-state-handler';
+describe('Restoration state handler', () => {
+    it('should restore query from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?query=boop';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.baseQuery).to.equal('boop');
+    });
+    it('should restore metadata search type from URL without valid sin', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?sin=foo';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.searchType).to.equal(SearchType.METADATA);
+    });
+    it('should restore metadata search type if sin explicitly empty in URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?sin=';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.searchType).to.equal(SearchType.METADATA);
+    });
+    it('should restore full text search type from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?sin=TXT';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.searchType).to.equal(SearchType.FULLTEXT);
+    });
+    it('should restore page number from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?page=42';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.currentPage).to.equal(42);
+    });
+    it('should restore selected year facets from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[]=year:"2018"';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedFacets.year['2018'].state).to.equal('selected');
+    });
+    it('should ignore unrecognized facet types in URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[]=foo:"bar"';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedFacets).to.deep.equal(getDefaultSelectedFacets());
+    });
+    it('should restore selected date range facets from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[]=year:"2018+TO+2021"';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.minSelectedDate).to.equal('2018');
+        expect(restorationState.maxSelectedDate).to.equal('2021');
+    });
+    it('should restore creator filter from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[]=firstCreator:F';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedCreatorFilter).to.equal('F');
+    });
+    it('should restore title filter from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[]=firstTitle:F';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedTitleFilter).to.equal('F');
+    });
+    it('should restore other selected facets from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[]=subject:"foo"';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedFacets.subject.foo.state).to.equal('selected');
+    });
+    it('should restore negative facets from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?not[]=year:2018';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedFacets.year['2018'].state).to.equal('hidden');
+    });
+    it('should restore multiple selected/negative facets from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search =
+            '?and[]=collection:"foo"&and[]=collection:"bar"&not[]=collection:"baz"&not[]=collection:"boop"';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedFacets.collection.foo.state).to.equal('selected');
+        expect(restorationState.selectedFacets.collection.bar.state).to.equal('selected');
+        expect(restorationState.selectedFacets.collection.baz.state).to.equal('hidden');
+        expect(restorationState.selectedFacets.collection.boop.state).to.equal('hidden');
+    });
+    it('negative facets take precedence if both present in URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[]=collection:"foo"&not[]=collection:"foo"';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedFacets.collection.foo.state).to.equal('hidden');
+    });
+    it('should restore selected facets with numbers in the square brackets', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[12]=subject:"foo"';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedFacets.subject.foo.state).to.equal('selected');
+    });
+    it('should restore negative facets with numbers in the square brackets', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?not[12]=year:2018';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedFacets.year['2018'].state).to.equal('hidden');
+    });
+    it('should restore sort from URL (space format)', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?sort=date+desc';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedSort).to.equal('date');
+        expect(restorationState.sortDirection).to.equal('desc');
+    });
+    it('should restore sort from URL (prefix format, desc)', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?sort=-date';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedSort).to.equal('date');
+        expect(restorationState.sortDirection).to.equal('desc');
+    });
+    it('should restore sort from URL (prefix format, asc)', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?sort=date';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedSort).to.equal('date');
+        expect(restorationState.sortDirection).to.equal('asc');
+    });
+    it('should restore sort from URL (space format)', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?sort=foo+desc';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedSort).to.equal('unrecognized');
+        expect(restorationState.sortDirection).to.equal('desc');
+    });
+    it('should restore unrecognized sort from URL (prefix format)', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?sort=-foo';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedSort).to.equal('unrecognized');
+        expect(restorationState.sortDirection).to.equal('desc');
+    });
+    it('should save direction to URL even for unrecognized sort fields', async () => {
+        const url = new URL(window.location.href);
+        url.search = '?sort=foo';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const handler = new RestorationStateHandler({ context: 'search' });
+        handler.persistState({
+            selectedSort: SortField.unrecognized,
+            sortDirection: 'desc',
+            selectedFacets: getDefaultSelectedFacets(),
+        });
+        expect(window.location.search).to.equal('?sort=-foo');
+    });
+    it('should keep existing direction for unrecognized sort fields when unspecified in state', async () => {
+        const url = new URL(window.location.href);
+        url.search = '?sort=foo+desc';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const handler = new RestorationStateHandler({ context: 'search' });
+        handler.persistState({
+            selectedSort: SortField.unrecognized,
+            selectedFacets: getDefaultSelectedFacets(),
+        });
+        expect(window.location.search).to.equal('?sort=-foo');
+    });
+    it('should just ignore unrecognized sort fields w/ unknown formats', async () => {
+        const url = new URL(window.location.href);
+        url.search = '?sort=+foo';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const handler = new RestorationStateHandler({ context: 'search' });
+        handler.persistState({
+            selectedSort: SortField.unrecognized,
+            selectedFacets: getDefaultSelectedFacets(),
+        });
+        expect(window.location.search).to.equal('?sort=+foo');
+    });
+    it('should not save current page state to the URL for page 1', async () => {
+        const url = new URL(window.location.href);
+        url.search = '';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const handler = new RestorationStateHandler({ context: 'search' });
+        handler.persistState({
+            currentPage: 1,
+            selectedFacets: getDefaultSelectedFacets(),
+        });
+        expect(window.location.search).to.be.empty;
+    });
+    it('should save current page state to the URL when page > 1', async () => {
+        const url = new URL(window.location.href);
+        url.search = '';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const handler = new RestorationStateHandler({ context: 'search' });
+        handler.persistState({
+            currentPage: 2,
+            selectedFacets: getDefaultSelectedFacets(),
+        });
+        expect(window.location.search).to.equal('?page=2');
+    });
+    it('should upgrade legacy search params to new ones', async () => {
+        const url = new URL(window.location.href);
+        url.search = '?q=foo';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.baseQuery).to.equal('foo');
+        handler.persistState(restorationState);
+        expect(window.location.search).to.equal('?query=foo');
+    });
+    it('should remove empty sin param', async () => {
+        const url = new URL(window.location.href);
+        url.search = '?sin=';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const handler = new RestorationStateHandler({ context: 'search' });
+        handler.persistState({ selectedFacets: getDefaultSelectedFacets() });
+        expect(window.location.search).to.equal('');
+    });
+    it('round trip load/persist should erase numbers in square brackets', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[0]=subject:"foo"';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        // Load state from the URL and immediately persist it back to the URL
+        const restorationState = handler.getRestorationState();
+        handler.persistState(restorationState);
+        // Ensure the new URL includes the "normalized" facet parameter and not the numbered one
+        expect(decodeURIComponent(window.location.search)).to.include('and[]=subject:"foo"');
+        expect(new URL(window.location.href).searchParams.get('and[0]')).to.be.null;
+    });
+});
 //# sourceMappingURL=restoration-state-handler.test.js.map