@internetarchive/collection-browser 1.14.17-beta.5 → 1.14.18-alpha.0

package/src/tiles/tile-display-value-provider.ts

@@ -1,7 +1,8 @@
-import { nothing } from 'lit';
+import { TemplateResult, html, nothing } from 'lit';
 import { msg, str } from '@lit/localize';
 import type { SortParam } from '@internetarchive/search-service';
 import type { TileModel } from '../models';
+import { formatDate } from '../utils/format-date';
 
 /**
  * A class encapsulating shared logic for converting model values into display values
@@ -96,11 +97,28 @@ export class TileDisplayValueProvider {
    * item is specified to be a collection (default false).
    */
   itemPageUrl(
-    identifier: string,
+    identifier?: string,
     isCollection = false
   ): string | typeof nothing {
     if (!identifier || this.baseNavigationUrl == null) return nothing;
     const basePath = isCollection ? this.collectionPagePath : '/details/';
     return `${this.baseNavigationUrl}${basePath}${identifier}`;
   }
+
+  /**
+   * Produces a template for a link to a single web capture of the given URL and date
+   */
+  webArchivesCaptureLink(url: string, date: Date): TemplateResult {
+    // Convert the date into the format used to identify wayback captures (e.g., '20150102124550')
+    const captureDateStr = date
+      .toISOString()
+      .replace(/[TZ:-]/g, '')
+      .replace(/\..*/, '');
+    const captureHref = `https://web.archive.org/web/${captureDateStr}/${encodeURIComponent(
+      url
+    )}`;
+    const captureText = formatDate(date, 'long');
+
+    return html` <a href=${captureHref}> ${captureText} </a> `;
+  }
 }

package/src/utils/collapse-repeated-quotes.ts

@@ -0,0 +1,13 @@
+/**
+ * Returns the input string, but removing one set of quotes from all instances of
+ * ""clauses wrapped in two sets of quotes"". This assumes the quotes are already
+ * URL-encoded.
+ *
+ * This should be a temporary measure to address the fact that the __href__ field
+ * sometimes acquires extra quotation marks during query rewriting. Once there is a
+ * full Lucene parser in place that handles quoted queries correctly, this can likely
+ * be removed.
+ */
+export function collapseRepeatedQuotes(str?: string): string | undefined {
+  return str?.replace(/%22%22(?!%22%22)(.+?)%22%22/g, '%22$1%22');
+}

package/src/utils/log.ts

@@ -0,0 +1,16 @@
+/* eslint-disable semi */
+/**
+ * console.log() utility -- production ignores 'log()' JS calls; dev invokes 'console.log()'
+ */
+export const log =
+  window.location &&
+  (window.location.hostname === 'localhost' ||
+    window.location.host.match(/^(www|cat)-[a-z0-9]+\.archive\.org$/) ||
+    window.location.host.match(/\.code\.archive\.org$/) ||
+    window.location.host.match(/\.dev\.archive\.org$/) ||
+    window.location.host.match(/^ia-petabox-/) ||
+    window.location.host.match(/^local\.archive\.org/) ||
+    window.location.host.match(/^internetarchive\.github\.io$/))
+    ? // eslint-disable-next-line no-console
+      console.log.bind(console) // convenient, no?  Stateless function
+    : () => {};

package/src/utils/resolve-mediatype.ts

@@ -0,0 +1,26 @@
+import type { MediaType } from '@internetarchive/field-parsers';
+import type { SearchResult } from '@internetarchive/search-service';
+
+/**
+ * Returns the mediatype string for the given search result, taking into account
+ * the special `favorited_search` hit type.
+ * @param result The search result to extract a mediatype from
+ */
+export function resolveMediatype(result: SearchResult): MediaType {
+  /**
+   * hit_type == 'favorited_search' is basically a new hit_type
+   * - we are getting from PPS.
+   * - which gives response for fav- collection
+   * - having favorited items like account/collection/item etc..
+   * - as user can also favorite a search result (a search page)
+   * - so we need to have response (having fav- items and fav- search results)
+   *
+   * if backend hit_type == 'favorited_search'
+   * - let's assume a "search" as new mediatype
+   */
+  if (result?.rawMetadata?.hit_type === 'favorited_search') {
+    return 'search';
+  }
+
+  return result.mediatype?.value ?? 'data';
+}

