@internetarchive/collection-browser 1.14.17-alpha.3 → 1.14.17-alpha.31

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

@@ -213,9 +213,9 @@ describe('Collection Browser', () => {
         const facets = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('collection-facets');
         const sortBar = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('sort-filter-bar');
         const infiniteScroller = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('infinite-scroller');
-        expect(facets).to.exist;
-        expect(sortBar).to.exist;
-        expect(infiniteScroller).to.exist;
+        expect(facets, 'facets').to.exist;
+        expect(sortBar, 'sort bar').to.exist;
+        expect(infiniteScroller, 'infinite scroller').to.exist;
     });
     it('queries the search service when given a base query', async () => {
         var _a, _b, _c;
@@ -333,6 +333,18 @@ describe('Collection Browser', () => {
       </collection-browser>`);
         expect(el.searchType).to.equal(SearchType.FULLTEXT);
     });
+    it('can construct tile models with many fields present', async () => {
+        const searchService = new MockSearchService();
+        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+      </collection-browser>`);
+        el.baseQuery = 'many-fields';
+        await el.updateComplete;
+        await el.initialSearchComplete;
+        const cellTemplate = el.cellForIndex(0);
+        expect(cellTemplate).to.exist;
+        const cell = await fixture(cellTemplate);
+        expect(cell).to.exist;
+    });
     it('applies loggedin flag to tile models if needed', async () => {
         var _a;
         const searchService = new MockSearchService();
@@ -560,9 +572,9 @@ describe('Collection Browser', () => {
         el.baseQuery = 'foo';
         await el.updateComplete;
         await nextTick();
-        const sortBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('sort-filter-bar');
+        const sortBar = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#content-container sort-filter-bar');
         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).to.exist;
+        expect(sortSelector, 'sort bar').to.exist;
         // Click the title sorter
         (_d = (_c = [...sortSelector === null || sortSelector === void 0 ? void 0 : sortSelector.children] // tsc doesn't know children is iterable
             .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();
@@ -644,19 +656,22 @@ describe('Collection Browser', () => {
         el.sortDirection = 'asc';
         el.selectedCreatorFilter = 'X';
         await el.updateComplete;
-        await el.initialSearchComplete;
+        await nextTick();
         expect((_a = searchService.searchParams) === null || _a === void 0 ? void 0 : _a.query).to.equal('first-creator');
         expect((_d = (_c = (_b = searchService.searchParams) === null || _b === void 0 ? void 0 : _b.filters) === null || _c === void 0 ? void 0 : _c.firstCreator) === null || _d === void 0 ? void 0 : _d.X).to.equal(FilterConstraint.INCLUDE);
         el.baseQuery = 'collection:foo';
         await el.updateComplete;
-        await el.initialSearchComplete;
+        await nextTick();
         expect((_e = searchService.searchParams) === null || _e === void 0 ? void 0 : _e.query).to.equal('collection:foo');
         expect((_g = (_f = searchService.searchParams) === null || _f === void 0 ? void 0 : _f.filters) === null || _g === void 0 ? void 0 : _g.firstCreator).not.to.exist;
     });
     it('sets date range query when date picker selection changed', async () => {
         var _a, _b, _c;
         const searchService = new MockSearchService();
-        const el = await fixture(html `<collection-browser .searchService=${searchService}>
+        const el = await fixture(html `<collection-browser
+        .searchService=${searchService}
+        .suppressPlaceholders=${true}
+      >
       </collection-browser>`);
         el.baseQuery = 'years'; // Includes year_histogram aggregation in response
         el.showHistogramDatePicker = true;
@@ -666,7 +681,7 @@ describe('Collection Browser', () => {
         // Wait for the date picker to be rendered (which may take until the next tick)
         await nextTick();
         const histogram = (_b = facets === null || facets === void 0 ? void 0 : facets.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('histogram-date-range');
-        expect(histogram).to.exist;
+        expect(histogram, 'histogram exists').to.exist;
         // Enter a new min date into the date picker
         const minDateInput = (_c = histogram.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#date-min');
         const pressEnterEvent = new KeyboardEvent('keyup', {
@@ -813,7 +828,7 @@ describe('Collection Browser', () => {
         const spy = sinon.spy();
         infiniteScroller.scrollToCell = spy;
         await el.goToPage(1);
-        expect(spy.callCount).to.equal(1);
+        expect(spy.callCount, 'scroll to page fires once').to.equal(1);
         infiniteScroller.scrollToCell = oldScrollToCell;
     });
     it('shows mobile facets in mobile view', async () => {
@@ -869,33 +884,34 @@ describe('Collection Browser', () => {
         // testing: `loggedIn`
         el.loggedIn = true;
         await el.updateComplete;
-        expect(infiniteScrollerRefreshSpy.called).to.be.true;
-        expect(infiniteScrollerRefreshSpy.callCount).to.equal(1);
+        expect(infiniteScrollerRefreshSpy.called, 'Infinite Scroller Refresh').to.be
+            .true;
+        expect(infiniteScrollerRefreshSpy.callCount, 'Infinite Scroller Refresh call count').to.equal(1);
         el.loggedIn = false;
         await el.updateComplete;
-        expect(infiniteScrollerRefreshSpy.callCount).to.equal(2);
+        expect(infiniteScrollerRefreshSpy.callCount, '2nd Infinite Scroller Refresh').to.equal(2);
         // testing: `displayMode`
         el.displayMode = 'list-compact';
         el.searchContext = 'beta-search';
         await el.updateComplete;
-        expect(infiniteScrollerRefreshSpy.callCount).to.equal(3);
+        expect(infiniteScrollerRefreshSpy.callCount, '3rd Infinite Scroller Refresh').to.equal(3);
         expect(mockAnalyticsHandler.callCategory).to.equal('beta-search');
         expect(mockAnalyticsHandler.callAction).to.equal('displayMode');
         expect(mockAnalyticsHandler.callLabel).to.equal('list-compact');
         el.displayMode = 'list-detail';
         await el.updateComplete;
-        expect(infiniteScrollerRefreshSpy.callCount).to.equal(4);
+        expect(infiniteScrollerRefreshSpy.callCount, '4th Infinite Scroller Refresh').to.equal(4);
         expect(mockAnalyticsHandler.callCategory).to.equal('beta-search');
         expect(mockAnalyticsHandler.callAction).to.equal('displayMode');
         expect(mockAnalyticsHandler.callLabel).to.equal('list-detail');
         // testing: `baseNavigationUrl`
         el.baseNavigationUrl = 'https://funtestsite.com';
         await el.updateComplete;
-        expect(infiniteScrollerRefreshSpy.callCount).to.equal(5);
+        expect(infiniteScrollerRefreshSpy.callCount, '5th Infinite Scroller Refresh').to.equal(5);
         // testing: `baseImageUrl`
         el.baseImageUrl = 'https://funtestsiteforimages.com';
         await el.updateComplete;
-        expect(infiniteScrollerRefreshSpy.callCount).to.equal(6);
+        expect(infiniteScrollerRefreshSpy.callCount, '6th Infinite Scroller Refresh').to.equal(6);
     });
     it('query the search service for single result', async () => {
         var _a, _b;
@@ -1018,8 +1034,6 @@ describe('Collection Browser', () => {
         .withinCollection=${'foobar'}
       >
       </collection-browser>`);
-        await el.initialSearchComplete;
-        await el.updateComplete;
         el.baseQuery = 'bar';
         await el.updateComplete;
         expect(el.withinCollection).to.equal('foobar');
@@ -1050,8 +1064,6 @@ describe('Collection Browser', () => {
         .withinCollection=${'foobar'}
       >
       </collection-browser>`);
-        await el.initialSearchComplete;
-        await el.updateComplete;
         el.withinCollection = 'bar';
         await el.updateComplete;
         expect(el.withinCollection).to.equal('bar');
@@ -1106,7 +1118,7 @@ describe('Collection Browser', () => {
         expect(el.displayMode).to.equal('grid');
     });
     it('can remove all checked tiles', async () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         const searchService = new MockSearchService();
         const el = await fixture(html `<collection-browser
         .searchService=${searchService}
@@ -1140,10 +1152,10 @@ describe('Collection Browser', () => {
         // Remove checked tiles and verify that we only kept the second tile
         el.removeCheckedTiles();
         await el.updateComplete;
-        tiles = (_g = infiniteScroller.shadowRoot) === null || _g === void 0 ? void 0 : _g.querySelectorAll('tile-dispatcher');
+        expect((_g = el === null || el === void 0 ? void 0 : el.dataSource) === null || _g === void 0 ? void 0 : _g.size, 'data source count').to.equal(1);
+        tiles = (_j = (_h = el.shadowRoot) === null || _h === void 0 ? void 0 : _h.querySelector('infinite-scroller').shadowRoot) === null || _j === void 0 ? void 0 : _j.querySelectorAll('tile-dispatcher');
         expect(tiles).to.exist;
-        expect(tiles === null || tiles === void 0 ? void 0 : tiles.length).to.equal(1);
-        expect((_h = tiles[0].model) === null || _h === void 0 ? void 0 : _h.identifier).to.equal('bar');
+        expect(tiles.length, 'tile count after `el.removeCheckedTiles()`').to.equal(1);
     });
     it('can check/uncheck all tiles', async () => {
         const searchService = new MockSearchService();