@internetarchive/collection-browser 0.3.0 → 0.3.1-alpha.1

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

@@ -1,26 +1,26 @@
-import { mockSuccessSingleResult, mockSuccessMultipleResults, getMockSuccessSingleResultWithSort, } from './mock-search-responses';
-export class MockSearchService {
-    constructor({ asyncResponse = false, resultsSpy = () => { } } = {}) {
-        this.asyncResponse = asyncResponse;
-        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, 0);
-            });
-        }
-        if (((_a = this.searchParams) === null || _a === void 0 ? void 0 : _a.query) === 'single-result') {
-            return mockSuccessSingleResult;
-        }
-        if (((_b = this.searchParams) === null || _b === void 0 ? void 0 : _b.query) === 'with-sort') {
-            return getMockSuccessSingleResultWithSort(this.resultsSpy);
-        }
-        return mockSuccessMultipleResults;
-    }
-}
+import { mockSuccessSingleResult, mockSuccessMultipleResults, getMockSuccessSingleResultWithSort, } from './mock-search-responses';
+export class MockSearchService {
+    constructor({ asyncResponse = false, resultsSpy = () => { } } = {}) {
+        this.asyncResponse = asyncResponse;
+        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, 0);
+            });
+        }
+        if (((_a = this.searchParams) === null || _a === void 0 ? void 0 : _a.query) === 'single-result') {
+            return mockSuccessSingleResult;
+        }
+        if (((_b = this.searchParams) === null || _b === void 0 ? void 0 : _b.query) === 'with-sort') {
+            return getMockSuccessSingleResultWithSort(this.resultsSpy);
+        }
+        return mockSuccessMultipleResults;
+    }
+}
 //# 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,118 +1,118 @@
-import { expect } from '@open-wc/testing';
-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 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 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');
-        expect(restorationState.dateRangeQueryClause).to.equal('year:"2018 TO 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 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');
-    });
-});
+import { expect } from '@open-wc/testing';
+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 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 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');
+        expect(restorationState.dateRangeQueryClause).to.equal('year:"2018 TO 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 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');
+    });
+});
 //# sourceMappingURL=restoration-state-handler.test.js.map

package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts

@@ -1 +1 @@
-import '../../src/sort-filter-bar/sort-filter-bar';
+import '../../src/sort-filter-bar/sort-filter-bar';

package/dist/test/sort-filter-bar/sort-filter-bar.test.js

