@internetarchive/collection-browser 2.10.1-alpha-webdev7479.10 → 2.12.0

package/test/collection-browser.test.ts

@@ -369,6 +369,50 @@ describe('Collection Browser', () => {
     ).to.contains('Results');
   });
 
+  it('queries the search service with a radio search', async () => {
+    const searchService = new MockSearchService();
+
+    const el = await fixture<CollectionBrowser>(
+      html` <collection-browser .searchService=${searchService}>
+      </collection-browser>`,
+    );
+
+    el.searchType = SearchType.RADIO;
+    await el.updateComplete;
+
+    el.baseQuery = 'collection:foo';
+    await el.updateComplete;
+    await el.initialSearchComplete;
+
+    expect(searchService.searchParams?.query).to.equal('collection:foo');
+    expect(searchService.searchType).to.equal(SearchType.RADIO);
+    expect(
+      el.shadowRoot?.querySelector('#big-results-label')?.textContent,
+    ).to.contains('Results');
+  });
+
+  it('queries the search service with a TV search', async () => {
+    const searchService = new MockSearchService();
+
+    const el = await fixture<CollectionBrowser>(
+      html` <collection-browser .searchService=${searchService}>
+      </collection-browser>`,
+    );
+
+    el.searchType = SearchType.TV;
+    await el.updateComplete;
+
+    el.baseQuery = 'collection:foo';
+    await el.updateComplete;
+    await el.initialSearchComplete;
+
+    expect(searchService.searchParams?.query).to.equal('collection:foo');
+    expect(searchService.searchType).to.equal(SearchType.TV);
+    expect(
+      el.shadowRoot?.querySelector('#big-results-label')?.textContent,
+    ).to.contains('Results');
+  });
+
   it('queries the search service with facets selected/negated', async () => {
     const searchService = new MockSearchService();
     const selectedFacets: SelectedFacets = {
@@ -1306,6 +1350,23 @@ describe('Collection Browser', () => {
     expect(el.dataSource.parentCollections).to.deep.equal(['foo', 'bar']);
   });
 
+  it('recognizes TV collections', async () => {
+    const searchService = new MockSearchService();
+    const el = await fixture<CollectionBrowser>(
+      html`<collection-browser
+        .searchService=${searchService}
+        .withinCollection=${'TV-FOO'}
+      ></collection-browser>`,
+    );
+
+    el.baseQuery = 'tv-collection';
+    await el.updateComplete;
+    await el.initialSearchComplete;
+    await aTimeout(0);
+
+    expect(el.isTVCollection).to.be.true;
+  });
+
   it('refreshes when certain properties change - with some analytics event sampling', async () => {
     const mockAnalyticsHandler = new MockAnalyticsHandler();
     const searchService = new MockSearchService();
@@ -1512,7 +1573,7 @@ describe('Collection Browser', () => {
     expect(el.withinProfile).to.equal('@foobar');
     expect(el.profileElement).to.equal('uploads');
     expect(el.baseQuery).to.equal('foo');
-    expect(el.searchType).to.equal(SearchType.METADATA);
+    expect(el.searchType).to.equal(SearchType.DEFAULT);
     expect(el.selectedFacets?.mediatype?.data?.state).to.equal('hidden');
     expect(el.selectedFacets?.subject?.baz?.state).to.equal('selected');
     expect(el.selectedTitleFilter).to.equal('X');
@@ -2044,4 +2105,23 @@ describe('Collection Browser', () => {
     const initialResults = el.dataSource.getAllPages();
     expect(Object.keys(initialResults).length).to.deep.equal(numberOfPages);
   });
+
+  it('renders provided results header instead of default, when showing smart results', async () => {
+    const searchService = new MockSearchService();
+
+    const el = await fixture<CollectionBrowser>(
+      html`<collection-browser
+        showSmartResults
+        .searchService=${searchService}
+        .resultsHeader=${'Foo Bar'}
+      ></collection-browser>`,
+    );
+
+    el.baseQuery = 'foo';
+    await el.updateComplete;
+    await nextTick();
+
+    const header = el.shadowRoot?.querySelector('.results-section-heading');
+    expect(header?.textContent?.trim()).to.equal('Foo Bar');
+  });
 });

package/test/mocks/mock-search-responses.ts

@@ -98,12 +98,14 @@ export const getMockSuccessManyFields: () => Result<
             mediatype: 'texts',
             num_favorites: 12,
             num_reviews: 23,
+            num_clips: 34,
             source: 'foo bar',
             subject: ['baz', 'quux'],
             title: 'Foo Bar',
             volume: 2,
             week: 50,
             __href__: 'https://archive.org/details/foo',
+            __img__: '//services/img/foo',
           },
         }),
       ],
@@ -897,6 +899,54 @@ export const getMockSuccessWithParentCollections: () => Result<
   },
 });
 
