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

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

@@ -4,12 +4,13 @@ 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 = 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');
+        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');
         expect(container).to.exist;
         expect(tileDetails).to.exist;
         expect(itemInfo).to.exist;
@@ -17,13 +18,14 @@ 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 = 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');
+        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');
         expect(container).to.exist;
         expect(tileDetails).to.exist;
         expect(itemInfo).to.exist;
@@ -32,82 +34,89 @@ 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 = el.shadowRoot?.querySelector('.created-by');
-        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        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');
         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 = el.shadowRoot?.querySelector('.created-by');
-        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        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');
         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 = el.shadowRoot?.querySelector('.created-by');
-        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        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');
         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 = el.shadowRoot?.querySelector('.created-by');
-        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        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');
         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 = el.shadowRoot?.querySelector('.item-info');
-        const createdBy = el.shadowRoot?.querySelector('.created-by');
-        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        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');
         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 = el.shadowRoot?.querySelector('.item-info');
-        const createdBy = el.shadowRoot?.querySelector('.created-by');
-        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        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');
         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),
@@ -121,11 +130,12 @@ describe('Item Tile', () => {
       >
       </item-tile>
     `);
-        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect(dateSortedBy?.textContent?.trim()).to.contain('published Jan 02, 2012');
+        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');
     });
     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),
@@ -139,11 +149,12 @@ describe('Item Tile', () => {
       >
       </item-tile>
     `);
-        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect(dateSortedBy?.textContent?.trim()).to.contain('added Jan 02, 2010');
+        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');
     });
     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),
@@ -157,11 +168,12 @@ describe('Item Tile', () => {
       >
       </item-tile>
     `);
-        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect(dateSortedBy?.textContent?.trim()).to.contain('archived Jan 02, 2011');
+        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');
     });
     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),
@@ -175,11 +187,12 @@ describe('Item Tile', () => {
       >
       </item-tile>
     `);
-        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect(dateSortedBy?.textContent?.trim()).to.contain('reviewed Jan 02, 2013');
+        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');
     });
     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'),
         };
