@internetarchive/collection-browser 0.4.9 → 0.4.10-alpha.1

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

@@ -1,218 +1,229 @@
-/* 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('#sort-selector-container');
+    const desktopSortSelector = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.querySelector('#desktop-sort-selector');
+    it('should render basic component', async () => {
+        expect(sortSelectorContainer).to.exist;
+        expect(desktopSortSelector).to.exist;
+    });
+    it('should render sort-by label', async () => {
+        var _a;
+        const sortByLabel = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.querySelector('#sort-by-text');
+        expect(sortByLabel).to.exist;
+        expect((_a = sortByLabel === null || sortByLabel === void 0 ? void 0 : sortByLabel.textContent) === null || _a === void 0 ? void 0 : _a.trim()).to.equal('Sort by');
+    });
+    it('should render sort direction buttons', async () => {
+        const sortDirections = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.querySelector('#sort-direction-container');
+        expect(sortDirections).to.exist;
+        expect(sortDirections === null || sortDirections === void 0 ? void 0 : sortDirections.querySelectorAll('.sort-button').length).to.equal(2);
+    });
+    it('should render default relevance-sort selector', async () => {
+        const defaultSortSelector = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.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 = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.children.item(1)) === null || _a === void 0 ? void 0 : _a.querySelector('ia-dropdown');
+        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 = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelector('ia-dropdown.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 = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.children.item(2)) === 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 = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.children.item(3)) === null || _a === void 0 ? void 0 : _a.querySelector('ia-dropdown');
+        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 = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelector('ia-dropdown.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 = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.children.item(4)) === 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 = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.children.item(1)) === null || _a === void 0 ? void 0 : _a.querySelector('ia-dropdown');
+        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 = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.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('title');
+    });
+    it('click event on date-sort selector', async () => {
+        var _a;
+        const defaultSortSelector = (_a = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.children.item(3)) === null || _a === void 0 ? void 0 : _a.querySelector('ia-dropdown');
+        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 = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.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('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');
-    });
-});
-describe('Sort/filter bar letter behavior', () => {
-    it('sets the selected title letter when clicked', async () => {
-        var _a, _b, _c;
+    `);
+        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');
+    });
+});
+describe('Sort/filter bar letter behavior', () => {
+    it('sets the selected title letter when clicked', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <sort-filter-bar></sort-filter-bar>
-    `);
-        el.selectedSort = 'title';
-        el.prefixFilterCountMap = { title: { T: 1 }, creator: {} };
-        await el.updateComplete;
-        const alphaBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('alpha-bar');
-        const letterLink = (_b = alphaBar === null || alphaBar === void 0 ? void 0 : alphaBar.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('li > a[href]');
-        expect((_c = letterLink === null || letterLink === void 0 ? void 0 : letterLink.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('T');
-        letterLink === null || letterLink === void 0 ? void 0 : letterLink.click();
-        await el.updateComplete;
-        expect(el.selectedTitleFilter).to.equal('T');
-    });
-    it('sets the selected creator letter when clicked', async () => {
-        var _a, _b, _c;
+    `);
+        el.selectedSort = 'title';
+        el.prefixFilterCountMap = { title: { T: 1 }, creator: {} };
+        await el.updateComplete;
+        const alphaBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('alpha-bar');
+        const letterLink = (_b = alphaBar === null || alphaBar === void 0 ? void 0 : alphaBar.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('li > a[href]');
+        expect((_c = letterLink === null || letterLink === void 0 ? void 0 : letterLink.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('T');
+        letterLink === null || letterLink === void 0 ? void 0 : letterLink.click();
+        await el.updateComplete;
+        expect(el.selectedTitleFilter).to.equal('T');
+    });
+    it('sets the selected creator letter when clicked', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <sort-filter-bar></sort-filter-bar>
-    `);
-        el.selectedSort = 'creator';
-        el.prefixFilterCountMap = { title: {}, creator: { C: 1 } };
-        await el.updateComplete;
-        const alphaBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('alpha-bar');
-        const letterLink = (_b = alphaBar === null || alphaBar === void 0 ? void 0 : alphaBar.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('li > a[href]');
-        expect((_c = letterLink === null || letterLink === void 0 ? void 0 : letterLink.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('C');
-        letterLink === null || letterLink === void 0 ? void 0 : letterLink.click();
-        await el.updateComplete;
-        expect(el.selectedCreatorFilter).to.equal('C');
-    });
-});
-describe('Sort/filter bar mobile view', () => {
-    let origWindowSize;
-    before(() => {
-        origWindowSize = { width: window.innerWidth, height: window.innerHeight };
-        window.resizeTo(500, 600);
-    });
-    after(() => {
-        window.resizeTo(origWindowSize.width, origWindowSize.height);
-    });
-    it('renders in mobile view', async () => {
-        var _a, _b, _c, _d;
+    `);
+        el.selectedSort = 'creator';
+        el.prefixFilterCountMap = { title: {}, creator: { C: 1 } };
+        await el.updateComplete;
+        const alphaBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('alpha-bar');
+        const letterLink = (_b = alphaBar === null || alphaBar === void 0 ? void 0 : alphaBar.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('li > a[href]');
+        expect((_c = letterLink === null || letterLink === void 0 ? void 0 : letterLink.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('C');
+        letterLink === null || letterLink === void 0 ? void 0 : letterLink.click();
+        await el.updateComplete;
+        expect(el.selectedCreatorFilter).to.equal('C');
+    });
+});
+describe('Sort/filter bar mobile view', () => {
+    let origWindowSize;
+    before(() => {
+        origWindowSize = { width: window.innerWidth, height: window.innerHeight };
+        window.resizeTo(500, 600);
+    });
+    after(() => {
+        window.resizeTo(origWindowSize.width, origWindowSize.height);
+    });
+    it('renders in mobile view', async () => {
+        var _a, _b, _c, _d;
         const el = await fixture(html `
       <sort-filter-bar></sort-filter-bar>
-    `);
-        const mobileSortSelector = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#mobile-sort-selector');
-        const desktopSortSelector = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#desktop-sort-selector');
-        expect((_c = mobileSortSelector === null || mobileSortSelector === void 0 ? void 0 : mobileSortSelector.classList) === null || _c === void 0 ? void 0 : _c.contains('visible')).to.be.true;
-        expect((_d = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.classList) === null || _d === void 0 ? void 0 : _d.contains('hidden')).to.be.true;
-    });
-    it('changes selected sort in mobile view', async () => {
-        var _a;
+    `);
+        const mobileSortContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#mobile-sort-container');
+        const desktopSortContainer = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#desktop-sort-container');
+        expect((_c = mobileSortContainer === null || mobileSortContainer === void 0 ? void 0 : mobileSortContainer.classList) === null || _c === void 0 ? void 0 : _c.contains('visible')).to.be.true;
+        expect((_d = desktopSortContainer === null || desktopSortContainer === void 0 ? void 0 : desktopSortContainer.classList) === null || _d === void 0 ? void 0 : _d.contains('hidden')).to.be.true;
+    });
+    it('changes selected sort in mobile view', async () => {
+        var _a;
         const el = await fixture(html `
       <sort-filter-bar></sort-filter-bar>
-    `);
-        const mobileSortSelector = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#mobile-sort-selector');
-        expect(mobileSortSelector).to.exist;
-        mobileSortSelector.value = 'title';
-        mobileSortSelector.dispatchEvent(new Event('change'));
-        await el.updateComplete;
-        expect(el.selectedSort).to.equal('title');
-    });
-    it('clears title filter when sort changed from title in mobile view', async () => {
-        var _a;
+    `);
+        const mobileSortSelector = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#mobile-sort-selector');
+        expect(mobileSortSelector).to.exist;
+        mobileSortSelector.value = 'title';
+        mobileSortSelector.dispatchEvent(new Event('change'));
+        await el.updateComplete;
+        expect(el.selectedSort).to.equal('title');
+    });
+    it('clears title filter when sort changed from title in mobile view', async () => {
+        var _a;
         const el = await fixture(html `
       <sort-filter-bar></sort-filter-bar>
-    `);
-        el.selectedSort = 'title';
-        el.selectedTitleFilter = 'A';
-        await el.updateComplete;
-        const mobileSortSelector = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#mobile-sort-selector');
-        expect(mobileSortSelector).to.exist;
-        mobileSortSelector.value = 'relevance';
-        mobileSortSelector.dispatchEvent(new Event('change'));
-        await el.updateComplete;
-        expect(el.selectedSort).to.equal('relevance');
-        expect(el.selectedTitleFilter).to.be.null;
-    });
-    it('clears creator filter when sort changed from creator in mobile view', async () => {
-        var _a;
+    `);
+        el.selectedSort = 'title';
+        el.selectedTitleFilter = 'A';
+        await el.updateComplete;
+        const mobileSortSelector = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#mobile-sort-selector');
+        expect(mobileSortSelector).to.exist;
+        mobileSortSelector.value = 'relevance';
+        mobileSortSelector.dispatchEvent(new Event('change'));
+        await el.updateComplete;
+        expect(el.selectedSort).to.equal('relevance');
+        expect(el.selectedTitleFilter).to.be.null;
+    });
+    it('clears creator filter when sort changed from creator in mobile view', async () => {
+        var _a;
         const el = await fixture(html `
       <sort-filter-bar></sort-filter-bar>
-    `);
-        el.selectedSort = 'creator';
-        el.selectedCreatorFilter = 'A';
-        await el.updateComplete;
-        const mobileSortSelector = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#mobile-sort-selector');
-        expect(mobileSortSelector).to.exist;
-        mobileSortSelector.value = 'relevance';
-        mobileSortSelector.dispatchEvent(new Event('change'));
-        await el.updateComplete;
-        expect(el.selectedSort).to.equal('relevance');
-        expect(el.selectedCreatorFilter).to.be.null;
-    });
-});
+    `);
+        el.selectedSort = 'creator';
+        el.selectedCreatorFilter = 'A';
+        await el.updateComplete;
+        const mobileSortSelector = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#mobile-sort-selector');
+        expect(mobileSortSelector).to.exist;
+        mobileSortSelector.value = 'relevance';
+        mobileSortSelector.dispatchEvent(new Event('change'));
+        await el.updateComplete;
+        expect(el.selectedSort).to.equal('relevance');
+        expect(el.selectedCreatorFilter).to.be.null;
+    });
+});
 //# sourceMappingURL=sort-filter-bar.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sort-filter-bar.test.js","sourceRoot":"","sources":["../../../test/sort-filter-bar/sort-filter-bar.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { SortFilterBar } from '../../src/sort-filter-bar/sort-filter-bar';\nimport type { SortField } from '../../src/models';\n\nimport '../../src/sort-filter-bar/sort-filter-bar';\n\ndescribe('Sort direction buttons', () => {\n  it('should render sort direction button', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar> </sort-filter-bar>\n    `);\n\n    el.sortDirection = 'asc'; // selected sort\n    await el.updateComplete;\n\n    const sortDirectionButtonList = el.shadowRoot?.querySelector(\n      '#sort-direction-selector'\n    );\n\n    const sortByAscButton = sortDirectionButtonList?.querySelector(\n      '#sort-ascending-btn'\n    );\n    expect(sortByAscButton).to.exist;\n    // ascending order button is selected\n    expect(sortByAscButton?.getAttribute('class')).to.equal(\n      'sort-button selected'\n    );\n\n    const sortByDescButton = sortDirectionButtonList?.querySelector(\n      '#sort-descending-btn'\n    );\n    expect(sortByDescButton).to.exist;\n    // descending order button is not selected\n    expect(sortByDescButton?.getAttribute('class')).to.not.equal(\n      'sort-button selected'\n    );\n  });\n});\n\ndescribe('Sort selector default buttons', async () => {\n  const el = await fixture<SortFilterBar>(html`\n    <sort-filter-bar> </sort-filter-bar>\n  `);\n  const sortSelectorContainer = el.shadowRoot?.querySelector(\n    '#desktop-sort-selector'\n  );\n\n  it('should render sort-by label', async () => {\n    expect(sortSelectorContainer?.children.item(0)?.textContent).to.equal(\n      'Sort By'\n    );\n  });\n\n  it('should render default relevance-sort selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(1)\n      ?.querySelector('a');\n    expect(defaultSortSelector?.textContent).to.contain('Relevance');\n    expect(defaultSortSelector?.getAttribute('class')).to.equal('selected');\n  });\n\n  it('should render default view-sort selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(2)\n      ?.querySelector('a');\n    expect(defaultSortSelector?.textContent).to.contain('Weekly Views');\n  });\n\n  it('should render active view-sort selectors', async () => {\n    el.selectedSort = 'alltimeview' as SortField;\n    await el.updateComplete;\n\n    const defaultSortSelector =\n      sortSelectorContainer?.querySelector('a.selected');\n    expect(defaultSortSelector?.textContent).to.contain('All-time Views');\n  });\n\n  it('should render default title-sort selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(3)\n      ?.querySelector('a');\n    expect(defaultSortSelector?.textContent).to.contain('Title');\n  });\n\n  it('should render default date-sort selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(4)\n      ?.querySelector('a');\n    expect(defaultSortSelector?.textContent).to.contain('Date Published');\n  });\n\n  it('should render active date-sort selectors', async () => {\n    el.selectedSort = 'datereviewed' as SortField;\n    await el.updateComplete;\n\n    const defaultSortSelector =\n      sortSelectorContainer?.querySelector('a.selected');\n    expect(defaultSortSelector?.textContent).to.contain('Date Reviewed');\n  });\n\n  it('should render default creator-sort selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(5)\n      ?.querySelector('a');\n    expect(defaultSortSelector?.textContent).to.contain('Creator');\n  });\n\n  it('click event on view-sort selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(2)\n      ?.querySelector('a');\n\n    await defaultSortSelector?.click();\n    expect(el.selectedSort).to.equal('weeklyview');\n  });\n\n  it('click event on title selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(3)\n      ?.querySelector('a');\n\n    await defaultSortSelector?.click();\n    expect(el.selectedSort).to.equal('title');\n  });\n\n  it('click event on date-sort selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(4)\n      ?.querySelector('a');\n\n    await defaultSortSelector?.click();\n    expect(el.selectedSort).to.equal('date');\n  });\n\n  it('click event on creator selector', async () => {\n    const defaultSortSelector = sortSelectorContainer?.children\n      .item(5)\n      ?.querySelector('a');\n\n    await defaultSortSelector?.click();\n    expect(el.selectedSort).to.equal('creator');\n  });\n});\n\ndescribe('Display mode/style buttons', () => {\n  it('should render all display mode buttons', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar> </sort-filter-bar>\n    `);\n\n    const displayModeButtonList = el.shadowRoot\n      ?.querySelector('#display-style-selector')\n      ?.querySelector('ul');\n\n    const gridButton = displayModeButtonList?.children\n      .item(0)\n      ?.querySelector('#grid-button');\n    expect(gridButton).to.exist;\n\n    const detailListButton = displayModeButtonList?.children\n      .item(1)\n      ?.querySelector('#list-detail-button');\n    expect(detailListButton).to.exist;\n\n    const compactListButton = displayModeButtonList?.children\n      .item(2)\n      ?.querySelector('#list-compact-button');\n    expect(compactListButton).to.exist;\n  });\n\n  it('should active current display mode', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar> </sort-filter-bar>\n    `);\n\n    el.displayMode = 'grid';\n    await el.updateComplete;\n\n    const displayModeTitle = el.shadowRoot\n      ?.querySelector('#display-style-selector')\n      ?.querySelector('button.active')\n      ?.getAttribute('title');\n    expect(displayModeTitle).to.equal('Tile view');\n  });\n});\n\ndescribe('Sort/filter bar letter behavior', () => {\n  it('sets the selected title letter when clicked', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar></sort-filter-bar>\n    `);\n\n    el.selectedSort = 'title' as SortField;\n    el.prefixFilterCountMap = { title: { T: 1 }, creator: {} };\n    await el.updateComplete;\n\n    const alphaBar = el.shadowRoot?.querySelector('alpha-bar');\n    const letterLink = alphaBar?.shadowRoot?.querySelector(\n      'li > a[href]'\n    ) as HTMLAnchorElement;\n    expect(letterLink?.textContent?.trim()).to.equal('T');\n\n    letterLink?.click();\n    await el.updateComplete;\n\n    expect(el.selectedTitleFilter).to.equal('T');\n  });\n\n  it('sets the selected creator letter when clicked', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar></sort-filter-bar>\n    `);\n\n    el.selectedSort = 'creator' as SortField;\n    el.prefixFilterCountMap = { title: {}, creator: { C: 1 } };\n    await el.updateComplete;\n\n    const alphaBar = el.shadowRoot?.querySelector('alpha-bar');\n    const letterLink = alphaBar?.shadowRoot?.querySelector(\n      'li > a[href]'\n    ) as HTMLAnchorElement;\n    expect(letterLink?.textContent?.trim()).to.equal('C');\n\n    letterLink?.click();\n    await el.updateComplete;\n\n    expect(el.selectedCreatorFilter).to.equal('C');\n  });\n});\n\ndescribe('Sort/filter bar mobile view', () => {\n  let origWindowSize: { width: number; height: number };\n  before(() => {\n    origWindowSize = { width: window.innerWidth, height: window.innerHeight };\n    window.resizeTo(500, 600);\n  });\n\n  after(() => {\n    window.resizeTo(origWindowSize.width, origWindowSize.height);\n  });\n\n  it('renders in mobile view', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar></sort-filter-bar>\n    `);\n\n    const mobileSortSelector = el.shadowRoot?.querySelector(\n      '#mobile-sort-selector'\n    );\n    const desktopSortSelector = el.shadowRoot?.querySelector(\n      '#desktop-sort-selector'\n    );\n\n    expect(mobileSortSelector?.classList?.contains('visible')).to.be.true;\n    expect(desktopSortSelector?.classList?.contains('hidden')).to.be.true;\n  });\n\n  it('changes selected sort in mobile view', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar></sort-filter-bar>\n    `);\n\n    const mobileSortSelector = el.shadowRoot?.querySelector(\n      '#mobile-sort-selector'\n    ) as HTMLSelectElement;\n    expect(mobileSortSelector).to.exist;\n\n    mobileSortSelector.value = 'title';\n    mobileSortSelector.dispatchEvent(new Event('change'));\n    await el.updateComplete;\n\n    expect(el.selectedSort).to.equal('title');\n  });\n\n  it('clears title filter when sort changed from title in mobile view', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar></sort-filter-bar>\n    `);\n\n    el.selectedSort = 'title' as SortField;\n    el.selectedTitleFilter = 'A';\n    await el.updateComplete;\n\n    const mobileSortSelector = el.shadowRoot?.querySelector(\n      '#mobile-sort-selector'\n    ) as HTMLSelectElement;\n    expect(mobileSortSelector).to.exist;\n\n    mobileSortSelector.value = 'relevance';\n    mobileSortSelector.dispatchEvent(new Event('change'));\n    await el.updateComplete;\n\n    expect(el.selectedSort).to.equal('relevance');\n    expect(el.selectedTitleFilter).to.be.null;\n  });\n\n  it('clears creator filter when sort changed from creator in mobile view', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar></sort-filter-bar>\n    `);\n\n    el.selectedSort = 'creator' as SortField;\n    el.selectedCreatorFilter = 'A';\n    await el.updateComplete;\n\n    const mobileSortSelector = el.shadowRoot?.querySelector(\n      '#mobile-sort-selector'\n    ) as HTMLSelectElement;\n    expect(mobileSortSelector).to.exist;\n\n    mobileSortSelector.value = 'relevance';\n    mobileSortSelector.dispatchEvent(new Event('change'));\n    await el.updateComplete;\n\n    expect(el.selectedSort).to.equal('relevance');\n    expect(el.selectedCreatorFilter).to.be.null;\n  });\n});\n"]}
+{"version":3,"file":"sort-filter-bar.test.js","sourceRoot":"","sources":["../../../test/sort-filter-bar/sort-filter-bar.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { IaDropdown } from '@internetarchive/ia-dropdown';\nimport type { SortFilterBar } from '../../src/sort-filter-bar/sort-filter-bar';\nimport type { SortField } from '../../src/models';\n\nimport '../../src/sort-filter-bar/sort-filter-bar';\n\ndescribe('Sort direction buttons', () => {\n  it('should render sort direction button', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar> </sort-filter-bar>\n    `);\n\n    el.sortDirection = 'asc'; // selected sort\n    await el.updateComplete;\n\n    const sortDirectionButtonList = el.shadowRoot?.querySelector(\n      '#sort-direction-selector'\n    );\n\n    const sortByAscButton = sortDirectionButtonList?.querySelector(\n      '#sort-ascending-btn'\n    );\n    expect(sortByAscButton).to.exist;\n    // ascending order button is selected\n    expect(sortByAscButton?.getAttribute('class')).to.equal(\n      'sort-button selected'\n    );\n\n    const sortByDescButton = sortDirectionButtonList?.querySelector(\n      '#sort-descending-btn'\n    );\n    expect(sortByDescButton).to.exist;\n    // descending order button is not selected\n    expect(sortByDescButton?.getAttribute('class')).to.not.equal(\n      'sort-button selected'\n    );\n  });\n});\n\ndescribe('Sort selector default buttons', async () => {\n  const el = await fixture<SortFilterBar>(html`\n    <sort-filter-bar> </sort-filter-bar>\n  `);\n  const sortSelectorContainer = el.shadowRoot?.querySelector(\n    '#sort-selector-container'\n  );\n  const desktopSortSelector = sortSelectorContainer?.querySelector(\n    '#desktop-sort-selector'\n  );\n\n  it('should render basic component', async () => {\n    expect(sortSelectorContainer).to.exist;\n    expect(desktopSortSelector).to.exist;\n  });\n\n  it('should render sort-by label', async () => {\n    const sortByLabel = sortSelectorContainer?.querySelector('#sort-by-text');\n    expect(sortByLabel).to.exist;\n    expect(sortByLabel?.textContent?.trim()).to.equal('Sort by');\n  });\n\n  it('should render sort direction buttons', async () => {\n    const sortDirections = sortSelectorContainer?.querySelector(\n      '#sort-direction-container'\n    );\n    expect(sortDirections).to.exist;\n    expect(sortDirections?.querySelectorAll('.sort-button').length).to.equal(2);\n  });\n\n  it('should render default relevance-sort selector', async () => {\n    const defaultSortSelector = desktopSortSelector?.querySelector('a');\n    expect(defaultSortSelector?.textContent).to.contain('Relevance');\n    expect(defaultSortSelector?.getAttribute('class')).to.equal('selected');\n  });\n\n  it('should render default view-sort selector', async () => {\n    const defaultSortSelector = desktopSortSelector?.children\n      .item(1)\n      ?.querySelector('ia-dropdown');\n    expect(defaultSortSelector?.textContent).to.contain('Weekly views');\n  });\n\n  it('should render active view-sort selectors', async () => {\n    el.selectedSort = 'alltimeview' as SortField;\n    await el.updateComplete;\n\n    const defaultSortSelector = desktopSortSelector?.querySelector(\n      'ia-dropdown.selected'\n    );\n    expect(defaultSortSelector?.textContent).to.contain('All-time views');\n  });\n\n  it('should render default title-sort selector', async () => {\n    const defaultSortSelector = desktopSortSelector?.children\n      .item(2)\n      ?.querySelector('a');\n    expect(defaultSortSelector?.textContent).to.contain('Title');\n  });\n\n  it('should render default date-sort selector', async () => {\n    const defaultSortSelector = desktopSortSelector?.children\n      .item(3)\n      ?.querySelector('ia-dropdown');\n    expect(defaultSortSelector?.textContent).to.contain('Date published');\n  });\n\n  it('should render active date-sort selectors', async () => {\n    el.selectedSort = 'datereviewed' as SortField;\n    await el.updateComplete;\n\n    const defaultSortSelector = desktopSortSelector?.querySelector(\n      'ia-dropdown.selected'\n    );\n    expect(defaultSortSelector?.textContent).to.contain('Date reviewed');\n  });\n\n  it('should render default creator-sort selector', async () => {\n    const defaultSortSelector = desktopSortSelector?.children\n      .item(4)\n      ?.querySelector('a');\n    expect(defaultSortSelector?.textContent).to.contain('Creator');\n  });\n\n  it('click event on view-sort selector', async () => {\n    const defaultSortSelector = desktopSortSelector?.children\n      .item(1)\n      ?.querySelector('ia-dropdown') as IaDropdown;\n\n    await defaultSortSelector?.click();\n    expect(el.selectedSort).to.equal('weeklyview');\n  });\n\n  it('click event on title selector', async () => {\n    const defaultSortSelector = desktopSortSelector?.children\n      .item(2)\n      ?.querySelector('a');\n\n    await defaultSortSelector?.click();\n    expect(el.selectedSort).to.equal('title');\n  });\n\n  it('click event on date-sort selector', async () => {\n    const defaultSortSelector = desktopSortSelector?.children\n      .item(3)\n      ?.querySelector('ia-dropdown') as IaDropdown;\n\n    await defaultSortSelector?.click();\n    expect(el.selectedSort).to.equal('date');\n  });\n\n  it('click event on creator selector', async () => {\n    const defaultSortSelector = desktopSortSelector?.children\n      .item(4)\n      ?.querySelector('a');\n\n    await defaultSortSelector?.click();\n    expect(el.selectedSort).to.equal('creator');\n  });\n});\n\ndescribe('Display mode/style buttons', () => {\n  it('should render all display mode buttons', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar> </sort-filter-bar>\n    `);\n\n    const displayModeButtonList = el.shadowRoot\n      ?.querySelector('#display-style-selector')\n      ?.querySelector('ul');\n\n    const gridButton = displayModeButtonList?.children\n      .item(0)\n      ?.querySelector('#grid-button');\n    expect(gridButton).to.exist;\n\n    const detailListButton = displayModeButtonList?.children\n      .item(1)\n      ?.querySelector('#list-detail-button');\n    expect(detailListButton).to.exist;\n\n    const compactListButton = displayModeButtonList?.children\n      .item(2)\n      ?.querySelector('#list-compact-button');\n    expect(compactListButton).to.exist;\n  });\n\n  it('should active current display mode', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar> </sort-filter-bar>\n    `);\n\n    el.displayMode = 'grid';\n    await el.updateComplete;\n\n    const displayModeTitle = el.shadowRoot\n      ?.querySelector('#display-style-selector')\n      ?.querySelector('button.active')\n      ?.getAttribute('title');\n    expect(displayModeTitle).to.equal('Tile view');\n  });\n});\n\ndescribe('Sort/filter bar letter behavior', () => {\n  it('sets the selected title letter when clicked', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar></sort-filter-bar>\n    `);\n\n    el.selectedSort = 'title' as SortField;\n    el.prefixFilterCountMap = { title: { T: 1 }, creator: {} };\n    await el.updateComplete;\n\n    const alphaBar = el.shadowRoot?.querySelector('alpha-bar');\n    const letterLink = alphaBar?.shadowRoot?.querySelector(\n      'li > a[href]'\n    ) as HTMLAnchorElement;\n    expect(letterLink?.textContent?.trim()).to.equal('T');\n\n    letterLink?.click();\n    await el.updateComplete;\n\n    expect(el.selectedTitleFilter).to.equal('T');\n  });\n\n  it('sets the selected creator letter when clicked', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar></sort-filter-bar>\n    `);\n\n    el.selectedSort = 'creator' as SortField;\n    el.prefixFilterCountMap = { title: {}, creator: { C: 1 } };\n    await el.updateComplete;\n\n    const alphaBar = el.shadowRoot?.querySelector('alpha-bar');\n    const letterLink = alphaBar?.shadowRoot?.querySelector(\n      'li > a[href]'\n    ) as HTMLAnchorElement;\n    expect(letterLink?.textContent?.trim()).to.equal('C');\n\n    letterLink?.click();\n    await el.updateComplete;\n\n    expect(el.selectedCreatorFilter).to.equal('C');\n  });\n});\n\ndescribe('Sort/filter bar mobile view', () => {\n  let origWindowSize: { width: number; height: number };\n  before(() => {\n    origWindowSize = { width: window.innerWidth, height: window.innerHeight };\n    window.resizeTo(500, 600);\n  });\n\n  after(() => {\n    window.resizeTo(origWindowSize.width, origWindowSize.height);\n  });\n\n  it('renders in mobile view', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar></sort-filter-bar>\n    `);\n\n    const mobileSortContainer = el.shadowRoot?.querySelector(\n      '#mobile-sort-container'\n    );\n    const desktopSortContainer = el.shadowRoot?.querySelector(\n      '#desktop-sort-container'\n    );\n\n    expect(mobileSortContainer?.classList?.contains('visible')).to.be.true;\n    expect(desktopSortContainer?.classList?.contains('hidden')).to.be.true;\n  });\n\n  it('changes selected sort in mobile view', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar></sort-filter-bar>\n    `);\n\n    const mobileSortSelector = el.shadowRoot?.querySelector(\n      '#mobile-sort-selector'\n    ) as HTMLSelectElement;\n    expect(mobileSortSelector).to.exist;\n\n    mobileSortSelector.value = 'title';\n    mobileSortSelector.dispatchEvent(new Event('change'));\n    await el.updateComplete;\n\n    expect(el.selectedSort).to.equal('title');\n  });\n\n  it('clears title filter when sort changed from title in mobile view', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar></sort-filter-bar>\n    `);\n\n    el.selectedSort = 'title' as SortField;\n    el.selectedTitleFilter = 'A';\n    await el.updateComplete;\n\n    const mobileSortSelector = el.shadowRoot?.querySelector(\n      '#mobile-sort-selector'\n    ) as HTMLSelectElement;\n    expect(mobileSortSelector).to.exist;\n\n    mobileSortSelector.value = 'relevance';\n    mobileSortSelector.dispatchEvent(new Event('change'));\n    await el.updateComplete;\n\n    expect(el.selectedSort).to.equal('relevance');\n    expect(el.selectedTitleFilter).to.be.null;\n  });\n\n  it('clears creator filter when sort changed from creator in mobile view', async () => {\n    const el = await fixture<SortFilterBar>(html`\n      <sort-filter-bar></sort-filter-bar>\n    `);\n\n    el.selectedSort = 'creator' as SortField;\n    el.selectedCreatorFilter = 'A';\n    await el.updateComplete;\n\n    const mobileSortSelector = el.shadowRoot?.querySelector(\n      '#mobile-sort-selector'\n    ) as HTMLSelectElement;\n    expect(mobileSortSelector).to.exist;\n\n    mobileSortSelector.value = 'relevance';\n    mobileSortSelector.dispatchEvent(new Event('change'));\n    await el.updateComplete;\n\n    expect(el.selectedSort).to.equal('relevance');\n    expect(el.selectedCreatorFilter).to.be.null;\n  });\n});\n"]}

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

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