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

package/dist/test/tiles/list/tile-list.test.js

@@ -3,259 +3,241 @@ import { html } from 'lit';
 import '../../../src/tiles/list/tile-list';
 describe('List Tile', () => {
     it('should render initial component', async () => {
-        var _a, _b, _c;
         const el = await fixture(html `<tile-list .model=${{}}></tile-list>`);
-        const listContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#list-line');
-        const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
-        const imageBlock = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('image-block');
+        const listContainer = el.shadowRoot?.querySelector('#list-line');
+        const itemTitle = el.shadowRoot?.querySelector('#title');
+        const imageBlock = el.shadowRoot?.querySelector('image-block');
         expect(listContainer).to.exist;
         expect(itemTitle).to.exist;
         expect(imageBlock).to.exist;
     });
     it('should render the mobile template if below mobile breakpoint', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `
-      <tile-list .mobileBreakpoint=${500} .currentWidth=${400}> </tile-list>
+        const el = await fixture(html `
+      <tile-list .mobileBreakpoint=${500} .currentWidth=${400}> </tile-list>
     `);
-        const listContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('list-line');
-        const topLine = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('list-line-top');
-        const bottomLine = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('list-line-bottom');
+        const listContainer = el.shadowRoot?.getElementById('list-line');
+        const topLine = el.shadowRoot?.getElementById('list-line-top');
+        const bottomLine = el.shadowRoot?.getElementById('list-line-bottom');
         expect(listContainer).to.exist;
-        expect(listContainer === null || listContainer === void 0 ? void 0 : listContainer.classList.contains('mobile')).to.be.true;
+        expect(listContainer?.classList.contains('mobile')).to.be.true;
         expect(topLine).to.exist;
         expect(bottomLine).to.exist;
     });
     it('should render title link with model href if provided', async () => {
-        var _a;
-        const el = await fixture(html `
-      <tile-list
-        .baseNavigationUrl=${''}
-        .model=${{ title: 'foo', href: '/foo/bar' }}
-      ></tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .baseNavigationUrl=${''}
+        .model=${{ title: 'foo', href: '/foo/bar' }}
+      ></tile-list>
     `);
-        const title = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#title > a');
+        const title = el.shadowRoot?.querySelector('#title > a');
         expect(title).to.exist;
-        expect(title === null || title === void 0 ? void 0 : title.getAttribute('href')).to.equal('/foo/bar');
+        expect(title?.getAttribute('href')).to.equal('/foo/bar');
     });
     it('should add title to image link if provided', async () => {
-        var _a;
-        const el = await fixture(html `
-      <tile-list
-        .baseNavigationUrl=${''}
-        .model=${{ title: 'foo', href: '/foo/bar' }}
-      ></tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .baseNavigationUrl=${''}
+        .model=${{ title: 'foo', href: '/foo/bar' }}
+      ></tile-list>
     `);
-        const imageLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#image-link');
+        const imageLink = el.shadowRoot?.querySelector('#image-link');
         expect(imageLink).to.exist;
-        expect(imageLink === null || imageLink === void 0 ? void 0 : imageLink.getAttribute('title')).to.equal('View foo');
+        expect(imageLink?.getAttribute('title')).to.equal('View foo');
     });
     it('should render with creator element but not dates', async () => {
-        var _a, _b;
-        const el = await fixture(html `
-      <tile-list .model=${{ creators: ['someone'] }}></tile-list>
+        const el = await fixture(html `
+      <tile-list .model=${{ creators: ['someone'] }}></tile-list>
     `);
-        const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#creator');
-        const datesLine = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#dates-line');
+        const creator = el.shadowRoot?.querySelector('#creator');
+        const datesLine = el.shadowRoot?.querySelector('#dates-line');
         expect(creator).to.exist;
-        expect(datesLine === null || datesLine === void 0 ? void 0 : datesLine.children.length).to.equal(0);
+        expect(datesLine?.children.length).to.equal(0);
     });
     it('should render with snippet block when it has snippets', async () => {
-        var _a;
-        const el = await fixture(html `
-      <tile-list .model=${{ snippets: ['some {{{snippet}}} text'] }}>
-      </tile-list>
+        const el = await fixture(html `
+      <tile-list .model=${{ snippets: ['some {{{snippet}}} text'] }}>
+      </tile-list>
     `);
-        const snippetBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-snippet-block');
+        const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');
         expect(snippetBlock).to.exist;
     });
     it('should not render snippet block when no snippets are present', async () => {
-        var _a;
         const el = await fixture(html `<tile-list></tile-list>`);
-        const snippetBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-snippet-block');
+        const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');
         expect(snippetBlock).to.not.exist;
     });
     it('should not render suppressed collections', async () => {
-        var _a;
-        const el = await fixture(html `
-      <tile-list
-        .model=${{ collections: ['deemphasize', 'community', 'foo'] }}
-        .baseNavigationUrl=${'base'}
-      >
-      </tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .model=${{ collections: ['deemphasize', 'community', 'foo'] }}
+        .baseNavigationUrl=${'base'}
+      >
+      </tile-list>
     `);
-        const collectionsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('collections');
+        const collectionsRow = el.shadowRoot?.getElementById('collections');
         expect(collectionsRow).to.exist;
-        const collectionLinks = collectionsRow === null || collectionsRow === void 0 ? void 0 : collectionsRow.querySelectorAll('a[href]');
-        expect(collectionLinks === null || collectionLinks === void 0 ? void 0 : collectionLinks.length).to.equal(1);
-        expect(collectionLinks === null || collectionLinks === void 0 ? void 0 : collectionLinks.item(0).getAttribute('href')).to.equal('base/details/foo');
+        const collectionLinks = collectionsRow?.querySelectorAll('a[href]');
+        expect(collectionLinks?.length).to.equal(1);
+        expect(collectionLinks?.item(0).getAttribute('href')).to.equal('base/details/foo');
     });
     it('should not render fav- collections', async () => {
-        var _a;
-        const el = await fixture(html `
-      <tile-list
-        .model=${{ collections: ['fav-foo', 'bar'] }}
-        .baseNavigationUrl=${'base'}
-      >
-      </tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .model=${{ collections: ['fav-foo', 'bar'] }}
+        .baseNavigationUrl=${'base'}
+      >
+      </tile-list>
     `);
-        const collectionsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('collections');
+        const collectionsRow = el.shadowRoot?.getElementById('collections');
         expect(collectionsRow).to.exist;
-        const collectionLinks = collectionsRow === null || collectionsRow === void 0 ? void 0 : collectionsRow.querySelectorAll('a[href]');
-        expect(collectionLinks === null || collectionLinks === void 0 ? void 0 : collectionLinks.length).to.equal(1);
-        expect(collectionLinks === null || collectionLinks === void 0 ? void 0 : collectionLinks.item(0).getAttribute('href')).to.equal('base/details/bar');
+        const collectionLinks = collectionsRow?.querySelectorAll('a[href]');
+        expect(collectionLinks?.length).to.equal(1);
+        expect(collectionLinks?.item(0).getAttribute('href')).to.equal('base/details/bar');
     });
     it('should render weekly views when sorting by week', async () => {
-        var _a, _b;
-        const el = await fixture(html `
-      <tile-list
-        .model=${{ viewCount: 50, weeklyViewCount: 10 }}
-        .sortParam=${{ field: 'week', direction: 'desc' }}
-      >
-      </tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .model=${{ viewCount: 50, weeklyViewCount: 10 }}
+        .sortParam=${{ field: 'week', direction: 'desc' }}
+      >
+      </tile-list>
     `);
-        const viewsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views-line');
+        const viewsRow = el.shadowRoot?.getElementById('views-line');
         expect(viewsRow).to.exist;
-        expect((_b = viewsRow === null || viewsRow === void 0 ? void 0 : viewsRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Views:  10');
+        expect(viewsRow?.textContent?.trim()).to.equal('Views:  10');
     });
     it('should render published date when sorting by it', async () => {
-        var _a, _b;
         const model = {
             dateAdded: new Date(2010, 0, 2),
             dateArchived: new Date(2011, 0, 2),
             datePublished: new Date(2012, 0, 2),
             dateReviewed: new Date(2013, 0, 2),
         };
-        const el = await fixture(html `
-      <tile-list
-        .model=${model}
-        .sortParam=${{ field: 'date', direction: 'desc' }}
-      >
-      </tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </tile-list>
     `);
-        const dateRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dates-line');
+        const dateRow = el.shadowRoot?.getElementById('dates-line');
         expect(dateRow).to.exist;
-        expect((_b = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain('Published:  Jan 02, 2012');
+        expect(dateRow?.textContent?.trim()).to.contain('Published:  Jan 02, 2012');
     });
     it('should render added date when sorting by it', async () => {
-        var _a, _b;
         const model = {
             dateAdded: new Date(2010, 0, 2),
             dateArchived: new Date(2011, 0, 2),
             datePublished: new Date(2012, 0, 2),
             dateReviewed: new Date(2013, 0, 2),
         };
-        const el = await fixture(html `
-      <tile-list
-        .model=${model}
-        .sortParam=${{ field: 'addeddate', direction: 'desc' }}
-      >
-      </tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .model=${model}
+        .sortParam=${{ field: 'addeddate', direction: 'desc' }}
+      >
+      </tile-list>
     `);
-        const dateRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dates-line');
+        const dateRow = el.shadowRoot?.getElementById('dates-line');
         expect(dateRow).to.exist;
-        expect((_b = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain('Added:  Jan 02, 2010');
+        expect(dateRow?.textContent?.trim()).to.contain('Added:  Jan 02, 2010');
     });
     it('should render archived date when sorting by it', async () => {
-        var _a, _b;
         const model = {
             dateAdded: new Date(2010, 0, 2),
             dateArchived: new Date(2011, 0, 2),
             datePublished: new Date(2012, 0, 2),
             dateReviewed: new Date(2013, 0, 2),
         };
-        const el = await fixture(html `
-      <tile-list
-        .model=${model}
-        .sortParam=${{ field: 'publicdate', direction: 'desc' }}
-      >
-      </tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .model=${model}
+        .sortParam=${{ field: 'publicdate', direction: 'desc' }}
+      >
+      </tile-list>
     `);
-        const dateRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dates-line');
+        const dateRow = el.shadowRoot?.getElementById('dates-line');
         expect(dateRow).to.exist;
-        expect((_b = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain('Archived:  Jan 02, 2011');
+        expect(dateRow?.textContent?.trim()).to.contain('Archived:  Jan 02, 2011');
     });
     it('should render reviewed date when sorting by it', async () => {
-        var _a, _b;
         const model = {
             dateAdded: new Date(2010, 0, 2),
             dateArchived: new Date(2011, 0, 2),
             datePublished: new Date(2012, 0, 2),
             dateReviewed: new Date(2013, 0, 2),
         };
-        const el = await fixture(html `
-      <tile-list
-        .model=${model}
-        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}
-      >
-      </tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .model=${model}
+        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}
+      >
+      </tile-list>
     `);
-        const dateRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dates-line');
+        const dateRow = el.shadowRoot?.getElementById('dates-line');
         expect(dateRow).to.exist;
-        expect((_b = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain('Reviewed:  Jan 02, 2013');
+        expect(dateRow?.textContent?.trim()).to.contain('Reviewed:  Jan 02, 2013');
     });
     it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {
-        var _a, _b;
         const model = {
             datePublished: new Date('2012-01-01T00:00:00Z'),
         };
-        const el = await fixture(html `
-      <tile-list
-        .model=${model}
-        .sortParam=${{ field: 'date', direction: 'desc' }}
-      >
-      </tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </tile-list>
     `);
-        const dateRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dates-line');
+        const dateRow = el.shadowRoot?.getElementById('dates-line');
         expect(dateRow).to.exist;
-        expect((_b = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain('Published:  2012');
+        expect(dateRow?.textContent?.trim()).to.contain('Published:  2012');
     });
     it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {
-        var _a, _b, _c, _d, _e, _f;
         const model = {
             dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),
             dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),
             datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
             dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),
         };
-        const el = await fixture(html `
-      <tile-list
-        .model=${model}
-        .sortParam=${{ field: 'addeddate', direction: 'desc' }}
-      >
-      </tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .model=${model}
+        .sortParam=${{ field: 'addeddate', direction: 'desc' }}
+      >
+      </tile-list>
     `);
-        let dateRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dates-line');
+        let dateRow = el.shadowRoot?.getElementById('dates-line');
         expect(dateRow).to.exist;
-        expect((_b = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain('Added:  Jan 01, 2010');
+        expect(dateRow?.textContent?.trim()).to.contain('Added:  Jan 01, 2010');
         el.sortParam = { field: 'publicdate', direction: 'desc' };
         await el.updateComplete;
-        dateRow = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('dates-line');
+        dateRow = el.shadowRoot?.getElementById('dates-line');
         expect(dateRow).to.exist;
-        expect((_d = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.contain('Archived:  Jan 01, 2011');
+        expect(dateRow?.textContent?.trim()).to.contain('Archived:  Jan 01, 2011');
         el.sortParam = { field: 'reviewdate', direction: 'desc' };
         await el.updateComplete;
-        dateRow = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.getElementById('dates-line');
+        dateRow = el.shadowRoot?.getElementById('dates-line');
         expect(dateRow).to.exist;
-        expect((_f = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.contain('Reviewed:  Jan 01, 2013');
+        expect(dateRow?.textContent?.trim()).to.contain('Reviewed:  Jan 01, 2013');
     });
     it('should display dates in UTC time zone by default', async () => {
-        var _a, _b;
         const model = {
             datePublished: new Date('2012-02-15T00:00:00Z'),
         };
-        const el = await fixture(html `
-      <tile-list
-        .model=${model}
-        .sortParam=${{ field: 'date', direction: 'desc' }}
-      >
-      </tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </tile-list>
     `);
-        const dateRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dates-line');
+        const dateRow = el.shadowRoot?.getElementById('dates-line');
         expect(dateRow).to.exist;
-        expect((_b = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain('Published:  Feb 15, 2012');
+        expect(dateRow?.textContent?.trim()).to.contain('Published:  Feb 15, 2012');
     });
     it('should display dates in local time when useLocalTime option is true', async () => {
-        var _a, _b;
         // Expected behavior depends on the time zone offset where the testing occurs
         const offset = new Date().getTimezoneOffset();
         let datePublished, expected;
@@ -277,192 +259,181 @@ describe('List Tile', () => {
         const model = {
             datePublished,
         };
-        const el = await fixture(html `
-      <tile-list
-        useLocalTime
-        .model=${model}
-        .sortParam=${{ field: 'date', direction: 'desc' }}
-      >
-      </tile-list>
+        const el = await fixture(html `
+      <tile-list
+        useLocalTime
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </tile-list>
     `);
-        const dateRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dates-line');
+        const dateRow = el.shadowRoot?.getElementById('dates-line');
         expect(dateRow).to.exist;
-        expect((_b = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain(expected);
+        expect(dateRow?.textContent?.trim()).to.contain(expected);
     });
     it('should render links to /search pages (not search.php) for subject, creator, and source', async () => {
-        var _a, _b, _c;
         const model = {
             subjects: ['foo'],
             creators: ['bar'],
             source: 'baz',
         };
-        const el = await fixture(html `
-      <tile-list .model=${model}></tile-list>
+        const el = await fixture(html `
+      <tile-list .model=${model}></tile-list>
     `);
-        const subjectLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#topics a[href]');
+        const subjectLink = el.shadowRoot?.querySelector('#topics a[href]');
         expect(subjectLink).to.exist;
-        expect(subjectLink === null || subjectLink === void 0 ? void 0 : subjectLink.getAttribute('href')).to.equal(`/search?query=${encodeURIComponent('subject:"foo"')}`);
-        const creatorLink = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#creator a[href]');
+        expect(subjectLink?.getAttribute('href')).to.equal(`/search?query=${encodeURIComponent('subject:"foo"')}`);
+        const creatorLink = el.shadowRoot?.querySelector('#creator a[href]');
         expect(creatorLink).to.exist;
-        expect(creatorLink === null || creatorLink === void 0 ? void 0 : creatorLink.getAttribute('href')).to.equal(`/search?query=${encodeURIComponent('creator:"bar"')}`);
-        const sourceLink = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#source a[href]');
+        expect(creatorLink?.getAttribute('href')).to.equal(`/search?query=${encodeURIComponent('creator:"bar"')}`);
+        const sourceLink = el.shadowRoot?.querySelector('#source a[href]');
         expect(sourceLink).to.exist;
-        expect(sourceLink === null || sourceLink === void 0 ? void 0 : sourceLink.getAttribute('href')).to.equal(`/search?query=${encodeURIComponent('source:"baz"')}`);
+        expect(sourceLink?.getAttribute('href')).to.equal(`/search?query=${encodeURIComponent('source:"baz"')}`);
     });
     it('should render multi-line descriptions with spaces b/w lines', async () => {
-        var _a, _b;
-        const el = await fixture(html `
-      <tile-list .model=${{ description: 'line1\nline2' }}> </tile-list>
+        const el = await fixture(html `
+      <tile-list .model=${{ description: 'line1\nline2' }}> </tile-list>
     `);
-        const descriptionBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('description');
+        const descriptionBlock = el.shadowRoot?.getElementById('description');
         expect(descriptionBlock).to.exist;
-        expect((_b = descriptionBlock === null || descriptionBlock === void 0 ? void 0 : descriptionBlock.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('line1 line2'); // line break replaced by space
+        expect(descriptionBlock?.textContent?.trim()).to.equal('line1 line2'); // line break replaced by space
     });
     it('should render mediatype icon as link to corresponding mediatype collection details', async () => {
-        var _a;
         const model = {
             mediatype: 'texts',
         };
-        const el = await fixture(html `
-      <tile-list
-        .baseNavigationUrl=${'https://archive.org'}
-        .model=${model}
-      ></tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .baseNavigationUrl=${'https://archive.org'}
+        .model=${model}
+      ></tile-list>
     `);
-        const mediatypeLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('a#icon-right');
+        const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');
         expect(mediatypeLink).to.exist;
-        expect(mediatypeLink === null || mediatypeLink === void 0 ? void 0 : mediatypeLink.getAttribute('href')).to.equal(`https://archive.org/details/texts`);
-        expect(mediatypeLink === null || mediatypeLink === void 0 ? void 0 : mediatypeLink.getAttribute('title')).to.equal('See more: texts');
+        expect(mediatypeLink?.getAttribute('href')).to.equal(`https://archive.org/details/texts`);
+        expect(mediatypeLink?.getAttribute('title')).to.equal('See more: texts');
     });
     it('should render mediatype icon as link even with empty baseNavigationUrl', async () => {
-        var _a;
         const model = {
             mediatype: 'texts',
         };
-        const el = await fixture(html `
-      <tile-list .baseNavigationUrl=${''} .model=${model}></tile-list>
+        const el = await fixture(html `
+      <tile-list .baseNavigationUrl=${''} .model=${model}></tile-list>
     `);
-        const mediatypeLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('a#icon-right');
+        const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');
         expect(mediatypeLink).to.exist;
-        expect(mediatypeLink === null || mediatypeLink === void 0 ? void 0 : mediatypeLink.getAttribute('href')).to.equal(`/details/texts`);
+        expect(mediatypeLink?.getAttribute('href')).to.equal(`/details/texts`);
     });
     it('should render collection mediatype icon as link to search page', async () => {
-        var _a;
         const model = {
             mediatype: 'collection',
         };
-        const el = await fixture(html `
-      <tile-list
-        .baseNavigationUrl=${'https://archive.org'}
-        .model=${model}
-      ></tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .baseNavigationUrl=${'https://archive.org'}
+        .model=${model}
+      ></tile-list>
     `);
-        const mediatypeLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('a#icon-right');
+        const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');
         expect(mediatypeLink).to.exist;
-        expect(mediatypeLink === null || mediatypeLink === void 0 ? void 0 : mediatypeLink.getAttribute('href')).to.equal(`https://archive.org/search?query=mediatype:collection&sort=-downloads`);
+        expect(mediatypeLink?.getAttribute('href')).to.equal(`https://archive.org/search?query=mediatype:collection&sort=-downloads`);
     });
     it('should not render account mediatype icon as link', async () => {
-        var _a;
         const model = {
             mediatype: 'account',
         };
-        const el = await fixture(html `
-      <tile-list
-        .baseNavigationUrl=${'https://archive.org'}
-        .model=${model}
-      ></tile-list>
+        const el = await fixture(html `
+      <tile-list
+        .baseNavigationUrl=${'https://archive.org'}
+        .model=${model}
+      ></tile-list>
     `);
-        const mediatypeLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('a#icon-right');
+        const mediatypeLink = el.shadowRoot?.querySelector('a#icon-right');
         expect(mediatypeLink).to.exist;
-        expect(mediatypeLink === null || mediatypeLink === void 0 ? void 0 : mediatypeLink.getAttribute('href')).not.to.exist;
+        expect(mediatypeLink?.getAttribute('href')).not.to.exist;
     });
     it('should render date added for accounts', async () => {
-        var _a, _b;
-        const el = await fixture(html `
-      <tile-list
+        const el = await fixture(html `
+      <tile-list
         .model=${{
             mediatype: 'account',
             dateAdded: new Date('2015-05-05T00:00:00'),
-        }}
-      >
-      </tile-list>
+        }}
+      >
+      </tile-list>
     `);
-        const creatorBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('creator');
+        const creatorBlock = el.shadowRoot?.getElementById('creator');
         expect(creatorBlock).to.exist;
-        expect((_b = creatorBlock === null || creatorBlock === void 0 ? void 0 : creatorBlock.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Archivist since 2015');
+        expect(creatorBlock?.textContent?.trim()).to.equal('Archivist since 2015');
     });
     it('should render web capture date links if present', async () => {
-        var _a, _b, _c, _d, _e;
         const captureDates = [
             new Date('2010-01-02T12:34:56Z'),
             new Date('2011-02-03T12:43:21Z'),
         ];
-        const el = await fixture(html `
-      <tile-list
+        const el = await fixture(html `
+      <tile-list
         .model=${{
             identifier: 'foo',
             title: 'https://example.com/',
             captureDates,
-        }}
-      ></tile-list>
+        }}
+      ></tile-list>
     `);
-        const captureDatesUl = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.capture-dates');
+        const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');
         expect(captureDatesUl, 'capture dates container').to.exist;
-        expect(captureDatesUl === null || captureDatesUl === void 0 ? void 0 : captureDatesUl.children.length).to.equal(2);
-        const firstDateLink = (_b = captureDatesUl === null || captureDatesUl === void 0 ? void 0 : captureDatesUl.children[0]) === null || _b === void 0 ? void 0 : _b.querySelector('a[href]');
+        expect(captureDatesUl?.children.length).to.equal(2);
+        const firstDateLink = captureDatesUl?.children[0]?.querySelector('a[href]');
         expect(firstDateLink, 'first date link').to.exist;
-        expect(firstDateLink === null || firstDateLink === void 0 ? void 0 : firstDateLink.getAttribute('href')).to.equal('https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F');
-        expect((_c = firstDateLink === null || firstDateLink === void 0 ? void 0 : firstDateLink.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('Jan 02, 2010');
-        const secondDateLink = (_d = captureDatesUl === null || captureDatesUl === void 0 ? void 0 : captureDatesUl.children[1]) === null || _d === void 0 ? void 0 : _d.querySelector('a[href]');
+        expect(firstDateLink?.getAttribute('href')).to.equal('https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F');
+        expect(firstDateLink?.textContent?.trim()).to.equal('Jan 02, 2010');
+        const secondDateLink = captureDatesUl?.children[1]?.querySelector('a[href]');
         expect(secondDateLink, 'second date link').to.exist;
-        expect(secondDateLink === null || secondDateLink === void 0 ? void 0 : secondDateLink.getAttribute('href')).to.equal('https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F');
-        expect((_e = secondDateLink === null || secondDateLink === void 0 ? void 0 : secondDateLink.textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.equal('Feb 03, 2011');
+        expect(secondDateLink?.getAttribute('href')).to.equal('https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F');
+        expect(secondDateLink?.textContent?.trim()).to.equal('Feb 03, 2011');
     });
     it('should not render web captures if no title is present', async () => {
-        var _a;
         const captureDates = [
             new Date('2010-01-02T12:34:56Z'),
             new Date('2011-02-03T12:43:21Z'),
         ];
-        const el = await fixture(html `
-      <tile-list
+        const el = await fixture(html `
+      <tile-list
         .model=${{
             identifier: 'foo',
             captureDates,
-        }}
-      ></tile-list>
+        }}
+      ></tile-list>
     `);
-        const captureDatesUl = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.capture-dates');
+        const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');
         expect(captureDatesUl).not.to.exist;
     });
     it('should render review snippet if present', async () => {
-        var _a;
         const review = {
             title: 'Foo',
             body: 'foo bar baz',
             stars: 3,
         };
-        const el = await fixture(html `
-      <tile-list
+        const el = await fixture(html `
+      <tile-list
         .model=${{
             identifier: 'foo',
             review,
-        }}
-      ></tile-list>
+        }}
+      ></tile-list>
     `);
-        const reviewBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('review-block');
+        const reviewBlock = el.shadowRoot?.querySelector('review-block');
         expect(reviewBlock).to.exist;
     });
     it('should not render review snippet block when no review is present', async () => {
-        var _a;
-        const el = await fixture(html `
-      <tile-list
+        const el = await fixture(html `
+      <tile-list
         .model=${{
             identifier: 'foo',
-        }}
-      ></tile-list>
+        }}
+      ></tile-list>
     `);
-        const reviewBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('review-block');
+        const reviewBlock = el.shadowRoot?.querySelector('review-block');
         expect(reviewBlock).not.to.exist;
     });
 });