@@ -190,11 +203,12 @@ describe('Item Tile', () => {
       >
       </item-tile>
     `);
-        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect(dateSortedBy?.textContent?.trim()).to.equal('published 2012');
+        expect((_b = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _b === void 0 ? void 0 : _b.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),
@@ -208,21 +222,22 @@ describe('Item Tile', () => {
       >
       </item-tile>
     `);
-        let dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        let dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect(dateSortedBy?.textContent?.trim()).to.equal('added Jan 01, 2010');
+        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');
         el.sortParam = { field: 'publicdate', direction: 'desc' };
         await el.updateComplete;
-        dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect(dateSortedBy?.textContent?.trim()).to.equal('archived Jan 01, 2011');
+        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');
         el.sortParam = { field: 'reviewdate', direction: 'desc' };
         await el.updateComplete;
-        dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        dateSortedBy = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect(dateSortedBy?.textContent?.trim()).to.equal('reviewed Jan 01, 2013');
+        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');
     });
     it('should display dates in UTC time zone by default', async () => {
+        var _a, _b;
         const model = {
             datePublished: new Date('2012-02-15T00:00:00Z'),
         };
@@ -233,11 +248,12 @@ describe('Item Tile', () => {
       >
       </item-tile>
     `);
-        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect(dateSortedBy?.textContent?.trim()).to.equal('published Feb 15, 2012');
+        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');
     });
     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;
@@ -267,11 +283,12 @@ describe('Item Tile', () => {
       >
       </item-tile>
     `);
-        const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');
+        const dateSortedBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.date-sorted-by');
         expect(dateSortedBy).to.exist;
-        expect(dateSortedBy?.textContent?.trim()).to.equal(expected);
+        expect((_b = dateSortedBy === null || dateSortedBy === void 0 ? void 0 : dateSortedBy.textContent) === null || _b === void 0 ? void 0 : _b.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'],
@@ -279,54 +296,61 @@ describe('Item Tile', () => {
         const el = await fixture(html `
       <item-tile .model=${model} .creatorFilter=${'B'}> </item-tile>
     `);
-        const creator = el.shadowRoot?.querySelector('.created-by');
+        const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
         expect(creator).to.exist;
-        expect(creator?.textContent?.trim()).to.match(/by\s+bar/);
+        expect((_b = creator === null || creator === void 0 ? void 0 : creator.textContent) === null || _b === void 0 ? void 0 : _b.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 snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');
+        const snippetBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.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 = el.shadowRoot?.querySelector('text-snippet-block');
+        const snippetBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.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 infoButton = el.shadowRoot?.querySelector('.info-button');
+        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.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 infoButton = el.shadowRoot?.querySelector('.info-button');
+        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.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 volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');
+        const volumeIssueBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.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 = el.shadowRoot?.querySelector('.volume-issue');
+        const volumeIssueBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.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'),
@@ -340,19 +364,20 @@ describe('Item Tile', () => {
         }}
       ></item-tile>
     `);
-        const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');
+        const captureDatesUl = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.capture-dates');
         expect(captureDatesUl, 'capture dates container').to.exist;
-        expect(captureDatesUl?.children.length).to.equal(2);
-        const firstDateLink = captureDatesUl?.children[0]?.querySelector('a[href]');
+        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(firstDateLink, 'first date link').to.exist;
-        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(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(secondDateLink, 'second date link').to.exist;
-        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');
+        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');
     });
     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'),
@@ -365,10 +390,11 @@ describe('Item Tile', () => {
         }}
       ></item-tile>
     `);
-        const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');
+        const captureDatesUl = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.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',
@@ -382,10 +408,11 @@ describe('Item Tile', () => {
         }}
       ></item-tile>
     `);
-        const reviewBlock = el.shadowRoot?.querySelector('review-block');
+        const reviewBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.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
         .model=${{
@@ -393,7 +420,7 @@ describe('Item Tile', () => {
         }}
       ></item-tile>
     `);
-        const reviewBlock = el.shadowRoot?.querySelector('review-block');
+        const reviewBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('review-block');
         expect(reviewBlock).not.to.exist;
     });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"item-tile.test.js","sourceRoot":"","sources":["../../../../test/tiles/grid/item-tile.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { html } from 'lit';\nimport type { ItemTile } from '../../../src/tiles/grid/item-tile';\n\nimport '../../../src/tiles/grid/item-tile';\nimport type { TileModel } from '../../../src/models';\n\ndescribe('Item Tile', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    const container = el.shadowRoot?.querySelector('.container');\n    const tileDetails = el.shadowRoot?.querySelector('.tile-details');\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const itemTitle = el.shadowRoot?.querySelector('#title');\n    const imageBlock = el.shadowRoot?.querySelector('image-block');\n\n    expect(container).to.exist;\n    expect(tileDetails).to.exist;\n    expect(itemInfo).to.exist;\n    expect(imageBlock).to.exist;\n    expect(itemTitle).to.exist;\n  });\n\n  it('should render with created-by element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`,\n    );\n\n    const container = el.shadowRoot?.querySelector('.container');\n    const tileDetails = el.shadowRoot?.querySelector('.tile-details');\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const truncatedCreatorText = createdBy?.querySelector('.truncated');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(container).to.exist;\n    expect(tileDetails).to.exist;\n    expect(itemInfo).to.exist;\n    expect(createdBy).to.exist;\n    expect(truncatedCreatorText).to.exist;\n    expect(dateSortedBy).to.not.exist;\n  });\n\n  it('should not render with created-by but date element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ datePublished: new Date() }}></item-tile>`,\n    );\n\n    el.sortParam = {\n      field: 'date',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should not render with created-by but reviewdate element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateReviewed: new Date() }}></item-tile>`,\n    );\n\n    el.sortParam = {\n      field: 'reviewdate',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should not render with created-by but publicdate element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateArchived: new Date() }}></item-tile>`,\n    );\n\n    el.sortParam = {\n      field: 'publicdate',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should not render date-sorted-by element if date is not provided', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateArchived: undefined }}></item-tile>`,\n    );\n\n    el.sortParam = {\n      field: 'publicdate',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.not.exist;\n  });\n\n  it('should render without created-by when sorting by a date field', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateAdded: new Date() }}></item-tile>`,\n    );\n\n    el.sortParam = {\n      field: 'addeddate',\n      direction: 'asc',\n    };\n    await el.updateComplete;\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(itemInfo).to.exist;\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should render with created-by when sort field is not a date', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`,\n    );\n\n    el.sortParam = {\n      field: 'week',\n      direction: 'asc',\n    };\n    await el.updateComplete;\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(itemInfo).to.exist;\n    expect(dateSortedBy).to.not.exist; // it should not exist because this is not a date sort\n    expect(createdBy).to.exist;\n  });\n\n  it('should render published date when sorting by it', async () => {\n    const model: Partial<TileModel> = {\n      dateAdded: new Date(2010, 0, 2),\n      dateArchived: new Date(2011, 0, 2),\n      datePublished: new Date(2012, 0, 2),\n      dateReviewed: new Date(2013, 0, 2),\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${model}\n        .sortParam=${{ field: 'date', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.contain(\n      'published Jan 02, 2012',\n    );\n  });\n\n  it('should render added date when sorting by it', async () => {\n    const model: Partial<TileModel> = {\n      dateAdded: new Date(2010, 0, 2),\n      dateArchived: new Date(2011, 0, 2),\n      datePublished: new Date(2012, 0, 2),\n      dateReviewed: new Date(2013, 0, 2),\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${model}\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.contain('added Jan 02, 2010');\n  });\n\n  it('should render archived date when sorting by it', async () => {\n    const model: Partial<TileModel> = {\n      dateAdded: new Date(2010, 0, 2),\n      dateArchived: new Date(2011, 0, 2),\n      datePublished: new Date(2012, 0, 2),\n      dateReviewed: new Date(2013, 0, 2),\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${model}\n        .sortParam=${{ field: 'publicdate', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.contain(\n      'archived Jan 02, 2011',\n    );\n  });\n\n  it('should render reviewed date when sorting by it', async () => {\n    const model: Partial<TileModel> = {\n      dateAdded: new Date(2010, 0, 2),\n      dateArchived: new Date(2011, 0, 2),\n      datePublished: new Date(2012, 0, 2),\n      dateReviewed: new Date(2013, 0, 2),\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${model}\n        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.contain(\n      'reviewed Jan 02, 2013',\n    );\n  });\n\n  it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {\n    const model: Partial<TileModel> = {\n      datePublished: new Date('2012-01-01T00:00:00Z'),\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${model}\n        .sortParam=${{ field: 'date', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.equal('published 2012');\n  });\n\n  it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {\n    const model: Partial<TileModel> = {\n      dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),\n      dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),\n      datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),\n      dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${model}\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    let dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.equal('added Jan 01, 2010');\n\n    el.sortParam = { field: 'publicdate', direction: 'desc' };\n    await el.updateComplete;\n    dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.equal('archived Jan 01, 2011');\n\n    el.sortParam = { field: 'reviewdate', direction: 'desc' };\n    await el.updateComplete;\n    dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.equal('reviewed Jan 01, 2013');\n  });\n\n  it('should display dates in UTC time zone by default', async () => {\n    const model: Partial<TileModel> = {\n      datePublished: new Date('2012-02-15T00:00:00Z'),\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${model}\n        .sortParam=${{ field: 'date', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.equal(\n      'published Feb 15, 2012',\n    );\n  });\n\n  it('should display dates in local time when useLocalTime option is true', async () => {\n    // Expected behavior depends on the time zone offset where the testing occurs\n    const offset = new Date().getTimezoneOffset();\n    let datePublished, expected;\n    if (offset > 0) {\n      // Positive local time zone offsets have earlier local dates than UTC\n      datePublished = new Date('2012-02-15T00:00:00Z');\n      expected = 'published Feb 14, 2012';\n    } else if (offset < 0) {\n      // Negative local time zone offsets have later local dates than UTC\n      datePublished = new Date('2012-02-15T23:59:59Z');\n      expected = 'published Feb 16, 2012';\n    } else {\n      // Local time may just be UTC itself\n      datePublished = new Date('2012-02-15T00:00:00Z');\n      expected = 'published Feb 15, 2012';\n    }\n\n    const model: Partial<TileModel> = {\n      datePublished,\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        useLocalTime\n        .model=${model}\n        .sortParam=${{ field: 'date', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.equal(expected);\n  });\n\n  it('should show the first creator matching the letter filter, if defined', async () => {\n    const model: Partial<TileModel> = {\n      creator: 'foo',\n      creators: ['foo', 'bar', 'baz'],\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile .model=${model} .creatorFilter=${'B'}> </item-tile>\n    `);\n\n    const creator = el.shadowRoot?.querySelector('.created-by');\n    expect(creator).to.exist;\n    expect(creator?.textContent?.trim()).to.match(/by\\s+bar/);\n  });\n\n  it('should render with snippet block when it has snippets', async () => {\n    const el = await fixture<ItemTile>(html`\n      <item-tile .model=${{ snippets: ['some {{{snippet}}} text'] }}>\n      </item-tile>\n    `);\n\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\n\n    expect(snippetBlock).to.exist;\n  });\n\n  it('should not render snippet block when no snippets are present', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\n\n    expect(snippetBlock).to.not.exist;\n  });\n\n  it('should render info button when showInfoButton flag is set', async () => {\n    const el = await fixture<ItemTile>(html`\n      <item-tile ?showInfoButton=${true}> </item-tile>\n    `);\n\n    const infoButton = el.shadowRoot?.querySelector('.info-button');\n\n    expect(infoButton).to.exist;\n  });\n\n  it('should dispatch event when info button tapped', async () => {\n    const infoButtonSpy = sinon.spy();\n    const el = await fixture<ItemTile>(html`\n      <item-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>\n      </item-tile>\n    `);\n\n    const infoButton = el.shadowRoot?.querySelector(\n      '.info-button',\n    ) as HTMLButtonElement;\n    infoButton.click();\n    await el.updateComplete;\n\n    expect(infoButtonSpy.callCount).to.equal(1);\n  });\n\n  it('should render with volume/issue view', async () => {\n    const el = await fixture<ItemTile>(html`\n      <item-tile .model=${{ volume: '1', issue: 'Index' }}></item-tile>\n    `);\n\n    const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');\n\n    expect(volumeIssueBlock).to.exist;\n  });\n\n  it('should render with volume/issue view to not render', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');\n\n    expect(volumeIssueBlock).to.not.exist;\n  });\n\n  it('should render web capture date links if present', async () => {\n    const captureDates = [\n      new Date('2010-01-02T12:34:56Z'),\n      new Date('2011-02-03T12:43:21Z'),\n    ];\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${{\n          identifier: 'foo',\n          title: 'https://example.com/',\n          captureDates,\n        }}\n      ></item-tile>\n    `);\n\n    const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');\n    expect(captureDatesUl, 'capture dates container').to.exist;\n    expect(captureDatesUl?.children.length).to.equal(2);\n\n    const firstDateLink = captureDatesUl?.children[0]?.querySelector('a[href]');\n    expect(firstDateLink, 'first date link').to.exist;\n    expect(firstDateLink?.getAttribute('href')).to.equal(\n      'https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F',\n    );\n    expect(firstDateLink?.textContent?.trim()).to.equal('Jan 02, 2010');\n\n    const secondDateLink =\n      captureDatesUl?.children[1]?.querySelector('a[href]');\n    expect(secondDateLink, 'second date link').to.exist;\n    expect(secondDateLink?.getAttribute('href')).to.equal(\n      'https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F',\n    );\n    expect(secondDateLink?.textContent?.trim()).to.equal('Feb 03, 2011');\n  });\n\n  it('should not render web captures if no title is present', async () => {\n    const captureDates = [\n      new Date('2010-01-02T12:34:56Z'),\n      new Date('2011-02-03T12:43:21Z'),\n    ];\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${{\n          identifier: 'foo',\n          captureDates,\n        }}\n      ></item-tile>\n    `);\n\n    const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');\n    expect(captureDatesUl).not.to.exist;\n  });\n\n  it('should render review snippet if present', async () => {\n    const review = {\n      title: 'Foo',\n      body: 'foo bar baz',\n      stars: 3,\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${{\n          identifier: 'foo',\n          review,\n        }}\n      ></item-tile>\n    `);\n\n    const reviewBlock = el.shadowRoot?.querySelector('review-block');\n    expect(reviewBlock).to.exist;\n  });\n\n  it('should not render review snippet block when no review is present', async () => {\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${{\n          identifier: 'foo',\n        }}\n      ></item-tile>\n    `);\n\n    const reviewBlock = el.shadowRoot?.querySelector('review-block');\n    expect(reviewBlock).not.to.exist;\n  });\n});\n"]}
+{"version":3,"file":"item-tile.test.js","sourceRoot":"","sources":["../../../../test/tiles/grid/item-tile.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { html } from 'lit';\nimport type { ItemTile } from '../../../src/tiles/grid/item-tile';\n\nimport '../../../src/tiles/grid/item-tile';\nimport type { TileModel } from '../../../src/models';\n\ndescribe('Item Tile', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    const container = el.shadowRoot?.querySelector('.container');\n    const tileDetails = el.shadowRoot?.querySelector('.tile-details');\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const itemTitle = el.shadowRoot?.querySelector('#title');\n    const imageBlock = el.shadowRoot?.querySelector('image-block');\n\n    expect(container).to.exist;\n    expect(tileDetails).to.exist;\n    expect(itemInfo).to.exist;\n    expect(imageBlock).to.exist;\n    expect(itemTitle).to.exist;\n  });\n\n  it('should render with created-by element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`,\n    );\n\n    const container = el.shadowRoot?.querySelector('.container');\n    const tileDetails = el.shadowRoot?.querySelector('.tile-details');\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const truncatedCreatorText = createdBy?.querySelector('.truncated');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(container).to.exist;\n    expect(tileDetails).to.exist;\n    expect(itemInfo).to.exist;\n    expect(createdBy).to.exist;\n    expect(truncatedCreatorText).to.exist;\n    expect(dateSortedBy).to.not.exist;\n  });\n\n  it('should not render with created-by but date element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ datePublished: new Date() }}></item-tile>`,\n    );\n\n    el.sortParam = {\n      field: 'date',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should not render with created-by but reviewdate element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateReviewed: new Date() }}></item-tile>`,\n    );\n\n    el.sortParam = {\n      field: 'reviewdate',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should not render with created-by but publicdate element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateArchived: new Date() }}></item-tile>`,\n    );\n\n    el.sortParam = {\n      field: 'publicdate',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should not render date-sorted-by element if date is not provided', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateArchived: undefined }}></item-tile>`,\n    );\n\n    el.sortParam = {\n      field: 'publicdate',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.not.exist;\n  });\n\n  it('should render without created-by when sorting by a date field', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateAdded: new Date() }}></item-tile>`,\n    );\n\n    el.sortParam = {\n      field: 'addeddate',\n      direction: 'asc',\n    };\n    await el.updateComplete;\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(itemInfo).to.exist;\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should render with created-by when sort field is not a date', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`,\n    );\n\n    el.sortParam = {\n      field: 'week',\n      direction: 'asc',\n    };\n    await el.updateComplete;\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(itemInfo).to.exist;\n    expect(dateSortedBy).to.not.exist; // it should not exist because this is not a date sort\n    expect(createdBy).to.exist;\n  });\n\n  it('should render published date when sorting by it', async () => {\n    const model: Partial<TileModel> = {\n      dateAdded: new Date(2010, 0, 2),\n      dateArchived: new Date(2011, 0, 2),\n      datePublished: new Date(2012, 0, 2),\n      dateReviewed: new Date(2013, 0, 2),\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${model}\n        .sortParam=${{ field: 'date', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.contain(\n      'published Jan 02, 2012',\n    );\n  });\n\n  it('should render added date when sorting by it', async () => {\n    const model: Partial<TileModel> = {\n      dateAdded: new Date(2010, 0, 2),\n      dateArchived: new Date(2011, 0, 2),\n      datePublished: new Date(2012, 0, 2),\n      dateReviewed: new Date(2013, 0, 2),\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${model}\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.contain('added Jan 02, 2010');\n  });\n\n  it('should render archived date when sorting by it', async () => {\n    const model: Partial<TileModel> = {\n      dateAdded: new Date(2010, 0, 2),\n      dateArchived: new Date(2011, 0, 2),\n      datePublished: new Date(2012, 0, 2),\n      dateReviewed: new Date(2013, 0, 2),\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${model}\n        .sortParam=${{ field: 'publicdate', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.contain(\n      'archived Jan 02, 2011',\n    );\n  });\n\n  it('should render reviewed date when sorting by it', async () => {\n    const model: Partial<TileModel> = {\n      dateAdded: new Date(2010, 0, 2),\n      dateArchived: new Date(2011, 0, 2),\n      datePublished: new Date(2012, 0, 2),\n      dateReviewed: new Date(2013, 0, 2),\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${model}\n        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.contain(\n      'reviewed Jan 02, 2013',\n    );\n  });\n\n  it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {\n    const model: Partial<TileModel> = {\n      datePublished: new Date('2012-01-01T00:00:00Z'),\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${model}\n        .sortParam=${{ field: 'date', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.equal('published 2012');\n  });\n\n  it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {\n    const model: Partial<TileModel> = {\n      dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),\n      dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),\n      datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),\n      dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${model}\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    let dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.equal('added Jan 01, 2010');\n\n    el.sortParam = { field: 'publicdate', direction: 'desc' };\n    await el.updateComplete;\n    dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.equal('archived Jan 01, 2011');\n\n    el.sortParam = { field: 'reviewdate', direction: 'desc' };\n    await el.updateComplete;\n    dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.equal('reviewed Jan 01, 2013');\n  });\n\n  it('should display dates in UTC time zone by default', async () => {\n    const model: Partial<TileModel> = {\n      datePublished: new Date('2012-02-15T00:00:00Z'),\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${model}\n        .sortParam=${{ field: 'date', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.equal(\n      'published Feb 15, 2012',\n    );\n  });\n\n  it('should display dates in local time when useLocalTime option is true', async () => {\n    // Expected behavior depends on the time zone offset where the testing occurs\n    const offset = new Date().getTimezoneOffset();\n    let datePublished, expected;\n    if (offset > 0) {\n      // Positive local time zone offsets have earlier local dates than UTC\n      datePublished = new Date('2012-02-15T00:00:00Z');\n      expected = 'published Feb 14, 2012';\n    } else if (offset < 0) {\n      // Negative local time zone offsets have later local dates than UTC\n      datePublished = new Date('2012-02-15T23:59:59Z');\n      expected = 'published Feb 16, 2012';\n    } else {\n      // Local time may just be UTC itself\n      datePublished = new Date('2012-02-15T00:00:00Z');\n      expected = 'published Feb 15, 2012';\n    }\n\n    const model: Partial<TileModel> = {\n      datePublished,\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        useLocalTime\n        .model=${model}\n        .sortParam=${{ field: 'date', direction: 'desc' }}\n      >\n      </item-tile>\n    `);\n\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n    expect(dateSortedBy).to.exist;\n    expect(dateSortedBy?.textContent?.trim()).to.equal(expected);\n  });\n\n  it('should show the first creator matching the letter filter, if defined', async () => {\n    const model: Partial<TileModel> = {\n      creator: 'foo',\n      creators: ['foo', 'bar', 'baz'],\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile .model=${model} .creatorFilter=${'B'}> </item-tile>\n    `);\n\n    const creator = el.shadowRoot?.querySelector('.created-by');\n    expect(creator).to.exist;\n    expect(creator?.textContent?.trim()).to.match(/by\\s+bar/);\n  });\n\n  it('should render with snippet block when it has snippets', async () => {\n    const el = await fixture<ItemTile>(html`\n      <item-tile .model=${{ snippets: ['some {{{snippet}}} text'] }}>\n      </item-tile>\n    `);\n\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\n\n    expect(snippetBlock).to.exist;\n  });\n\n  it('should not render snippet block when no snippets are present', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\n\n    expect(snippetBlock).to.not.exist;\n  });\n\n  it('should render info button when showInfoButton flag is set', async () => {\n    const el = await fixture<ItemTile>(html`\n      <item-tile ?showInfoButton=${true}> </item-tile>\n    `);\n\n    const infoButton = el.shadowRoot?.querySelector('.info-button');\n\n    expect(infoButton).to.exist;\n  });\n\n  it('should dispatch event when info button tapped', async () => {\n    const infoButtonSpy = sinon.spy();\n    const el = await fixture<ItemTile>(html`\n      <item-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>\n      </item-tile>\n    `);\n\n    const infoButton = el.shadowRoot?.querySelector(\n      '.info-button',\n    ) as HTMLButtonElement;\n    infoButton.click();\n    await el.updateComplete;\n\n    expect(infoButtonSpy.callCount).to.equal(1);\n  });\n\n  it('should render with volume/issue view', async () => {\n    const el = await fixture<ItemTile>(html`\n      <item-tile .model=${{ volume: '1', issue: 'Index' }}></item-tile>\n    `);\n\n    const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');\n\n    expect(volumeIssueBlock).to.exist;\n  });\n\n  it('should render with volume/issue view to not render', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');\n\n    expect(volumeIssueBlock).to.not.exist;\n  });\n\n  it('should render web capture date links if present', async () => {\n    const captureDates = [\n      new Date('2010-01-02T12:34:56Z'),\n      new Date('2011-02-03T12:43:21Z'),\n    ];\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${{\n          identifier: 'foo',\n          title: 'https://example.com/',\n          captureDates,\n        }}\n      ></item-tile>\n    `);\n\n    const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');\n    expect(captureDatesUl, 'capture dates container').to.exist;\n    expect(captureDatesUl?.children.length).to.equal(2);\n\n    const firstDateLink = captureDatesUl?.children[0]?.querySelector('a[href]');\n    expect(firstDateLink, 'first date link').to.exist;\n    expect(firstDateLink?.getAttribute('href')).to.equal(\n      'https://web.archive.org/web/20100102123456/https%3A%2F%2Fexample.com%2F',\n    );\n    expect(firstDateLink?.textContent?.trim()).to.equal('Jan 02, 2010');\n\n    const secondDateLink =\n      captureDatesUl?.children[1]?.querySelector('a[href]');\n    expect(secondDateLink, 'second date link').to.exist;\n    expect(secondDateLink?.getAttribute('href')).to.equal(\n      'https://web.archive.org/web/20110203124321/https%3A%2F%2Fexample.com%2F',\n    );\n    expect(secondDateLink?.textContent?.trim()).to.equal('Feb 03, 2011');\n  });\n\n  it('should not render web captures if no title is present', async () => {\n    const captureDates = [\n      new Date('2010-01-02T12:34:56Z'),\n      new Date('2011-02-03T12:43:21Z'),\n    ];\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${{\n          identifier: 'foo',\n          captureDates,\n        }}\n      ></item-tile>\n    `);\n\n    const captureDatesUl = el.shadowRoot?.querySelector('.capture-dates');\n    expect(captureDatesUl).not.to.exist;\n  });\n\n  it('should render review snippet if present', async () => {\n    const review = {\n      title: 'Foo',\n      body: 'foo bar baz',\n      stars: 3,\n    };\n\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${{\n          identifier: 'foo',\n          review,\n        }}\n      ></item-tile>\n    `);\n\n    const reviewBlock = el.shadowRoot?.querySelector('review-block');\n    expect(reviewBlock).to.exist;\n  });\n\n  it('should not render review snippet block when no review is present', async () => {\n    const el = await fixture<ItemTile>(html`\n      <item-tile\n        .model=${{\n          identifier: 'foo',\n        }}\n      ></item-tile>\n    `);\n\n    const reviewBlock = el.shadowRoot?.querySelector('review-block');\n    expect(reviewBlock).not.to.exist;\n  });\n});\n"]}