@internetarchive/collection-browser 3.4.1-alpha-webdev7761.2 → 3.4.1-alpha-webdev7761.4

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

@@ -9,12 +9,11 @@ describe('Sort selector default buttons', async () => {
     let sortSelectorContainer;
     let desktopSortSelector;
     beforeEach(async () => {
-        var _a;
         el = await fixture(html `
       <sort-filter-bar></sort-filter-bar>
     `);
-        sortSelectorContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#sort-selector-container');
-        desktopSortSelector = sortSelectorContainer === null || sortSelectorContainer === void 0 ? void 0 : sortSelectorContainer.querySelector('#desktop-sort-selector');
+        sortSelectorContainer = el.shadowRoot?.querySelector('#sort-selector-container');
+        desktopSortSelector = sortSelectorContainer?.querySelector('#desktop-sort-selector');
         el.resizeObserver = new SharedResizeObserver();
         await el.updateComplete;
     });
@@ -23,48 +22,44 @@ describe('Sort selector default buttons', async () => {
         expect(desktopSortSelector).to.exist;
     });
     it('should render sort-by label', async () => {
-        var _a, _b;
-        const sortByLabel = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.sort-by-text');
+        const sortByLabel = el.shadowRoot?.querySelector('.sort-by-text');
         expect(sortByLabel).to.exist;
-        expect((_b = sortByLabel === null || sortByLabel === void 0 ? void 0 : sortByLabel.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Sort by:');
+        expect(sortByLabel?.textContent?.trim()).to.equal('Sort by:');
     });
     it('should render sort direction button', async () => {
-        var _a;
-        const sortDirections = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.sort-direction-container');
+        const sortDirections = el.shadowRoot?.querySelector('.sort-direction-container');
         expect(sortDirections).to.exist;
-        expect(sortDirections === null || sortDirections === void 0 ? void 0 : sortDirections.querySelector('.sort-direction-icon')).to.exist;
+        expect(sortDirections?.querySelector('.sort-direction-icon')).to.exist;
     });
     it('renders default set of sort options if not overridden', async () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-        const allSortSelectors = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelectorAll('button');
+        const allSortSelectors = desktopSortSelector?.querySelectorAll('button');
         expect(allSortSelectors).to.exist;
         expect(allSortSelectors.length).to.equal(3);
-        expect((_b = (_a = allSortSelectors[0]) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Relevance');
-        expect((_d = (_c = allSortSelectors[1]) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Title');
-        expect((_f = (_e = allSortSelectors[2]) === null || _e === void 0 ? void 0 : _e.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('Creator');
-        const allSortDropdowns = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelectorAll('ia-dropdown');
+        expect(allSortSelectors[0]?.textContent?.trim()).to.equal('Relevance');
+        expect(allSortSelectors[1]?.textContent?.trim()).to.equal('Title');
+        expect(allSortSelectors[2]?.textContent?.trim()).to.equal('Creator');
+        const allSortDropdowns = desktopSortSelector?.querySelectorAll('ia-dropdown');
         expect(allSortDropdowns).to.exist;
         expect(allSortDropdowns.length).to.equal(2);
-        expect((_g = allSortDropdowns[0]) === null || _g === void 0 ? void 0 : _g.options.length).to.equal(2);
-        expect((_h = allSortDropdowns[0]) === null || _h === void 0 ? void 0 : _h.options.map(o => o.id)).to.deep.equal([
+        expect(allSortDropdowns[0]?.options.length).to.equal(2);
+        expect(allSortDropdowns[0]?.options.map(o => o.id)).to.deep.equal([
             SortField.weeklyview,
             SortField.alltimeview,
         ]);
-        expect((_k = (_j = allSortDropdowns[0]) === null || _j === void 0 ? void 0 : _j.textContent) === null || _k === void 0 ? void 0 : _k.trim()).to.equal('Weekly views');
-        expect((_l = allSortDropdowns[1]) === null || _l === void 0 ? void 0 : _l.options.length).to.equal(4);
-        expect((_m = allSortDropdowns[1]) === null || _m === void 0 ? void 0 : _m.options.map(o => o.id)).to.deep.equal([
+        expect(allSortDropdowns[0]?.textContent?.trim()).to.equal('Weekly views');
+        expect(allSortDropdowns[1]?.options.length).to.equal(4);
+        expect(allSortDropdowns[1]?.options.map(o => o.id)).to.deep.equal([
             SortField.date,
             SortField.datearchived,
             SortField.datereviewed,
             SortField.dateadded,
         ]);
-        expect((_p = (_o = allSortDropdowns[1]) === null || _o === void 0 ? void 0 : _o.textContent) === null || _p === void 0 ? void 0 : _p.trim()).to.equal('Date published');
+        expect(allSortDropdowns[1]?.textContent?.trim()).to.equal('Date published');
         // Relevance selected by default
-        const defaultSortSelector = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelector('button.selected');
-        expect((_q = defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent) === null || _q === void 0 ? void 0 : _q.trim()).to.equal('Relevance');
+        const defaultSortSelector = desktopSortSelector?.querySelector('button.selected');
+        expect(defaultSortSelector?.textContent?.trim()).to.equal('Relevance');
     });
     it('renders an overridden set of sort options if specified', async () => {
-        var _a, _b, _c, _d, _e, _f;
         const customSortAvailability = {
             ...defaultSortAvailability,
             [SortField.title]: false,
@@ -75,27 +70,26 @@ describe('Sort selector default buttons', async () => {
         };
         el.sortFieldAvailability = customSortAvailability;
         await el.updateComplete;
-        const allSortSelectors = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelectorAll('button');
+        const allSortSelectors = desktopSortSelector?.querySelectorAll('button');
         expect(allSortSelectors).to.exist;
         expect(allSortSelectors.length).to.equal(1);
-        expect((_b = (_a = allSortSelectors[0]) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Relevance');
-        const allSortDropdowns = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelectorAll('ia-dropdown');
+        expect(allSortSelectors[0]?.textContent?.trim()).to.equal('Relevance');
+        const allSortDropdowns = desktopSortSelector?.querySelectorAll('ia-dropdown');
         expect(allSortDropdowns).to.exist;
         expect(allSortDropdowns.length).to.equal(2);
-        expect((_c = allSortDropdowns[0]) === null || _c === void 0 ? void 0 : _c.options.length).to.equal(2);
-        expect((_d = allSortDropdowns[0]) === null || _d === void 0 ? void 0 : _d.options.map(o => o.id)).to.deep.equal([
+        expect(allSortDropdowns[0]?.options.length).to.equal(2);
+        expect(allSortDropdowns[0]?.options.map(o => o.id)).to.deep.equal([
             SortField.weeklyview,
             SortField.alltimeview,
         ]);
-        expect((_e = allSortDropdowns[1]) === null || _e === void 0 ? void 0 : _e.options.length).to.equal(3);
-        expect((_f = allSortDropdowns[1]) === null || _f === void 0 ? void 0 : _f.options.map(o => o.id)).to.deep.equal([
+        expect(allSortDropdowns[1]?.options.length).to.equal(3);
+        expect(allSortDropdowns[1]?.options.map(o => o.id)).to.deep.equal([
             SortField.datefavorited,
             SortField.date,
             SortField.dateadded,
         ]);
     });
     it('renders a views button instead of a dropdown if it would only have one option', async () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
         const customSortAvailability = {
             ...defaultSortAvailability,
             // Disable weekly views (but keep All-time Views)
@@ -103,19 +97,18 @@ describe('Sort selector default buttons', async () => {
         };
         el.sortFieldAvailability = customSortAvailability;
         await el.updateComplete;
-        const allSortSelectors = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelectorAll('button');
+        const allSortSelectors = desktopSortSelector?.querySelectorAll('button');
         expect(allSortSelectors).to.exist;
         expect(allSortSelectors.length).to.equal(4);
-        expect((_b = (_a = allSortSelectors[0]) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Relevance');
-        expect((_d = (_c = allSortSelectors[1]) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('All-time views');
-        expect((_f = (_e = allSortSelectors[2]) === null || _e === void 0 ? void 0 : _e.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('Title');
-        expect((_h = (_g = allSortSelectors[3]) === null || _g === void 0 ? void 0 : _g.textContent) === null || _h === void 0 ? void 0 : _h.trim()).to.equal('Creator');
-        const allSortDropdowns = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelectorAll('ia-dropdown');
+        expect(allSortSelectors[0]?.textContent?.trim()).to.equal('Relevance');
+        expect(allSortSelectors[1]?.textContent?.trim()).to.equal('All-time views');
+        expect(allSortSelectors[2]?.textContent?.trim()).to.equal('Title');
+        expect(allSortSelectors[3]?.textContent?.trim()).to.equal('Creator');
+        const allSortDropdowns = desktopSortSelector?.querySelectorAll('ia-dropdown');
         expect(allSortDropdowns).to.exist;
         expect(allSortDropdowns.length).to.equal(1);
     });
     it('renders a date button instead of a dropdown if it would only have one option', async () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
         const customSortAvailability = {
             ...defaultSortAvailability,
             // Disable all default dates except Date Added
@@ -125,19 +118,18 @@ describe('Sort selector default buttons', async () => {
         };
         el.sortFieldAvailability = customSortAvailability;
         await el.updateComplete;
-        const allSortSelectors = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelectorAll('button');
+        const allSortSelectors = desktopSortSelector?.querySelectorAll('button');
         expect(allSortSelectors).to.exist;
         expect(allSortSelectors.length).to.equal(4);
-        expect((_b = (_a = allSortSelectors[0]) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Relevance');
-        expect((_d = (_c = allSortSelectors[1]) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Title');
-        expect((_f = (_e = allSortSelectors[2]) === null || _e === void 0 ? void 0 : _e.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('Date added');
-        expect((_h = (_g = allSortSelectors[3]) === null || _g === void 0 ? void 0 : _g.textContent) === null || _h === void 0 ? void 0 : _h.trim()).to.equal('Creator');
-        const allSortDropdowns = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelectorAll('ia-dropdown');
+        expect(allSortSelectors[0]?.textContent?.trim()).to.equal('Relevance');
+        expect(allSortSelectors[1]?.textContent?.trim()).to.equal('Title');
+        expect(allSortSelectors[2]?.textContent?.trim()).to.equal('Date added');
+        expect(allSortSelectors[3]?.textContent?.trim()).to.equal('Creator');
+        const allSortDropdowns = desktopSortSelector?.querySelectorAll('ia-dropdown');
         expect(allSortDropdowns).to.exist;
         expect(allSortDropdowns.length).to.equal(1);
     });
     it('does not render a views dropdown that would have zero available options', async () => {
-        var _a, _b;
         const customSortAvailability = {
             ...defaultSortAvailability,
             // Disable all view sorts
@@ -146,16 +138,15 @@ describe('Sort selector default buttons', async () => {
         };
         el.sortFieldAvailability = customSortAvailability;
         await el.updateComplete;
-        const allSortSelectors = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelectorAll('button');
+        const allSortSelectors = desktopSortSelector?.querySelectorAll('button');
         expect(allSortSelectors).to.exist;
         expect(allSortSelectors.length).to.equal(3);
-        const allSortDropdowns = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelectorAll('ia-dropdown');
+        const allSortDropdowns = desktopSortSelector?.querySelectorAll('ia-dropdown');
         expect(allSortDropdowns).to.exist;
         expect(allSortDropdowns.length).to.equal(1);
-        expect((_b = (_a = allSortDropdowns[0].options) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id).to.equal(SortField.date);
+        expect(allSortDropdowns[0].options?.[0]?.id).to.equal(SortField.date);
     });
     it('does not render a date dropdown that would have zero available options', async () => {
-        var _a, _b;
         const customSortAvailability = {
             ...defaultSortAvailability,
             // Disable all date sorts
@@ -166,226 +157,235 @@ describe('Sort selector default buttons', async () => {
         };
         el.sortFieldAvailability = customSortAvailability;
         await el.updateComplete;
-        const allSortSelectors = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelectorAll('button');
+        const allSortSelectors = desktopSortSelector?.querySelectorAll('button');
         expect(allSortSelectors).to.exist;
         expect(allSortSelectors.length).to.equal(3);
-        const allSortDropdowns = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelectorAll('ia-dropdown');
+        const allSortDropdowns = desktopSortSelector?.querySelectorAll('ia-dropdown');
         expect(allSortDropdowns).to.exist;
         expect(allSortDropdowns.length).to.equal(1);
-        expect((_b = (_a = allSortDropdowns[0].options) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id).to.equal(SortField.weeklyview);
+        expect(allSortDropdowns[0].options?.[0]?.id).to.equal(SortField.weeklyview);
     });
     it('allows changing the default views sort shown', async () => {
-        var _a, _b;
         el.defaultViewSort = SortField.alltimeview;
         await el.updateComplete;
-        const viewsDropdown = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#views-dropdown');
+        const viewsDropdown = el.shadowRoot?.querySelector('#views-dropdown');
         expect(viewsDropdown).to.exist;
-        expect((_b = viewsDropdown.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('All-time views');
+        expect(viewsDropdown.textContent?.trim()).to.equal('All-time views');
     });
     it('allows changing the default date sort shown', async () => {
-        var _a, _b;
         el.defaultDateSort = SortField.datereviewed;
         await el.updateComplete;
-        const dateDropdown = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#date-dropdown');
+        const dateDropdown = el.shadowRoot?.querySelector('#date-dropdown');
         expect(dateDropdown).to.exist;
-        expect((_b = dateDropdown.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Date reviewed');
+        expect(dateDropdown.textContent?.trim()).to.equal('Date reviewed');
     });
     it('should render default view-sort selector', async () => {
-        var _a, _b;
-        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((_b = defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Weekly views');
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(1)
+            ?.querySelector('ia-dropdown');
+        expect(defaultSortSelector?.textContent?.trim()).to.equal('Weekly views');
     });
     it('should render active view-sort selectors', async () => {
-        var _a;
         el.selectedSort = 'alltimeview';
         await el.updateComplete;
-        const defaultSortSelector = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelector('ia-dropdown.selected');
-        expect((_a = defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent) === null || _a === void 0 ? void 0 : _a.trim()).to.equal('All-time views');
+        const defaultSortSelector = desktopSortSelector?.querySelector('ia-dropdown.selected');
+        expect(defaultSortSelector?.textContent?.trim()).to.equal('All-time views');
     });
     it('should render default title-sort selector', async () => {
-        var _a, _b;
-        const defaultSortSelector = (_a = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.children.item(2)) === null || _a === void 0 ? void 0 : _a.querySelector('button');
-        expect((_b = defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Title');
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(2)
+            ?.querySelector('button');
+        expect(defaultSortSelector?.textContent?.trim()).to.equal('Title');
     });
     it('should render default date-sort selector', async () => {
-        var _a, _b;
-        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((_b = defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Date published');
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(3)
+            ?.querySelector('ia-dropdown');
+        expect(defaultSortSelector?.textContent?.trim()).to.equal('Date published');
     });
     it('should render active date-sort selectors', async () => {
-        var _a;
         el.selectedSort = 'datereviewed';
         await el.updateComplete;
-        const defaultSortSelector = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.querySelector('ia-dropdown.selected');
-        expect((_a = defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent) === null || _a === void 0 ? void 0 : _a.trim()).to.equal('Date reviewed');
+        const defaultSortSelector = desktopSortSelector?.querySelector('ia-dropdown.selected');
+        expect(defaultSortSelector?.textContent?.trim()).to.equal('Date reviewed');
     });
     it('should render default creator-sort selector', async () => {
-        var _a, _b;
-        const defaultSortSelector = (_a = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.children.item(4)) === null || _a === void 0 ? void 0 : _a.querySelector('button');
-        expect((_b = defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Creator');
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(4)
+            ?.querySelector('button');
+        expect(defaultSortSelector?.textContent?.trim()).to.equal('Creator');
     });
     it('handles 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('.dropdown-label');
-        defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click();
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(1)
+            ?.querySelector('.dropdown-label');
+        defaultSortSelector?.click();
         await el.updateComplete;
         expect(el.selectedSort).to.equal('weeklyview');
     });
     it('handles 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('button');
-        defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click();
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(2)
+            ?.querySelector('button');
+        defaultSortSelector?.click();
         await el.updateComplete;
         expect(el.selectedSort).to.equal('title');
     });
     it('handles 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('.dropdown-label');
-        defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click();
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(3)
+            ?.querySelector('.dropdown-label');
+        defaultSortSelector?.click();
         await el.updateComplete;
         expect(el.selectedSort).to.equal('date');
     });
     it('handles 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('button');
-        defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click();
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(4)
+            ?.querySelector('button');
+        defaultSortSelector?.click();
         await el.updateComplete;
         expect(el.selectedSort).to.equal('creator');
     });
     it('handles click event on relevance selector', async () => {
-        var _a;
         el.sortFieldAvailability = {
             ...el.sortFieldAvailability,
             [SortField.relevance]: true,
         };
         el.selectedSort = 'title';
         await el.updateComplete;
-        const defaultSortSelector = (_a = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.children.item(0)) === null || _a === void 0 ? void 0 : _a.querySelector('button');
-        defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.click();
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(0)
+            ?.querySelector('button');
+        defaultSortSelector?.click();
         await el.updateComplete;
         expect(el.selectedSort).to.equal('relevance');
     });
     it('handles return/space key 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('.dropdown-label');
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(1)
+            ?.querySelector('.dropdown-label');
         el.selectedSort = 'relevance';
         const enterEvent = new KeyboardEvent('keydown', { key: 'Enter' });
-        defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.dispatchEvent(enterEvent);
+        defaultSortSelector?.dispatchEvent(enterEvent);
         await el.updateComplete;
         expect(el.selectedSort).to.equal('weeklyview');
         el.selectedSort = 'relevance';
         const spaceEvent = new KeyboardEvent('keydown', { key: ' ' });
-        defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.dispatchEvent(spaceEvent);
+        defaultSortSelector?.dispatchEvent(spaceEvent);
         await el.updateComplete;
         expect(el.selectedSort).to.equal('weeklyview');
     });
     it('handles return/space key 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('.dropdown-label');
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(3)
+            ?.querySelector('.dropdown-label');
         el.selectedSort = 'relevance';
         const enterEvent = new KeyboardEvent('keydown', { key: 'Enter' });
-        defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.dispatchEvent(enterEvent);
+        defaultSortSelector?.dispatchEvent(enterEvent);
         await el.updateComplete;
         expect(el.selectedSort).to.equal('date');
         el.selectedSort = 'relevance';
         const spaceEvent = new KeyboardEvent('keydown', { key: ' ' });
-        defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.dispatchEvent(spaceEvent);
+        defaultSortSelector?.dispatchEvent(spaceEvent);
         await el.updateComplete;
         expect(el.selectedSort).to.equal('date');
     });
     it('handles click event on view-sort dropdown option', async () => {
-        var _a, _b;
-        const defaultSortSelector = (_a = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.children.item(1)) === null || _a === void 0 ? void 0 : _a.querySelector('ia-dropdown');
-        const firstOption = (_b = defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('li > button');
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(1)
+            ?.querySelector('ia-dropdown');
+        const firstOption = defaultSortSelector?.shadowRoot?.querySelector('li > button');
         expect(firstOption).to.exist;
-        firstOption === null || firstOption === void 0 ? void 0 : firstOption.click();
+        firstOption?.click();
         await el.updateComplete;
         expect(el.selectedSort).to.equal('weeklyview');
     });
     it('handles click event on date-sort dropdown option', async () => {
-        var _a, _b;
-        const defaultSortSelector = (_a = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.children.item(3)) === null || _a === void 0 ? void 0 : _a.querySelector('ia-dropdown');
-        const firstOption = (_b = defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('li > button');
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(3)
+            ?.querySelector('ia-dropdown');
+        const firstOption = defaultSortSelector?.shadowRoot?.querySelector('li > button');
         expect(firstOption).to.exist;
-        firstOption === null || firstOption === void 0 ? void 0 : firstOption.click();
+        firstOption?.click();
         await el.updateComplete;
         expect(el.selectedSort).to.equal('date');
     });
     it('shows view sort selector backdrop when view sort open', async () => {
-        var _a, _b, _c, _d;
-        const defaultSortSelector = (_a = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.children.item(1)) === null || _a === void 0 ? void 0 : _a.querySelector('ia-dropdown');
-        const caret = (_b = defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.caret');
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(1)
+            ?.querySelector('ia-dropdown');
+        const caret = defaultSortSelector?.shadowRoot?.querySelector('.caret');
         expect(caret).to.exist;
-        caret === null || caret === void 0 ? void 0 : caret.click();
+        caret?.click();
         await el.updateComplete;
-        let backdrop = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#sort-selector-backdrop');
+        let backdrop = el.shadowRoot?.querySelector('#sort-selector-backdrop');
         expect(backdrop).to.exist;
-        backdrop === null || backdrop === void 0 ? void 0 : backdrop.click();
+        backdrop?.click();
         await el.updateComplete;
-        backdrop = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#sort-selector-backdrop');
+        backdrop = el.shadowRoot?.querySelector('#sort-selector-backdrop');
         expect(backdrop).not.to.exist;
     });
     it('shows date sort selector backdrop when date sort open', async () => {
-        var _a, _b, _c, _d;
-        const defaultSortSelector = (_a = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.children.item(3)) === null || _a === void 0 ? void 0 : _a.querySelector('ia-dropdown');
-        const caret = (_b = defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.caret');
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(3)
+            ?.querySelector('ia-dropdown');
+        const caret = defaultSortSelector?.shadowRoot?.querySelector('.caret');
         expect(caret).to.exist;
-        caret === null || caret === void 0 ? void 0 : caret.click();
+        caret?.click();
         await el.updateComplete;
-        let backdrop = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#sort-selector-backdrop');
+        let backdrop = el.shadowRoot?.querySelector('#sort-selector-backdrop');
         expect(backdrop).to.exist;
-        backdrop === null || backdrop === void 0 ? void 0 : backdrop.click();
+        backdrop?.click();
         await el.updateComplete;
-        backdrop = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#sort-selector-backdrop');
+        backdrop = el.shadowRoot?.querySelector('#sort-selector-backdrop');
         expect(backdrop).not.to.exist;
     });
     it('closes dropdown by hitting escape key', async () => {
-        var _a, _b, _c, _d;
-        const defaultSortSelector = (_a = desktopSortSelector === null || desktopSortSelector === void 0 ? void 0 : desktopSortSelector.children.item(3)) === null || _a === void 0 ? void 0 : _a.querySelector('ia-dropdown');
-        const caret = (_b = defaultSortSelector === null || defaultSortSelector === void 0 ? void 0 : defaultSortSelector.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.caret');
+        const defaultSortSelector = desktopSortSelector?.children
+            .item(3)
+            ?.querySelector('ia-dropdown');
+        const caret = defaultSortSelector?.shadowRoot?.querySelector('.caret');
         expect(caret).to.exist;
-        caret === null || caret === void 0 ? void 0 : caret.click();
+        caret?.click();
         await el.updateComplete;
-        let backdrop = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#sort-selector-backdrop');
+        let backdrop = el.shadowRoot?.querySelector('#sort-selector-backdrop');
         expect(backdrop).to.exist;
         document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
         await el.updateComplete;
-        backdrop = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#sort-selector-backdrop');
+        backdrop = el.shadowRoot?.querySelector('#sort-selector-backdrop');
         expect(backdrop).not.to.exist;
     });
 });
 describe('Sort direction button behavior', () => {
     it('should disable sort direction button when sorting by relevance', async () => {
-        var _a;
         const el = await fixture(html `
       <sort-filter-bar> </sort-filter-bar>
     `);
         el.selectedSort = 'relevance';
         await el.updateComplete;
-        const sortDirectionButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.sort-direction-selector');
+        const sortDirectionButton = el.shadowRoot?.querySelector('.sort-direction-selector');
         expect(sortDirectionButton).to.exist;
         expect(sortDirectionButton.disabled).to.be.true;
     });
     it('should enable sort direction button when not sorting by relevance', async () => {
-        var _a;
         const el = await fixture(html `
       <sort-filter-bar> </sort-filter-bar>
     `);
         el.selectedSort = 'title';
         await el.updateComplete;
-        const sortDirectionButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.sort-direction-selector');
+        const sortDirectionButton = el.shadowRoot?.querySelector('.sort-direction-selector');
         expect(sortDirectionButton).to.exist;
         expect(sortDirectionButton.disabled).to.be.false;
     });
     it('should toggle sort direction when clicked', async () => {
-        var _a;
         const el = await fixture(html `
       <sort-filter-bar> </sort-filter-bar>
     `);
         el.selectedSort = 'title';
         el.sortDirection = 'asc';
         await el.updateComplete;
-        const sortDirectionButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.sort-direction-selector');
+        const sortDirectionButton = el.shadowRoot?.querySelector('.sort-direction-selector');
         sortDirectionButton.click();
         await el.updateComplete;
         expect(el.sortDirection).to.equal('desc');
@@ -396,52 +396,59 @@ describe('Sort direction button behavior', () => {
 });
 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');
+        const displayModeButtonList = el.shadowRoot
+            ?.querySelector('#display-style-selector')
+            ?.querySelector('ul');
+        const gridButton = displayModeButtonList?.children
+            .item(0)
+            ?.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');
+        const detailListButton = displayModeButtonList?.children
+            .item(1)
+            ?.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');
+        const compactListButton = displayModeButtonList?.children
+            .item(2)
+            ?.querySelector('#list-compact-button');
         expect(compactListButton).to.exist;
     });
     it('should not render display mode buttons when suppressed', async () => {
-        var _a;
         const el = await fixture(html `
       <sort-filter-bar suppressDisplayModes></sort-filter-bar>
     `);
-        const displayModeButtonList = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#display-style-selector');
+        const displayModeButtonList = el.shadowRoot?.querySelector('#display-style-selector');
         expect(displayModeButtonList).not.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');
+        const displayModeTitle = el.shadowRoot
+            ?.querySelector('#display-style-selector')
+            ?.querySelector('button.active')
+            ?.getAttribute('title');
         expect(displayModeTitle).to.equal('Tile view');
     });
     it('should change displayMode prop to the one clicked', async () => {
-        var _a, _b, _c;
         const el = await fixture(html `
       <sort-filter-bar> </sort-filter-bar>
     `);
         el.displayMode = 'grid';
         await el.updateComplete;
-        const extendedListButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#list-detail-button');
+        const extendedListButton = el.shadowRoot?.querySelector('#list-detail-button');
         extendedListButton.click();
         await el.updateComplete;
         expect(el.displayMode).to.equal('list-detail');
-        const compactListButton = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#list-compact-button');
+        const compactListButton = el.shadowRoot?.querySelector('#list-compact-button');
         compactListButton.click();
         await el.updateComplete;
         expect(el.displayMode).to.equal('list-compact');
-        const gridModeButton = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#grid-button');
+        const gridModeButton = el.shadowRoot?.querySelector('#grid-button');
         gridModeButton.click();
         await el.updateComplete;
         expect(el.displayMode).to.equal('grid');
@@ -449,32 +456,30 @@ describe('Display mode/style buttons', () => {
 });
 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 > button:not(:disabled)');
-        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();
+        const alphaBar = el.shadowRoot?.querySelector('alpha-bar');
+        const letterLink = alphaBar?.shadowRoot?.querySelector('li > button:not(:disabled)');
+        expect(letterLink?.textContent?.trim()).to.equal('T');
+        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 > button:not(:disabled)');
-        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();
+        const alphaBar = el.shadowRoot?.querySelector('alpha-bar');
+        const letterLink = alphaBar?.shadowRoot?.querySelector('li > button:not(:disabled)');
+        expect(letterLink?.textContent?.trim()).to.equal('C');
+        letterLink?.click();
         await el.updateComplete;
         expect(el.selectedCreatorFilter).to.equal('C');
     });
@@ -489,21 +494,19 @@ describe('Sort/filter bar mobile view', () => {
         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 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;
+        const mobileSortContainer = el.shadowRoot?.querySelector('#mobile-sort-container');
+        const desktopSortContainer = el.shadowRoot?.querySelector('#desktop-sort-container');
+        expect(mobileSortContainer?.classList?.contains('visible')).to.be.true;
+        expect(desktopSortContainer?.classList?.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 mobileDropdown = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#mobile-dropdown');
+        const mobileDropdown = el.shadowRoot?.querySelector('#mobile-dropdown');
         expect(mobileDropdown).to.exist;
         mobileDropdown.selectedOption = 'title';
         const option = { id: 'title' };
@@ -512,14 +515,13 @@ describe('Sort/filter bar mobile view', () => {
         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 mobileDropdown = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#mobile-dropdown');
+        const mobileDropdown = el.shadowRoot?.querySelector('#mobile-dropdown');
         expect(mobileDropdown).to.exist;
         mobileDropdown.selectedOption = 'relevance';
         const option = { id: 'relevance' };
@@ -529,14 +531,13 @@ describe('Sort/filter bar mobile view', () => {
         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 mobileDropdown = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#mobile-dropdown');
+        const mobileDropdown = el.shadowRoot?.querySelector('#mobile-dropdown');
         expect(mobileDropdown).to.exist;
         mobileDropdown.selectedOption = 'relevance';
         const option = { id: 'relevance' };
@@ -546,25 +547,23 @@ describe('Sort/filter bar mobile view', () => {
         expect(el.selectedCreatorFilter).to.be.null;
     });
     it('shows sort selector backdrop when mobile sort open', async () => {
-        var _a, _b, _c, _d;
         const el = await fixture(html `
       <sort-filter-bar></sort-filter-bar>
     `);
-        const mobileDropdown = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#mobile-dropdown');
+        const mobileDropdown = el.shadowRoot?.querySelector('#mobile-dropdown');
         expect(mobileDropdown).to.exist;
-        const caret = (_b = mobileDropdown === null || mobileDropdown === void 0 ? void 0 : mobileDropdown.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.caret');
+        const caret = mobileDropdown?.shadowRoot?.querySelector('.caret');
         expect(caret).to.exist;
-        caret === null || caret === void 0 ? void 0 : caret.click();
+        caret?.click();
         await el.updateComplete;
-        let backdrop = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#sort-selector-backdrop');
+        let backdrop = el.shadowRoot?.querySelector('#sort-selector-backdrop');
         expect(backdrop).to.exist;
-        backdrop === null || backdrop === void 0 ? void 0 : backdrop.click();
+        backdrop?.click();
         await el.updateComplete;
-        backdrop = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#sort-selector-backdrop');
+        backdrop = el.shadowRoot?.querySelector('#sort-selector-backdrop');
         expect(backdrop).not.to.exist;
     });
     it('shows loansTab top-bar slot Default View', async () => {
-        var _a;
         const resizeStub = new SharedResizeObserver();
         const addSpy = sinon.spy(resizeStub, 'addObserver');
         const removeSpy = sinon.spy(resizeStub, 'removeObserver');
@@ -572,7 +571,7 @@ describe('Sort/filter bar mobile view', () => {
       <sort-filter-bar .resizeObserver=${resizeStub}></sort-filter-bar>
     `);
         // this element exists
-        expect((_a = el === null || el === void 0 ? void 0 : el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#sort-selector-container')).to.exist;
+        expect(el?.shadowRoot?.querySelector('#sort-selector-container')).to.exist;
         // loads & unloads twice when [re]setting ResizeObserver
         expect(addSpy.callCount).to.equal(2);
         const resizeStub2 = new SharedResizeObserver();
@@ -581,7 +580,6 @@ describe('Sort/filter bar mobile view', () => {
         expect(removeSpy.callCount).to.equal(2);
     });
     it('contains sort-options slot when enabled', async () => {
-        var _a, _b;
         const resizeStub = new SharedResizeObserver();
         const addSpy = sinon.spy(resizeStub, 'addObserver');
         const removeSpy = sinon.spy(resizeStub, 'removeObserver');
@@ -593,10 +591,10 @@ describe('Sort/filter bar mobile view', () => {
     `);
         await el.updateComplete;
         // slot exists
-        const sortOptionsSlot = (_a = el === null || el === void 0 ? void 0 : el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="sort-options"]');
+        const sortOptionsSlot = el?.shadowRoot?.querySelector('slot[name="sort-options"]');
         expect(sortOptionsSlot).to.exist;
         // sort bar does not exist
-        expect((_b = el === null || el === void 0 ? void 0 : el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#sort-selector-container')).to.not
+        expect(el?.shadowRoot?.querySelector('#sort-selector-container')).to.not
             .exist;
         const resizeStub2 = new SharedResizeObserver();
         el.resizeObserver = resizeStub2;