package/test/collection-browser.test.ts

@@ -268,10 +268,7 @@ describe('Collection Browser', () => {
     expect(mockAnalyticsHandler.callLabel).to.equal('mediatype');
   });
 
-  // TODO: FIX THIS AS IT BROKE IN MAIN REFACTOR. (WEBDEV-6081 @latonv)
-  // SKIPPING FOR NOW TO GET CI GREEN.
-  // this one has placeholder type issue
-  it.skip('should render with a sort bar, facets, and infinite scroller', async () => {
+  it('should render with a sort bar, facets, and infinite scroller', async () => {
     const searchService = new MockSearchService();
 
     const el = await fixture<CollectionBrowser>(
@@ -281,6 +278,7 @@ describe('Collection Browser', () => {
 
     el.baseQuery = 'hello';
     await el.updateComplete;
+    await nextTick();
 
     const facets = el.shadowRoot?.querySelector('collection-facets');
     const sortBar = el.shadowRoot?.querySelector('sort-filter-bar');
@@ -451,6 +449,44 @@ describe('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<CollectionBrowser>(
+      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<TileDispatcher>(cellTemplate!);
+    expect(cell).to.exist;
+  });
+
+  it('emits empty results event when search fetches no results', async () => {
+    const searchService = new MockSearchService();
+    const emptyResultsSpy = sinon.spy();
+
+    const el = await fixture<CollectionBrowser>(
+      html`<collection-browser
+        .searchService=${searchService}
+        @emptyResults=${emptyResultsSpy}
+      >
+      </collection-browser>`
+    );
+
+    el.baseQuery = 'no-results';
+    await el.updateComplete;
+    await el.initialSearchComplete;
+
+    expect(emptyResultsSpy.callCount).to.equal(1);
+  });
+
   it('applies loggedin flag to tile models if needed', async () => {
     const searchService = new MockSearchService();
 
@@ -777,10 +813,7 @@ describe('Collection Browser', () => {
   it('sets sort properties when user changes sort', async () => {
     const searchService = new MockSearchService();
     const el = await fixture<CollectionBrowser>(
-      html`<collection-browser
-        .searchService=${searchService}
-        .suppressPlaceholders=${true}
-      >
+      html`<collection-browser .searchService=${searchService}>
       </collection-browser>`
     );
 
@@ -788,6 +821,7 @@ describe('Collection Browser', () => {
 
     el.baseQuery = 'foo';
     await el.updateComplete;
+    await nextTick();
 
     const sortBar = el.shadowRoot?.querySelector(
       '#content-container sort-filter-bar'
@@ -902,7 +936,7 @@ describe('Collection Browser', () => {
     el.sortDirection = 'asc';
     el.selectedCreatorFilter = 'X';
     await el.updateComplete;
-    await el.initialSearchComplete;
+    await nextTick();
 
     expect(searchService.searchParams?.query).to.equal('first-creator');
     expect(searchService.searchParams?.filters?.firstCreator?.X).to.equal(
@@ -911,18 +945,19 @@ describe('Collection Browser', () => {
 
     el.baseQuery = 'collection:foo';
     await el.updateComplete;
-    await el.initialSearchComplete;
+    await nextTick();
 
     expect(searchService.searchParams?.query).to.equal('collection:foo');
     expect(searchService.searchParams?.filters?.firstCreator).not.to.exist;
   });
 
-  // TODO: FIX THIS AS IT BROKE IN MAIN REFACTOR. (WEBDEV-6081 @latonv)
-  // SKIPPING FOR NOW TO GET CI GREEN.
-  it.skip('sets date range query when date picker selection changed', async () => {
+  it('sets date range query when date picker selection changed', async () => {
     const searchService = new MockSearchService();
     const el = await fixture<CollectionBrowser>(
-      html`<collection-browser .searchService=${searchService}>
+      html`<collection-browser
+        .searchService=${searchService}
+        .suppressPlaceholders=${true}
+      >
       </collection-browser>`
     );
 
@@ -1064,6 +1099,20 @@ describe('Collection Browser', () => {
     expect(sortBar.sortDirection).to.be.null;
   });
 
+  it('falls back to weekly views default sorting on profiles when tab not set', async () => {
+    const el = await fixture<CollectionBrowser>(
+      html`<collection-browser
+        .withinProfile=${'@foobar'}
+      ></collection-browser>`
+    );
+
+    el.applyDefaultProfileSort();
+    expect(el.defaultSortParam).to.deep.equal({
+      field: SortField.weeklyview,
+      direction: 'desc',
+    });
+  });
+
   it('uses relevance sort as default when a query is set', async () => {
     const searchService = new MockSearchService();
     const el = await fixture<CollectionBrowser>(
@@ -1130,6 +1179,7 @@ describe('Collection Browser', () => {
     // infinite scroller does exist.
     el.baseQuery = 'collection:foo';
     await el.updateComplete;
+    await nextTick();
 
     const infiniteScroller = el.shadowRoot?.querySelector(
       'infinite-scroller'
@@ -1141,10 +1191,7 @@ describe('Collection Browser', () => {
     infiniteScroller.scrollToCell = spy;
 
     await el.goToPage(1);
-
-    // TODO: FIX THIS AS IT BROKE IN MAIN REFACTOR. (WEBDEV-6081 @latonv)
-    // COMMENTING OUT FOR NOW TO GET CI GREEN.
-    // expect(spy.callCount, 'scroll to page fires once').to.equal(1);
+    expect(spy.callCount, 'scroll to page fires once').to.equal(1);
 
     infiniteScroller.scrollToCell = oldScrollToCell;
   });
@@ -1211,6 +1258,7 @@ describe('Collection Browser', () => {
     // Infinite scroller won't exist unless there's a base query
     el.baseQuery = 'collection:foo';
     await el.updateComplete;
+    await nextTick();
 
     const infiniteScroller = el.shadowRoot?.querySelector('infinite-scroller');
     (infiniteScroller as InfiniteScroller).reload = infiniteScrollerRefreshSpy;
@@ -1221,25 +1269,29 @@ describe('Collection Browser', () => {
     el.loggedIn = true;
     await el.updateComplete;
 
-    // TODO: FIX THIS AS IT BROKE IN MAIN REFACTOR. (WEBDEV-6081 @latonv)
-    // COMMENTING OUT FOR NOW TO GET CI GREEN.
-    // expect(infiniteScrollerRefreshSpy.called, 'Infinite Scroller Refresh').to.be.true;
-    // expect(infiniteScrollerRefreshSpy.callCount, 'Infinite Scroller Refresh call count').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;
 
-    // TODO: FIX THIS AS IT BROKE IN MAIN REFACTOR. (WEBDEV-6081 @latonv)
-    // COMMENTING OUT FOR NOW TO GET CI GREEN.
-    // expect(infiniteScrollerRefreshSpy.callCount, '2nd Infinite Scroller Refresh').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;
-    // TODO: FIX THIS AS IT BROKE IN MAIN REFACTOR. (WEBDEV-6081 @latonv)
-    // COMMENTING OUT FOR NOW TO GET CI GREEN.
-    // expect(infiniteScrollerRefreshSpy.callCount, '3rd Infinite Scroller Refresh').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');
@@ -1247,10 +1299,10 @@ describe('Collection Browser', () => {
 
     el.displayMode = 'list-detail';
     await el.updateComplete;
-
-    // TODO: FIX THIS AS IT BROKE IN MAIN REFACTOR. (WEBDEV-6081 @latonv)
-    // COMMENTING OUT FOR NOW TO GET CI GREEN.
-    // expect(infiniteScrollerRefreshSpy.callCount, '4th Infinite Scroller Refresh').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');
@@ -1259,18 +1311,18 @@ describe('Collection Browser', () => {
     // testing: `baseNavigationUrl`
     el.baseNavigationUrl = 'https://funtestsite.com';
     await el.updateComplete;
-
-    // TODO: FIX THIS AS IT BROKE IN MAIN REFACTOR. (WEBDEV-6081 @latonv)
-    // COMMENTING OUT FOR NOW TO GET CI GREEN.
-    // expect(infiniteScrollerRefreshSpy.callCount, '5th Infinite Scroller Refresh').to.equal(5);
+    expect(
+      infiniteScrollerRefreshSpy.callCount,
+      '5th Infinite Scroller Refresh'
+    ).to.equal(5);
 
     // testing: `baseImageUrl`
     el.baseImageUrl = 'https://funtestsiteforimages.com';
     await el.updateComplete;
-
-    // TODO: FIX THIS AS IT BROKE IN MAIN REFACTOR. (WEBDEV-6081 @latonv)
-    // COMMENTING OUT FOR NOW TO GET CI GREEN.
-    // expect(infiniteScrollerRefreshSpy.callCount, '6th Infinite Scroller Refresh').to.equal(6);
+    expect(
+      infiniteScrollerRefreshSpy.callCount,
+      '6th Infinite Scroller Refresh'
+    ).to.equal(6);
   });
 
   it('query the search service for single result', async () => {
@@ -1372,6 +1424,40 @@ describe('Collection Browser', () => {
     expect(el.maxSelectedDate).to.equal('2010');
   });
 
+  it('respects the initial set of URL parameters within a profile page', async () => {
+    const url = new URL(window.location.href);
+    const { searchParams } = url;
+    searchParams.set('query', 'foo');
+    searchParams.append('not[]', 'mediatype:"data"');
+    searchParams.append('and[]', 'subject:"baz"');
+    searchParams.append('and[]', 'firstTitle:X');
+    searchParams.append('and[]', 'year:[2000 TO 2010]');
+    window.history.replaceState({}, '', url);
+
+    const searchService = new MockSearchService();
+    const el = await fixture<CollectionBrowser>(
+      html`<collection-browser
+        .searchService=${searchService}
+        .withinProfile=${'@foobar'}
+        .profileElement=${'uploads'}
+      >
+      </collection-browser>`
+    );
+
+    await el.initialSearchComplete;
+    await el.updateComplete;
+
+    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.selectedFacets?.mediatype?.data?.state).to.equal('hidden');
+    expect(el.selectedFacets?.subject?.baz?.state).to.equal('selected');
+    expect(el.selectedTitleFilter).to.equal('X');
+    expect(el.minSelectedDate).to.equal('2000');
+    expect(el.maxSelectedDate).to.equal('2010');
+  });
+
   it('clears filters except sort when query changes for a general search', async () => {
     const url = new URL(window.location.href);
     const { searchParams } = url;
@@ -1427,9 +1513,6 @@ describe('Collection Browser', () => {
       </collection-browser>`
     );
 
-    await el.initialSearchComplete;
-    await el.updateComplete;
-
     el.baseQuery = 'bar';
     await el.updateComplete;
 
@@ -1465,9 +1548,6 @@ describe('Collection Browser', () => {
       </collection-browser>`
     );
 
-    await el.initialSearchComplete;
-    await el.updateComplete;
-
     el.withinCollection = 'bar';
     await el.updateComplete;
 
@@ -1482,6 +1562,37 @@ describe('Collection Browser', () => {
     expect(el.maxSelectedDate).not.to.exist;
   });
 
+  it('correctly retrieves web archive hits', async () => {
+    const searchService = new MockSearchService();
+    const el = await fixture<CollectionBrowser>(
+      html`<collection-browser
+        .searchService=${searchService}
+        .withinProfile=${'@foo'}
+        .profileElement=${'web_archives'}
+      >
+      </collection-browser>`
+    );
+
+    el.baseQuery = 'web-archive';
+    await el.updateComplete;
+    await el.initialSearchComplete;
+    await nextTick();
+
+    console.log(
+      '\n\n*****\n\n*****\n\n',
+      el.dataSource.getAllPages(),
+      '\n\n*****\n\n*****\n\n'
+    );
+    expect(el.dataSource.totalResults, 'total results').to.equal(1);
+    expect(el.dataSource.getTileModelAt(0)?.title).to.equal(
+      'https://example.com'
+    );
+    expect(
+      el.dataSource.getTileModelAt(0)?.captureDates?.length,
+      'capture dates'
+    ).to.equal(1);
+  });
+
   it('shows temporarily unavailable message when facets suppressed', async () => {
     const searchService = new MockSearchService();
     const el = await fixture<CollectionBrowser>(
@@ -1594,10 +1705,10 @@ describe('Collection Browser', () => {
       ?.querySelector('infinite-scroller')!
       .shadowRoot?.querySelectorAll('tile-dispatcher');
     expect(tiles).to.exist;
-
-    // TODO: FIX THIS AS IT BROKE IN MAIN REFACTOR. (WEBDEV-6081 @latonv)
-    // COMMENTING OUT FOR NOW TO GET CI GREEN.
-    // expect(tiles!.length, 'tile count after `el.removeCheckedTiles()`').to.equal(1);
+    expect(
+      tiles!.length,
+      'tile count after `el.removeCheckedTiles()`'
+    ).to.equal(1);
   });
 
   it('can check/uncheck all tiles', async () => {

package/test/collection-facets/more-facets-content.test.ts

@@ -80,10 +80,12 @@ describe('More facets content', () => {
     );
 
     el.facetKey = 'collection';
-    el.query = 'title:hello';
+    el.query = 'collection-aggregations';
     await el.updateComplete;
 
-    expect(searchService.searchParams?.query).to.equal('title:hello');
+    expect(searchService.searchParams?.query).to.equal(
+      'collection-aggregations'
+    );
   });
 
   it('queries for more facets using search service within a collection (no query)', async () => {

package/test/collection-facets.test.ts

@@ -788,6 +788,11 @@ describe('Collection Facets', () => {
         .baseNavigationUrl=${''}
         .withinCollection=${'foo'}
         .parentCollections=${['bar', 'baz']}
+        .collectionTitles=${new Map([
+          ['foo', 'foo-name'],
+          ['bar', 'bar-name'],
+          ['baz', 'baz-name'],
+        ])}
       ></collection-facets>`
     );
 

package/test/data-source/collection-browser-data-source.test.ts

@@ -0,0 +1,103 @@
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import sinon from 'sinon';
+import { ItemHit, SearchType } from '@internetarchive/search-service';
+import { CollectionBrowserDataSource } from '../../src/data-source/collection-browser-data-source';
+import { TileModel } from '../../src/models';
+import type { CollectionBrowser } from '../../src/collection-browser';
+import '../../src/collection-browser';
+import { MockSearchService } from '../mocks/mock-search-service';
+
+const dataPage: TileModel[] = [
+  new TileModel(
+    new ItemHit({
+      fields: {
+        identifier: 'foo',
+      },
+    })
+  ),
+  new TileModel(
+    new ItemHit({
+      fields: {
+        identifier: 'bar',
+      },
+    })
+  ),
+];
+
+describe('Collection Browser Data Source', () => {
+  let host: CollectionBrowser;
+
+  beforeEach(async () => {
+    host = await fixture<CollectionBrowser>(html`
+      <collection-browser></collection-browser>
+    `);
+  });
+
+  it('can add and retrieve data pages', () => {
+    const dataSource = new CollectionBrowserDataSource(host);
+    dataSource.addPage(1, dataPage);
+
+    expect(Object.keys(dataSource.getAllPages()).length).to.equal(1);
+    expect(dataSource.getPage(1).length).to.equal(2);
+    expect(dataSource.getPage(1)[0].identifier).to.equal('foo');
+    expect(dataSource.getPage(1)[1].identifier).to.equal('bar');
+  });
+
+  it('resets data when changing page size', () => {
+    const dataSource = new CollectionBrowserDataSource(host);
+    dataSource.addPage(1, dataPage);
+
+    dataSource.setPageSize(100);
+    expect(Object.keys(dataSource.getAllPages()).length).to.equal(0);
+    expect(dataSource.getPageSize()).to.equal(100);
+  });
+
+  it('can be installed on the host', async () => {
+    const dataSource = new CollectionBrowserDataSource(host);
+    dataSource.addPage(1, dataPage);
+
+    host.installDataSourceAndQueryState(dataSource, {
+      searchType: SearchType.METADATA,
+      sortDirection: null,
+      selectedTitleFilter: null,
+      selectedCreatorFilter: null,
+      baseQuery: 'foobar',
+    });
+
+    await host.updateComplete;
+
+    expect(host.dataSource).to.equal(dataSource);
+    expect(host.baseQuery).to.equal('foobar');
+
+    host.removeController(dataSource);
+  });
+
+  it('can suppress further fetches', async () => {
+    host.searchService = new MockSearchService();
+
+    const pageFetchSpy = sinon.spy();
+    const dataSource = new CollectionBrowserDataSource(host);
+    dataSource.fetchPage = pageFetchSpy;
+
+    dataSource.addPage(1, dataPage);
+    dataSource.setFetchesSuppressed(true);
+    dataSource.handleQueryChange();
+
+    expect(pageFetchSpy.callCount).to.equal(0);
+  });
+
+  it('refreshes prefix filter counts', () => {
+    const dataSource = new CollectionBrowserDataSource(host);
+    dataSource.addPage(1, dataPage);
+
+    dataSource.prefixFilterCountMap = {
+      title: {
+        X: 10,
+      },
+    };
+
+    dataSource.refreshLetterCounts();
+    expect(dataSource.prefixFilterCountMap).to.deep.equal({});
+  });
+});

package/test/item-image.test.ts

@@ -2,47 +2,45 @@
 import { expect, fixture } from '@open-wc/testing';
 import { html } from 'lit';
 
-import type { TileModel } from '../src/models';
+import { TileModel } from '../src/models';
 import type { ItemImage } from '../src/tiles/item-image';
 
 import '../src/tiles/item-image';
 
 const baseImageUrl = 'https://archive.org';
-const testBookModel: TileModel = {
-  checked: false,
-  collections: [],
-  commentCount: 0,
-  creators: [],
-  favCount: 0,
-  identifier: '18730130BloomfieldRecordCompleteIssue',
-  itemCount: 0,
-  mediatype: 'texts',
-  subjects: [],
-  title: 'Sample Waveform',
-  viewCount: 0,
-  loginRequired: false,
-  contentWarning: false,
-  collectionFilesCount: 0,
-  collectionSize: 0,
-};
-
-const testAudioModel: TileModel = {
-  checked: false,
-  collections: [],
-  commentCount: 0,
-  creators: [],
-  favCount: 0,
-  identifier: 'dwd2015-01-24',
-  itemCount: 0,
-  mediatype: 'audio',
-  subjects: [],
-  title: 'Sample Waveform',
-  viewCount: 0,
-  loginRequired: false,
-  contentWarning: false,
-  collectionFilesCount: 0,
-  collectionSize: 0,
-};
+const testBookModel: TileModel = new TileModel({});
+testBookModel.checked = false;
+testBookModel.collections = [];
+testBookModel.commentCount = 0;
+testBookModel.creators = [];
+testBookModel.favCount = 0;
+testBookModel.identifier = '18730130BloomfieldRecordCompleteIssue';
+testBookModel.itemCount = 0;
+testBookModel.mediatype = 'texts';
+testBookModel.subjects = [];
+testBookModel.title = 'Sample Waveform';
+testBookModel.viewCount = 0;
+testBookModel.loginRequired = false;
+testBookModel.contentWarning = false;
+testBookModel.collectionFilesCount = 0;
+testBookModel.collectionSize = 0;
+
+const testAudioModel: TileModel = new TileModel({});
+testAudioModel.checked = false;
+testAudioModel.collections = [];
+testAudioModel.commentCount = 0;
+testAudioModel.creators = [];
+testAudioModel.favCount = 0;
+testAudioModel.identifier = 'dwd2015-01-24';
+testAudioModel.itemCount = 0;
+testAudioModel.mediatype = 'audio';
+testAudioModel.subjects = [];
+testAudioModel.title = 'Sample Waveform';
+testAudioModel.viewCount = 0;
+testAudioModel.loginRequired = false;
+testAudioModel.contentWarning = false;
+testAudioModel.collectionFilesCount = 0;
+testAudioModel.collectionSize = 0;
 
 describe('ItemImage component', () => {
   it('should render initial component', async () => {