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

package/dist/test/tiles/grid/item-tile.test.js

@@ -4,13 +4,12 @@ import { html } from 'lit';
 import '../../../src/tiles/grid/item-tile';
 describe('Item Tile', () => {
     it('should render initial component', async () => {
-        var _a, _b, _c, _d, _e;
         const el = await fixture(html `<item-tile></item-tile>`);
-        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container');
-        const tileDetails = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.tile-details');
-        const itemInfo = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.item-info');
-        const itemTitle = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#title');
-        const imageBlock = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('image-block');
+        const container = el.shadowRoot?.querySelector('.container');
+        const tileDetails = el.shadowRoot?.querySelector('.tile-details');
+        const itemInfo = el.shadowRoot?.querySelector('.item-info');
+        const itemTitle = el.shadowRoot?.querySelector('#title');
+        const imageBlock = el.shadowRoot?.querySelector('image-block');
         expect(container).to.exist;
         expect(tileDetails).to.exist;
         expect(itemInfo).to.exist;
@@ -18,14 +17,13 @@ describe('Item Tile', () => {
         expect(itemTitle).to.exist;
     });
     it('should render with created-by element', async () => {
-        var _a, _b, _c, _d, _e;
         const el = await fixture(html `<item-tile .model=${{ creator: 'someone' }}></item-tile>`);
-        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container');
-        const tileDetails = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.tile-details');
-        const itemInfo = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.item-info');
-        const createdBy = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.created-by');
-        const truncatedCreatorText = createdBy === null || createdBy === void 0 ? void 0 : createdBy.querySelector('.truncated');
-        const dateSortedBy = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.date-sorted-by');
+        const container = el.shadowRoot?.querySelector('.container');
+        const tileDetails = el.shadowRoot?.querySelector('.tile-details');
+        const itemInfo = el.shadowRoot?.querySelector('.item-info');
+        const createdBy = el.shadowRoot?.querySelector('.created-by');
+        const truncatedCreatorText = createdBy?.querySelector('.truncated');
+        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(container).to.exist;
         expect(tileDetails).to.exist;
         expect(itemInfo).to.exist;
@@ -34,226 +32,212 @@ describe('Item Tile', () => {
         expect(dateSortedBy).to.not.exist;
     });
     it('should not render with created-by but date element', async () => {
-        var _a, _b;
         const el = await fixture(html `<item-tile .model=${{ datePublished: new Date() }}></item-tile>`);
         el.sortParam = {
             field: 'date',
             direction: 'desc',
         };
         await el.updateComplete;
-        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
-        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
+        const createdBy = el.shadowRoot?.querySelector('.created-by');
+        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(createdBy).to.not.exist;
         expect(dateSortedBy).to.exist;
     });
     it('should not render with created-by but reviewdate element', async () => {
-        var _a, _b;
         const el = await fixture(html `<item-tile .model=${{ dateReviewed: new Date() }}></item-tile>`);
         el.sortParam = {
             field: 'reviewdate',
             direction: 'desc',
         };
         await el.updateComplete;
-        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
-        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
+        const createdBy = el.shadowRoot?.querySelector('.created-by');
+        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(createdBy).to.not.exist;
         expect(dateSortedBy).to.exist;
     });
     it('should not render with created-by but publicdate element', async () => {
-        var _a, _b;
         const el = await fixture(html `<item-tile .model=${{ dateArchived: new Date() }}></item-tile>`);
         el.sortParam = {
             field: 'publicdate',
             direction: 'desc',
         };
         await el.updateComplete;
-        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
-        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
+        const createdBy = el.shadowRoot?.querySelector('.created-by');
+        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(createdBy).to.not.exist;
         expect(dateSortedBy).to.exist;
     });
     it('should not render date-sorted-by element if date is not provided', async () => {
-        var _a, _b;
         const el = await fixture(html `<item-tile .model=${{ dateArchived: undefined }}></item-tile>`);
         el.sortParam = {
             field: 'publicdate',
             direction: 'desc',
         };
         await el.updateComplete;
-        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
-        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
+        const createdBy = el.shadowRoot?.querySelector('.created-by');
+        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(createdBy).to.not.exist;
         expect(dateSortedBy).to.not.exist;
     });
     it('should render without created-by when sorting by a date field', async () => {
-        var _a, _b, _c;
         const el = await fixture(html `<item-tile .model=${{ dateAdded: new Date() }}></item-tile>`);
         el.sortParam = {
             field: 'addeddate',
             direction: 'asc',
         };
         await el.updateComplete;
-        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
-        const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
-        const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
+        const itemInfo = el.shadowRoot?.querySelector('.item-info');
+        const createdBy = el.shadowRoot?.querySelector('.created-by');
+        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(itemInfo).to.exist;
         expect(createdBy).to.not.exist;
         expect(dateSortedBy).to.exist;
     });
     it('should render with created-by when sort field is not a date', async () => {
-        var _a, _b, _c;
         const el = await fixture(html `<item-tile .model=${{ creator: 'someone' }}></item-tile>`);
         el.sortParam = {
             field: 'week',
             direction: 'asc',
         };
         await el.updateComplete;
-        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
-        const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
-        const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
+        const itemInfo = el.shadowRoot?.querySelector('.item-info');
+        const createdBy = el.shadowRoot?.querySelector('.created-by');
+        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(itemInfo).to.exist;
         expect(dateSortedBy).to.not.exist; // it should not exist because this is not a date sort
         expect(createdBy).to.exist;
     });
     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 `
-      <item-tile
-        .model=${model}
-        .sortParam=${{ field: 'date', direction: 'desc' }}
-      >
-      </item-tile>
+        const el = await fixture(html `
+      <item-tile
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </item-tile>
     `);
-        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
+        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect((_b = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain('published Jan 02, 2012');
+        expect(dateSortedBy?.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 `
-      <item-tile
-        .model=${model}
-        .sortParam=${{ field: 'addeddate', direction: 'desc' }}
-      >
-      </item-tile>
+        const el = await fixture(html `
+      <item-tile
+        .model=${model}
+        .sortParam=${{ field: 'addeddate', direction: 'desc' }}
+      >
+      </item-tile>
     `);
-        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
+        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect((_b = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain('added Jan 02, 2010');
+        expect(dateSortedBy?.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 `
-      <item-tile
-        .model=${model}
-        .sortParam=${{ field: 'publicdate', direction: 'desc' }}
-      >
-      </item-tile>
+        const el = await fixture(html `
+      <item-tile
+        .model=${model}
+        .sortParam=${{ field: 'publicdate', direction: 'desc' }}
+      >
+      </item-tile>
     `);
-        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
+        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect((_b = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain('archived Jan 02, 2011');
+        expect(dateSortedBy?.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 `
-      <item-tile
-        .model=${model}
-        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}
-      >
-      </item-tile>
+        const el = await fixture(html `
+      <item-tile
+        .model=${model}
+        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}
+      >
+      </item-tile>
     `);
-        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
+        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect((_b = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain('reviewed Jan 02, 2013');
+        expect(dateSortedBy?.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 `
-      <item-tile
-        .model=${model}
-        .sortParam=${{ field: 'date', direction: 'desc' }}
-      >
-      </item-tile>
+        const el = await fixture(html `
+      <item-tile
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </item-tile>
     `);
-        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
+        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect((_b = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('published 2012');
+        expect(dateSortedBy?.textContent?.trim()).to.equal('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 `
-      <item-tile
-        .model=${model}
-        .sortParam=${{ field: 'addeddate', direction: 'desc' }}
-      >
-      </item-tile>
+        const el = await fixture(html `
+      <item-tile
+        .model=${model}
+        .sortParam=${{ field: 'addeddate', direction: 'desc' }}
+      >
+      </item-tile>
     `);
-        let dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
+        let dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect((_b = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('added Jan 01, 2010');
+        expect(dateSortedBy?.textContent?.trim()).to.equal('added Jan 01, 2010');
         el.sortParam = { field: 'publicdate', direction: 'desc' };
         await el.updateComplete;
-        dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
+        dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect((_d = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('archived Jan 01, 2011');
+        expect(dateSortedBy?.textContent?.trim()).to.equal('archived Jan 01, 2011');
         el.sortParam = { field: 'reviewdate', direction: 'desc' };
         await el.updateComplete;
-        dateSortedBy = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.date-sorted-by');
+        dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect((_f = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('reviewed Jan 01, 2013');
+        expect(dateSortedBy?.textContent?.trim()).to.equal('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 `
-      <item-tile
-        .model=${model}
-        .sortParam=${{ field: 'date', direction: 'desc' }}
-      >
-      </item-tile>
+        const el = await fixture(html `
+      <item-tile
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </item-tile>
     `);
-        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
+        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect((_b = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('published Feb 15, 2012');
+        expect(dateSortedBy?.textContent?.trim()).to.equal('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;
@@ -275,152 +259,141 @@ describe('Item Tile', () => {
         const model = {
             datePublished,
         };
-        const el = await fixture(html `
-      <item-tile
-        useLocalTime
-        .model=${model}
-        .sortParam=${{ field: 'date', direction: 'desc' }}
-      >
-      </item-tile>
+        const el = await fixture(html `
+      <item-tile
+        useLocalTime
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </item-tile>
     `);
-        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
+        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect((_b = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal(expected);
+        expect(dateSortedBy?.textContent?.trim()).to.equal(expected);
     });
     it('should show the first creator matching the letter filter, if defined', async () => {
-        var _a, _b;
         const model = {
             creator: 'foo',
             creators: ['foo', 'bar', 'baz'],
         };
-        const el = await fixture(html `
-      <item-tile .model=${model} .creatorFilter=${'B'}> </item-tile>
+        const el = await fixture(html `
+      <item-tile .model=${model} .creatorFilter=${'B'}> </item-tile>
     `);
-        const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
+        const creator = el.shadowRoot?.querySelector('.created-by');
         expect(creator).to.exist;
-        expect((_b = creator === null || creator === void 0 ? void 0 : creator.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.match(/by\s+bar/);
+        expect(creator?.textContent?.trim()).to.match(/by\s+bar/);
     });
     it('should render with snippet block when it has snippets', async () => {
-        var _a;
-        const el = await fixture(html `
-      <item-tile .model=${{ snippets: ['some {{{snippet}}} text'] }}>
-      </item-tile>
+        const el = await fixture(html `
+      <item-tile .model=${{ snippets: ['some {{{snippet}}} text'] }}>
+      </item-tile>
     `);
-        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 `<item-tile></item-tile>`);
-        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 render info button when showInfoButton flag is set', async () => {
-        var _a;
-        const el = await fixture(html `
-      <item-tile ?showInfoButton=${true}> </item-tile>
+        const el = await fixture(html `
+      <item-tile ?showInfoButton=${true}> </item-tile>
     `);
-        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
+        const infoButton = el.shadowRoot?.querySelector('.info-button');
         expect(infoButton).to.exist;
     });
     it('should dispatch event when info button tapped', async () => {
-        var _a;
         const infoButtonSpy = sinon.spy();
-        const el = await fixture(html `
-      <item-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>
-      </item-tile>
+        const el = await fixture(html `
+      <item-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>
+      </item-tile>
     `);
-        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
+        const infoButton = el.shadowRoot?.querySelector('.info-button');
         infoButton.click();
         await el.updateComplete;
         expect(infoButtonSpy.callCount).to.equal(1);
     });
     it('should render with volume/issue view', async () => {
-        var _a;
-        const el = await fixture(html `
-      <item-tile .model=${{ volume: '1', issue: 'Index' }}></item-tile>
+        const el = await fixture(html `
+      <item-tile .model=${{ volume: '1', issue: 'Index' }}></item-tile>
     `);
-        const volumeIssueBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.volume-issue');
+        const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');
         expect(volumeIssueBlock).to.exist;
     });
     it('should render with volume/issue view to not render', async () => {
-        var _a;
         const el = await fixture(html `<item-tile></item-tile>`);
-        const volumeIssueBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.volume-issue');
+        const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');
         expect(volumeIssueBlock).to.not.exist;
     });
     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 `
-      <item-tile
+        const el = await fixture(html `
+      <item-tile
         .model=${{
             identifier: 'foo',
             title: 'https://example.com/',
             captureDates,
-        }}
-      ></item-tile>
+        }}
+      ></item-tile>
     `);
-        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 `
-      <item-tile
+        const el = await fixture(html `
+      <item-tile
         .model=${{
             identifier: 'foo',
             captureDates,
-        }}
-      ></item-tile>
+        }}
+      ></item-tile>
     `);
-        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 `
-      <item-tile
+        const el = await fixture(html `
+      <item-tile
         .model=${{
             identifier: 'foo',
             review,
-        }}
-      ></item-tile>
+        }}
+      ></item-tile>
     `);
-        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 `
-      <item-tile
+        const el = await fixture(html `
+      <item-tile
         .model=${{
             identifier: 'foo',
-        }}
-      ></item-tile>
+        }}
+      ></item-tile>
     `);
-        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;
     });
 });