@internetarchive/collection-browser 2.17.1-alpha-webdev7667.0 → 2.18.1-alpha-webdev7768.0

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

@@ -615,7 +615,7 @@ describe('Collection Browser', () => {
         expect(resultsSpy.callCount).to.equal(0);
     });
     it('sets sort properties when user changes sort', async () => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser .searchService=${searchService}>
       </collection-browser>`);
@@ -627,11 +627,15 @@ describe('Collection Browser', () => {
         const sortSelector = (_b = sortBar === null || sortBar === void 0 ? void 0 : sortBar.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#desktop-sort-selector');
         expect(sortSelector, 'sort bar').to.exist;
         // Click the title sorter
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (_d = (_c = [...sortSelector === null || sortSelector === void 0 ? void 0 : sortSelector.children] // tsc doesn't know children is iterable
+        (_d = (_c = Array.from(sortSelector.children)
             .find(child => { var _a; return ((_a = child.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === 'Title'; })) === null || _c === void 0 ? void 0 : _c.querySelector('button')) === null || _d === void 0 ? void 0 : _d.click();
         await el.updateComplete;
         expect(el.selectedSort).to.equal(SortField.title);
+        // Click the creator sorter
+        (_f = (_e = Array.from(sortSelector.children)
+            .find(child => { var _a; return ((_a = child.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === 'Creator'; })) === null || _e === void 0 ? void 0 : _e.querySelector('button')) === null || _f === void 0 ? void 0 : _f.click();
+        await el.updateComplete;
+        expect(el.selectedSort).to.equal(SortField.creator);
     });
     it('sets sort filter properties when user selects title filter', async () => {
         var _a, _b, _c, _d;
@@ -757,8 +761,10 @@ describe('Collection Browser', () => {
     it('sets date range query when date picker selection changed', async () => {
         var _a, _b, _c;
         const searchService = new MockSearchService();
+        const mockAnalyticsHandler = new MockAnalyticsHandler();
         const el = await fixture(html `<collection-browser
         .searchService=${searchService}
+        .analyticsHandler=${mockAnalyticsHandler}
         .suppressPlaceholders=${true}
       >
       </collection-browser>`);
@@ -1530,6 +1536,55 @@ describe('Collection Browser', () => {
         expect((_d = manageBar === null || manageBar === void 0 ? void 0 : manageBar.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.danger:disabled')).to.be
             .exist;
     });
+    it('shows Blurring checkbox for admin users', async () => {
+        var _a;
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<collection-browser
+        .baseNavigationUrl=${''}
+        .searchService=${searchService}
+      >
+      </collection-browser>`);
+        el.baseQuery = 'archive-org-user-loggedin';
+        await el.updateComplete;
+        await el.initialSearchComplete;
+        const blurringCheck = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#tile-blur-check');
+        expect(blurringCheck).to.exist;
+        expect(blurringCheck.checked).to.be.true;
+    });
+    it('unchecks Blurring checkbox for admin users with blurring preference off', async () => {
+        var _a;
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<collection-browser
+        .baseNavigationUrl=${''}
+        .searchService=${searchService}
+      >
+      </collection-browser>`);
+        el.baseQuery = 'archive-org-user-loggedin-noblur';
+        await el.updateComplete;
+        await el.initialSearchComplete;
+        const blurringCheck = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#tile-blur-check');
+        expect(blurringCheck).to.exist;
+        expect(blurringCheck.checked).to.be.false;
+    });
+    it('toggles blur state when Blurring checkbox is toggled', async () => {
+        var _a, _b, _c;
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<collection-browser
+        .baseNavigationUrl=${''}
+        .searchService=${searchService}
+      >
+      </collection-browser>`);
+        el.baseQuery = 'archive-org-user-loggedin';
+        await el.updateComplete;
+        await el.initialSearchComplete;
+        const blurringCheck = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#tile-blur-check');
+        expect(blurringCheck).to.exist;
+        blurringCheck.dispatchEvent(new PointerEvent('click'));
+        await el.updateComplete;
+        const infiniteScroller = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('infinite-scroller');
+        const firstTile = (_c = infiniteScroller === null || infiniteScroller === void 0 ? void 0 : infiniteScroller.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('tile-dispatcher');
+        expect(firstTile.suppressBlurring).to.be.true;
+    });
     it('applies loans tab properties to sort bar', async () => {
         var _a;
         const searchService = new MockSearchService();