+export const getMockSuccessForTvCollection: () => Result<
+  SearchResponse,
+  SearchServiceError
+> = () => ({
+  success: {
+    request: {
+      kind: 'hits',
+      clientParameters: {
+        user_query: 'tv-collection',
+        sort: [],
+      },
+      backendRequests: {
+        primary: {
+          kind: 'hits',
+          finalized_parameters: {
+            user_query: 'tv-collection',
+            sort: [],
+          },
+        },
+      },
+    },
+    rawResponse: {},
+    sessionContext: {},
+    response: {
+      totalResults: 1,
+      returnedCount: 1,
+      results: [
+        new ItemHit({
+          fields: {
+            identifier: 'foo',
+            title: 'Foo',
+          },
+        }),
+      ],
+      collectionExtraInfo: {
+        public_metadata: {
+          identifier: 'TV-FOO',
+          collection: ['tvarchive'],
+        },
+      },
+    },
+    responseHeader: {
+      succeeded: true,
+      query_time: 0,
+    },
+  },
+});
+
 export const getMockSuccessWithWebArchiveHits: () => Result<
   SearchResponse,
   SearchServiceError

package/test/mocks/mock-search-service.ts

@@ -26,6 +26,7 @@ import {
   getMockSuccessWithConciseDefaultSort,
   getMockSuccessWithDefaultFavSort,
   getMockSuccessWithParentCollections,
+  getMockSuccessForTvCollection,
   getMockSuccessManyFields,
   getMockSuccessNoResults,
   getMockSuccessWithWebArchiveHits,
@@ -51,6 +52,7 @@ const responses: Record<
   'default-sort-concise': getMockSuccessWithConciseDefaultSort,
   'fav-sort': getMockSuccessWithDefaultFavSort,
   'parent-collections': getMockSuccessWithParentCollections,
+  'tv-collection': getMockSuccessForTvCollection,
   'web-archive': getMockSuccessWithWebArchiveHits,
   'more-facets': getMockSuccessWithManyAggregations,
   'many-fields': getMockSuccessManyFields,

package/test/restoration-state-handler.test.ts

@@ -48,6 +48,39 @@ describe('Restoration state handler', () => {
     expect(restorationState.searchType).to.equal(SearchType.FULLTEXT);
   });
 
+  it('should restore radio search type from URL', async () => {
+    const handler = new RestorationStateHandler({ context: 'search' });
+
+    const url = new URL(window.location.href);
+    url.search = '?sin=RADIO';
+    window.history.replaceState({ path: url.href }, '', url.href);
+
+    const restorationState = handler.getRestorationState();
+    expect(restorationState.searchType).to.equal(SearchType.RADIO);
+  });
+
+  it('should restore TV search type from URL', async () => {
+    const handler = new RestorationStateHandler({ context: 'search' });
+
+    const url = new URL(window.location.href);
+    url.search = '?sin=TV';
+    window.history.replaceState({ path: url.href }, '', url.href);
+
+    const restorationState = handler.getRestorationState();
+    expect(restorationState.searchType).to.equal(SearchType.TV);
+  });
+
+  it('should restore metadata search type from URL', async () => {
+    const handler = new RestorationStateHandler({ context: 'search' });
+
+    const url = new URL(window.location.href);
+    url.search = '?sin=MD';
+    window.history.replaceState({ path: url.href }, '', url.href);
+
+    const restorationState = handler.getRestorationState();
+    expect(restorationState.searchType).to.equal(SearchType.METADATA);
+  });
+
   it('should restore page number from URL', async () => {
     const handler = new RestorationStateHandler({ context: 'search' });
 
@@ -364,6 +397,32 @@ describe('Restoration state handler', () => {
     expect(window.location.search).to.equal('');
   });
 
+  it('should persist metadata search type only when option is true', async () => {
+    const url = new URL(window.location.href);
+    url.search = '?sin=';
+    window.history.replaceState({ path: url.href }, '', url.href);
+
+    const handler = new RestorationStateHandler({ context: 'search' });
+
+    handler.persistState(
+      {
+        selectedFacets: getDefaultSelectedFacets(),
+        searchType: SearchType.METADATA,
+      },
+      { persistMetadataSearchType: false },
+    );
+    expect(window.location.search).to.equal('');
+
+    handler.persistState(
+      {
+        selectedFacets: getDefaultSelectedFacets(),
+        searchType: SearchType.METADATA,
+      },
+      { persistMetadataSearchType: true },
+    );
+    expect(window.location.search).to.equal('?sin=MD');
+  });
+
   it('round trip load/persist should erase numbers in square brackets', async () => {
     const handler = new RestorationStateHandler({ context: 'search' });
 

package/test/tile-stats.test.ts

@@ -17,7 +17,7 @@ describe('Tile Stats', () => {
     expect(statsRowCount).to.equal(4);
   });
 
-  it('should render component with value', async () => {
+  it('should render component with values', async () => {
     const el = await fixture<TileStats>(html`
       <tile-stats
         .mediatype=${'account'}
@@ -48,9 +48,47 @@ describe('Tile Stats', () => {
       ?.textContent?.trim();
 
     expect(mediatypeStat).to.exist;
-    expect(itemStatCount).to.match(/Uploads:\s+1/);
-    expect(favoritesStatCount).to.match(/Favorites:\s+2/);
-    expect(reviewsStatCount).to.match(/Reviews:\s+3/);
+    expect(itemStatCount).to.match(/uploads:\s+1/);
+    expect(favoritesStatCount).to.match(/favorites:\s+2/);
+    expect(reviewsStatCount).to.match(/reviews:\s+3/);
+  });
+
+  it('should render component with tv clips', async () => {
+    const el = await fixture<TileStats>(html`
+      <tile-stats
+        showTvClips
+        .mediatype=${'texts'}
+        .viewCount=${1}
+        .favCount=${2}
+        .commentCount=${3}
+        .tvClipCount=${4}
+      >
+      </tile-stats>
+    `);
+
+    const statsRow = el.shadowRoot?.querySelector('#stats-row');
+
+    const mediatypeStat = statsRow?.children.item(0);
+    // get second column item in stats row
+    const itemStatCount = statsRow?.children
+      .item(1)
+      ?.querySelector('.status-text')
+      ?.textContent?.trim();
+    // get third column item in stats row
+    const favoritesStatCount = statsRow?.children
+      .item(2)
+      ?.querySelector('.status-text')
+      ?.textContent?.trim();
+    // get fourth column item in stats row
+    const clipsStatCount = statsRow?.children
+      .item(3)
+      ?.querySelector('.status-text')
+      ?.textContent?.trim();
+
+    expect(mediatypeStat).to.exist;
+    expect(itemStatCount).to.match(/views:\s+1/);
+    expect(favoritesStatCount).to.match(/favorites:\s+2/);
+    expect(clipsStatCount).to.match(/clips:\s+4/);
   });
 
   it('should render view count for non-account items', async () => {
@@ -84,9 +122,9 @@ describe('Tile Stats', () => {
       ?.textContent?.trim();
 
     expect(mediatypeStat).to.exist;
-    expect(viewStatCount).to.match(/Views:\s+4/);
-    expect(favoritesStatCount).to.match(/Favorites:\s+5/);
-    expect(reviewsStatCount).to.match(/Reviews:\s+6/);
+    expect(viewStatCount).to.match(/views:\s+4/);
+    expect(favoritesStatCount).to.match(/favorites:\s+5/);
+    expect(reviewsStatCount).to.match(/reviews:\s+6/);
   });
 
   it('handles missing counts gracefully', async () => {
@@ -115,9 +153,9 @@ describe('Tile Stats', () => {
       ?.textContent?.trim();
 
     expect(mediatypeStat).to.exist;
-    expect(viewStatCount).to.match(/Views:\s+0/);
-    expect(favoritesStatCount).to.match(/Favorites:\s+5/);
-    expect(reviewsStatCount).to.match(/Reviews:\s+6/);
+    expect(viewStatCount).to.match(/views:\s+0/);
+    expect(favoritesStatCount).to.match(/favorites:\s+5/);
+    expect(reviewsStatCount).to.match(/reviews:\s+6/);
   });
 
   it('handles missing counts gracefully for accounts', async () => {
@@ -146,8 +184,8 @@ describe('Tile Stats', () => {
       ?.textContent?.trim();
 
     expect(mediatypeStat).to.exist;
-    expect(itemStatCount).to.match(/Uploads:\s+0/);
-    expect(favoritesStatCount).to.match(/Favorites:\s+5/);
-    expect(reviewsStatCount).to.match(/Reviews:\s+6/);
+    expect(itemStatCount).to.match(/uploads:\s+0/);
+    expect(favoritesStatCount).to.match(/favorites:\s+5/);
+    expect(reviewsStatCount).to.match(/reviews:\s+6/);
   });
 });