@@ -1,122 +1,122 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../../src/sort-filter-bar/sort-filter-bar';
-describe('Sort direction buttons', () => {
-    it('should render sort direction button', async () => {
-        var _a;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../../src/sort-filter-bar/sort-filter-bar';
+describe('Sort direction buttons', () => {
+    it('should render sort direction button', async () => {
+        var _a;
         const el = await fixture(html `
       <sort-filter-bar> </sort-filter-bar>
-    `);
-        el.sortDirection = 'asc'; // selected sort
-        await el.updateComplete;
-        const sortDirectionButtonList = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#sort-direction-selector');
-        const sortByAscButton = sortDirectionButtonList === null || sortDirectionButtonList === void 0 ? void 0 : sortDirectionButtonList.querySelector('#sort-ascending-btn');
-        expect(sortByAscButton).to.exist;
-        // ascending order button is selected
-        expect(sortByAscButton === null || sortByAscButton === void 0 ? void 0 : sortByAscButton.getAttribute('class')).to.equal('sort-button selected');
-        const sortByDescButton = sortDirectionButtonList === null || sortDirectionButtonList === void 0 ? void 0 : sortDirectionButtonList.querySelector('#sort-descending-btn');
-        expect(sortByDescButton).to.exist;
-        // descending order button is not selected
-        expect(sortByDescButton === null || sortByDescButton === void 0 ? void 0 : sortByDescButton.getAttribute('class')).to.not.equal('sort-button selected');
-    });
-});
-describe('Sort selector default buttons', async () => {
-    var _a;
+    `);
+        el.sortDirection = 'asc'; // selected sort
+        await el.updateComplete;
+        const sortDirectionButtonList = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#sort-direction-selector');
+        const sortByAscButton = sortDirectionButtonList === null || sortDirectionButtonList === void 0 ? void 0 : sortDirectionButtonList.querySelector('#sort-ascending-btn');
+        expect(sortByAscButton).to.exist;
+        // ascending order button is selected
+        expect(sortByAscButton === null || sortByAscButton === void 0 ? void 0 : sortByAscButton.getAttribute('class')).to.equal('sort-button selected');
+        const sortByDescButton = sortDirectionButtonList === null || sortDirectionButtonList === void 0 ? void 0 : sortDirectionButtonList.querySelector('#sort-descending-btn');
+        expect(sortByDescButton).to.exist;
+        // descending order button is not selected
+        expect(sortByDescButton === null || sortByDescButton === void 0 ? void 0 : sortByDescButton.getAttribute('class')).to.not.equal('sort-button selected');
+    });
+});
+describe('Sort selector default buttons', async () => {
+    var _a;
     const el = await fixture(html `
     <sort-filter-bar> </sort-filter-bar>
-  `);
-    const sortSelectorContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#desktop-sort-selector');
-    it('should render sort-by label', async () => {
-        var _a;
-        expect((_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(0)) === null || _a === void 0 ? void 0 : _a.textContent).to.equal('Sort By');
-    });
-    it('should render default relevance-sort selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(1)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Relevance');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.getAttribute('class')).to.equal('selected');
-    });
-    it('should render default view-sort selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(2)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Weekly Views');
-    });
-    it('should render active view-sort selectors', async () => {
-        el.selectedSort = 'alltimeview';
-        await el.updateComplete;
-        const defaultSortSelector = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.querySelector('a.selected');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('All-time Views');
-    });
-    it('should render default title-sort selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(3)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Title');
-    });
-    it('should render default date-sort selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(4)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Date Published');
-    });
-    it('should render active date-sort selectors', async () => {
-        el.selectedSort = 'datereviewed';
-        await el.updateComplete;
-        const defaultSortSelector = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.querySelector('a.selected');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Date Reviewed');
-    });
-    it('should render default creator-sort selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(5)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Creator');
-    });
-    it('click event on view-sort selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(2)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
-        expect(el.selectedSort).to.equal('weeklyview');
-    });
-    it('click event on title selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(3)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
-        expect(el.selectedSort).to.equal('title');
-    });
-    it('click event on date-sort selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(4)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
-        expect(el.selectedSort).to.equal('date');
-    });
-    it('click event on creator selector', async () => {
-        var _a;
-        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(5)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
-        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
-        expect(el.selectedSort).to.equal('creator');
-    });
-});
-describe('Display mode/style buttons', () => {
-    it('should render all display mode buttons', async () => {
-        var _a, _b, _c, _d, _e;
+  `);
+    const sortSelectorContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#desktop-sort-selector');
+    it('should render sort-by label', async () => {
+        var _a;
+        expect((_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(0)) === null || _a === void 0 ? void 0 : _a.textContent).to.equal('Sort By');
+    });
+    it('should render default relevance-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(1)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Relevance');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.getAttribute('class')).to.equal('selected');
+    });
+    it('should render default view-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(2)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Weekly Views');
+    });
+    it('should render active view-sort selectors', async () => {
+        el.selectedSort = 'alltimeview';
+        await el.updateComplete;
+        const defaultSortSelector = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.querySelector('a.selected');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('All-time Views');
+    });
+    it('should render default title-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(3)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Title');
+    });
+    it('should render default date-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(4)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Date Published');
+    });
+    it('should render active date-sort selectors', async () => {
+        el.selectedSort = 'datereviewed';
+        await el.updateComplete;
+        const defaultSortSelector = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.querySelector('a.selected');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Date Reviewed');
+    });
+    it('should render default creator-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(5)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        expect(defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent).to.contain('Creator');
+    });
+    it('click event on view-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(2)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
+        expect(el.selectedSort).to.equal('weeklyview');
+    });
+    it('click event on title selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(3)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
+        expect(el.selectedSort).to.equal('title');
+    });
+    it('click event on date-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(4)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
+        expect(el.selectedSort).to.equal('date');
+    });
+    it('click event on creator selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.children.item(5)) === null || _a === void 0 ? void 0 : _a.querySelector('a');
+        await (defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click());
+        expect(el.selectedSort).to.equal('creator');
+    });
+});
+describe('Display mode/style buttons', () => {
+    it('should render all display mode buttons', async () => {
+        var _a, _b, _c, _d, _e;
         const el = await fixture(html `
       <sort-filter-bar> </sort-filter-bar>
-    `);
-        const displayModeButtonList = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#display-style-selector')) === null || _b === void 0 ? void 0 : _b.querySelector('ul');
-        const gridButton = (_c = displayModeButtonList === null || displayModeButtonList === void 0 ? void 0 : displayModeButtonList.children.item(0)) === null || _c === void 0 ? void 0 : _c.querySelector('#grid-button');
-        expect(gridButton).to.exist;
-        const detailListButton = (_d = displayModeButtonList === null || displayModeButtonList === void 0 ? void 0 : displayModeButtonList.children.item(1)) === null || _d === void 0 ? void 0 : _d.querySelector('#list-detail-button');
-        expect(detailListButton).to.exist;
-        const compactListButton = (_e = displayModeButtonList === null || displayModeButtonList === void 0 ? void 0 : displayModeButtonList.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('#list-compact-button');
-        expect(compactListButton).to.exist;
-    });
-    it('should active current display mode', async () => {
-        var _a, _b, _c;
+    `);
+        const displayModeButtonList = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#display-style-selector')) === null || _b === void 0 ? void 0 : _b.querySelector('ul');
+        const gridButton = (_c = displayModeButtonList === null || displayModeButtonList === void 0 ? void 0 : displayModeButtonList.children.item(0)) === null || _c === void 0 ? void 0 : _c.querySelector('#grid-button');
+        expect(gridButton).to.exist;
+        const detailListButton = (_d = displayModeButtonList === null || displayModeButtonList === void 0 ? void 0 : displayModeButtonList.children.item(1)) === null || _d === void 0 ? void 0 : _d.querySelector('#list-detail-button');
+        expect(detailListButton).to.exist;
+        const compactListButton = (_e = displayModeButtonList === null || displayModeButtonList === void 0 ? void 0 : displayModeButtonList.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('#list-compact-button');
+        expect(compactListButton).to.exist;
+    });
+    it('should active current display mode', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <sort-filter-bar> </sort-filter-bar>
-    `);
-        el.displayMode = 'grid';
-        await el.updateComplete;
-        const displayModeTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#display-style-selector')) === null || _b === void 0 ? void 0 : _b.querySelector('button.active')) === null || _c === void 0 ? void 0 : _c.getAttribute('title');
-        expect(displayModeTitle).to.equal('Tile view');
-    });
-});
+    `);
+        el.displayMode = 'grid';
+        await el.updateComplete;
+        const displayModeTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#display-style-selector')) === null || _b === void 0 ? void 0 : _b.querySelector('button.active')) === null || _c === void 0 ? void 0 : _c.getAttribute('title');
+        expect(displayModeTitle).to.equal('Tile view');
+    });
+});
 //# sourceMappingURL=sort-filter-bar.test.js.map

package/dist/test/text-overlay.test.d.ts

@@ -1 +1 @@
-import '../src/tiles/overlay/text-overlay';
+import '../src/tiles/overlay/text-overlay';