@internetarchive/collection-browser 3.3.1-alpha3 → 3.3.2

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

@@ -1,251 +0,0 @@
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../../../src/tiles/list/tile-list-compact';
-describe('List Tile Compact', () => {
-    it('should render initial component', async () => {
-        var _a, _b, _c, _d, _e;
-        const el = await fixture(html `<tile-list-compact></tile-list-compact>`);
-        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 itemIcon = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#icon');
-        const itemViews = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('#views');
-        expect(listContainer).to.exist;
-        expect(itemTitle).to.exist;
-        expect(imageBlock).to.exist;
-        expect(itemIcon).to.exist;
-        expect(itemViews).to.exist;
-    });
-    it('should render with creator element with title', async () => {
-        var _a;
-        const el = await fixture(html `
-      <tile-list-compact
-        .model=${{ creators: ['someone'] }}
-      ></tile-list-compact>
-    `);
-        const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#creator');
-        expect(creator).to.exist;
-    });
-    it('should render title link with model href if provided', async () => {
-        var _a;
-        const el = await fixture(html `
-      <tile-list-compact
-        .baseNavigationUrl=${''}
-        .model=${{ identifier: 'id', title: 'foo', href: '/foo/bar' }}
-      ></tile-list-compact>
-    `);
-        const title = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#title');
-        expect(title).to.exist;
-        expect(title === null || title === void 0 ? void 0 : title.getAttribute('href')).to.equal('/foo/bar');
-    });
-    it('should render weekly views when sorting by week', async () => {
-        var _a, _b;
-        const el = await fixture(html `
-      <tile-list-compact
-        .model=${{ viewCount: 50, weeklyViewCount: 10 }}
-        .sortParam=${{ field: 'week', direction: 'desc' }}
-      >
-      </tile-list-compact>
-    `);
-        const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
-        expect(viewsColumn).to.exist;
-        expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('10');
-    });
-    it('should render 0 for views if missing model', async () => {
-        var _a, _b;
-        const el = await fixture(html `
-      <tile-list-compact .sortParam=${{ field: 'week', direction: 'desc' }}>
-      </tile-list-compact>
-    `);
-        const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
-        expect(viewsColumn).to.exist;
-        expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('0');
-    });
-    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-compact
-        .model=${model}
-        .sortParam=${{ field: 'date', direction: 'desc' }}
-      >
-      </tile-list-compact>
-    `);
-        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('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-compact
-        .model=${model}
-        .sortParam=${{ field: 'addeddate', direction: 'desc' }}
-      >
-      </tile-list-compact>
-    `);
-        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('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-compact
-        .model=${model}
-        .sortParam=${{ field: 'publicdate', direction: 'desc' }}
-      >
-      </tile-list-compact>
-    `);
-        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('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-compact
-        .model=${model}
-        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}
-      >
-      </tile-list-compact>
-    `);
-        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('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-compact
-        .model=${model}
-        .sortParam=${{ field: 'date', direction: 'desc' }}
-      >
-      </tile-list-compact>
-    `);
-        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('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-compact
-        .model=${model}
-        .sortParam=${{ field: 'addeddate', direction: 'desc' }}
-      >
-      </tile-list-compact>
-    `);
-        let dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2010');
-        el.sortParam = { field: 'publicdate', direction: 'desc' };
-        await el.updateComplete;
-        dateColumn = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_d = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Jan 01, 2011');
-        el.sortParam = { field: 'reviewdate', direction: 'desc' };
-        await el.updateComplete;
-        dateColumn = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_f = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('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-compact
-        .model=${model}
-        .sortParam=${{ field: 'date', direction: 'desc' }}
-      >
-      </tile-list-compact>
-    `);
-        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('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;
-        if (offset > 0) {
-            // Positive local time zone offsets have earlier local dates than UTC
-            datePublished = new Date('2012-02-15T00:00:00Z');
-            expected = 'Feb 14, 2012';
-        }
-        else if (offset < 0) {
-            // Negative local time zone offsets have later local dates than UTC
-            datePublished = new Date('2012-02-15T23:59:59Z');
-            expected = 'Feb 16, 2012';
-        }
-        else {
-            // Local time may just be UTC itself
-            datePublished = new Date('2012-02-15T00:00:00Z');
-            expected = 'Feb 15, 2012';
-        }
-        const model = {
-            datePublished,
-        };
-        const el = await fixture(html `
-      <tile-list-compact
-        useLocalTime
-        .model=${model}
-        .sortParam=${{ field: 'date', direction: 'desc' }}
-      >
-      </tile-list-compact>
-    `);
-        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.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'],
-        };
-        const el = await fixture(html `
-      <tile-list-compact .model=${model} .creatorFilter=${'B'}>
-      </tile-list-compact>
-    `);
-        const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('creator');
-        expect(creator).to.exist;
-        expect((_b = creator === null || creator === void 0 ? void 0 : creator.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('bar');
-    });
-});
-//# sourceMappingURL=tile-list-compact.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tile-list-compact.test.js","sourceRoot":"","sources":["../../../../test/tiles/list/tile-list-compact.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,2CAA2C,CAAC;AAGnD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;;QAC/C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;QAEF,MAAM,aAAa,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACjE,MAAM,SAAS,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzD,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC/D,MAAM,QAAQ,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QACvD,MAAM,SAAS,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QAEzD,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/B,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC3B,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC1B,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;;QAC7D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;iBAEjC,EAAE,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE;;KAErC,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAEzD,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;;QACpE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;6BAErB,EAAE;iBACd,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE;;KAEhE,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QAErD,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACvB,MAAM,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;;QAC/D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;iBAEjC,EAAE,SAAS,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE;qBAClC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAGpD,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,OAAO,CAAC,CAAC;QAC3D,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC7B,MAAM,CAAC,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;;QAC1D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;sCACZ,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE;;KAErE,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,OAAO,CAAC,CAAC;QAC3D,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC7B,MAAM,CAAC,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;;QAC/D,MAAM,KAAK,GAAuB;YAChC,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/B,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,aAAa,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YACnC,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;SACnC,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;iBAEjC,KAAK;qBACD,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAGpD,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QACzD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;;QAC3D,MAAM,KAAK,GAAuB;YAChC,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/B,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,aAAa,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YACnC,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;SACnC,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;iBAEjC,KAAK;qBACD,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAGzD,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QACzD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;;QAC9D,MAAM,KAAK,GAAuB;YAChC,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/B,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,aAAa,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YACnC,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;SACnC,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;iBAEjC,KAAK;qBACD,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAG1D,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QACzD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;;QAC9D,MAAM,KAAK,GAAuB;YAChC,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/B,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,aAAa,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YACnC,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;SACnC,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;iBAEjC,KAAK;qBACD,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAG1D,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QACzD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yEAAyE,EAAE,KAAK,IAAI,EAAE;;QACvF,MAAM,KAAK,GAAuB;YAChC,aAAa,EAAE,IAAI,IAAI,CAAC,sBAAsB,CAAC;SAChD,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;iBAEjC,KAAK;qBACD,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAGpD,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QACzD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8EAA8E,EAAE,KAAK,IAAI,EAAE;;QAC5F,MAAM,KAAK,GAAuB;YAChC,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAC3C,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAC9C,aAAa,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/C,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;SAC/C,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;iBAEjC,KAAK;qBACD,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAGzD,CAAC,CAAC;QAEH,IAAI,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAEjE,EAAE,CAAC,SAAS,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;QAC1D,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QACnD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAEjE,EAAE,CAAC,SAAS,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;QAC1D,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QACnD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;;QAChE,MAAM,KAAK,GAAuB;YAChC,aAAa,EAAE,IAAI,IAAI,CAAC,sBAAsB,CAAC;SAChD,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;iBAEjC,KAAK;qBACD,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAGpD,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QACzD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qEAAqE,EAAE,KAAK,IAAI,EAAE;;QACnF,6EAA6E;QAC7E,MAAM,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC,iBAAiB,EAAE,CAAC;QAC9C,IAAI,aAAa,EAAE,QAAQ,CAAC;QAC5B,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;YACf,qEAAqE;YACrE,aAAa,GAAG,IAAI,IAAI,CAAC,sBAAsB,CAAC,CAAC;YACjD,QAAQ,GAAG,cAAc,CAAC;QAC5B,CAAC;aAAM,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,mEAAmE;YACnE,aAAa,GAAG,IAAI,IAAI,CAAC,sBAAsB,CAAC,CAAC;YACjD,QAAQ,GAAG,cAAc,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,oCAAoC;YACpC,aAAa,GAAG,IAAI,IAAI,CAAC,sBAAsB,CAAC,CAAC;YACjD,QAAQ,GAAG,cAAc,CAAC;QAC5B,CAAC;QAED,MAAM,KAAK,GAAuB;YAChC,aAAa;SACd,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;iBAGjC,KAAK;qBACD,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE;;;KAGpD,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QACzD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;;QACpF,MAAM,KAAK,GAAuB;YAChC,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;SAChC,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;kCAChB,KAAK,mBAAmB,GAAG;;KAExD,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,cAAc,CAAC,SAAS,CAAC,CAAC;QACzD,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACzB,MAAM,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { TileListCompact } from '../../../src/tiles/list/tile-list-compact';\n\nimport '../../../src/tiles/list/tile-list-compact';\nimport type { TileModel } from '../../../src/models';\n\ndescribe('List Tile Compact', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<TileListCompact>(\n      html`<tile-list-compact></tile-list-compact>`,\n    );\n\n    const listContainer = el.shadowRoot?.querySelector('#list-line');\n    const itemTitle = el.shadowRoot?.querySelector('#title');\n    const imageBlock = el.shadowRoot?.querySelector('image-block');\n    const itemIcon = el.shadowRoot?.querySelector('#icon');\n    const itemViews = el.shadowRoot?.querySelector('#views');\n\n    expect(listContainer).to.exist;\n    expect(itemTitle).to.exist;\n    expect(imageBlock).to.exist;\n    expect(itemIcon).to.exist;\n    expect(itemViews).to.exist;\n  });\n\n  it('should render with creator element with title', async () => {\n    const el = await fixture<TileListCompact>(html`\n      <tile-list-compact\n        .model=${{ creators: ['someone'] }}\n      ></tile-list-compact>\n    `);\n\n    const creator = el.shadowRoot?.querySelector('#creator');\n\n    expect(creator).to.exist;\n  });\n\n  it('should render title link with model href if provided', async () => {\n    const el = await fixture<TileListCompact>(html`\n      <tile-list-compact\n        .baseNavigationUrl=${''}\n        .model=${{ identifier: 'id', title: 'foo', href: '/foo/bar' }}\n      ></tile-list-compact>\n    `);\n\n    const title = el.shadowRoot?.querySelector('#title');\n\n    expect(title).to.exist;\n    expect(title?.getAttribute('href')).to.equal('/foo/bar');\n  });\n\n  it('should render weekly views when sorting by week', async () => {\n    const el = await fixture<TileListCompact>(html`\n      <tile-list-compact\n        .model=${{ viewCount: 50, weeklyViewCount: 10 }}\n        .sortParam=${{ field: 'week', direction: 'desc' }}\n      >\n      </tile-list-compact>\n    `);\n\n    const viewsColumn = el.shadowRoot?.getElementById('views');\n    expect(viewsColumn).to.exist;\n    expect(viewsColumn?.textContent?.trim()).to.equal('10');\n  });\n\n  it('should render 0 for views if missing model', async () => {\n    const el = await fixture<TileListCompact>(html`\n      <tile-list-compact .sortParam=${{ field: 'week', direction: 'desc' }}>\n      </tile-list-compact>\n    `);\n\n    const viewsColumn = el.shadowRoot?.getElementById('views');\n    expect(viewsColumn).to.exist;\n    expect(viewsColumn?.textContent?.trim()).to.equal('0');\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<TileListCompact>(html`\n      <tile-list-compact\n        .model=${model}\n        .sortParam=${{ field: 'date', direction: 'desc' }}\n      >\n      </tile-list-compact>\n    `);\n\n    const dateColumn = el.shadowRoot?.getElementById('date');\n    expect(dateColumn).to.exist;\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2012');\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<TileListCompact>(html`\n      <tile-list-compact\n        .model=${model}\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\n      >\n      </tile-list-compact>\n    `);\n\n    const dateColumn = el.shadowRoot?.getElementById('date');\n    expect(dateColumn).to.exist;\n    expect(dateColumn?.textContent?.trim()).to.equal('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<TileListCompact>(html`\n      <tile-list-compact\n        .model=${model}\n        .sortParam=${{ field: 'publicdate', direction: 'desc' }}\n      >\n      </tile-list-compact>\n    `);\n\n    const dateColumn = el.shadowRoot?.getElementById('date');\n    expect(dateColumn).to.exist;\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2011');\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<TileListCompact>(html`\n      <tile-list-compact\n        .model=${model}\n        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}\n      >\n      </tile-list-compact>\n    `);\n\n    const dateColumn = el.shadowRoot?.getElementById('date');\n    expect(dateColumn).to.exist;\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2013');\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<TileListCompact>(html`\n      <tile-list-compact\n        .model=${model}\n        .sortParam=${{ field: 'date', direction: 'desc' }}\n      >\n      </tile-list-compact>\n    `);\n\n    const dateColumn = el.shadowRoot?.getElementById('date');\n    expect(dateColumn).to.exist;\n    expect(dateColumn?.textContent?.trim()).to.equal('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<TileListCompact>(html`\n      <tile-list-compact\n        .model=${model}\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\n      >\n      </tile-list-compact>\n    `);\n\n    let dateColumn = el.shadowRoot?.getElementById('date');\n    expect(dateColumn).to.exist;\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 01, 2010');\n\n    el.sortParam = { field: 'publicdate', direction: 'desc' };\n    await el.updateComplete;\n    dateColumn = el.shadowRoot?.getElementById('date');\n    expect(dateColumn).to.exist;\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 01, 2011');\n\n    el.sortParam = { field: 'reviewdate', direction: 'desc' };\n    await el.updateComplete;\n    dateColumn = el.shadowRoot?.getElementById('date');\n    expect(dateColumn).to.exist;\n    expect(dateColumn?.textContent?.trim()).to.equal('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<TileListCompact>(html`\n      <tile-list-compact\n        .model=${model}\n        .sortParam=${{ field: 'date', direction: 'desc' }}\n      >\n      </tile-list-compact>\n    `);\n\n    const dateColumn = el.shadowRoot?.getElementById('date');\n    expect(dateColumn).to.exist;\n    expect(dateColumn?.textContent?.trim()).to.equal('Feb 15, 2012');\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 = '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 = 'Feb 16, 2012';\n    } else {\n      // Local time may just be UTC itself\n      datePublished = new Date('2012-02-15T00:00:00Z');\n      expected = 'Feb 15, 2012';\n    }\n\n    const model: Partial<TileModel> = {\n      datePublished,\n    };\n\n    const el = await fixture<TileListCompact>(html`\n      <tile-list-compact\n        useLocalTime\n        .model=${model}\n        .sortParam=${{ field: 'date', direction: 'desc' }}\n      >\n      </tile-list-compact>\n    `);\n\n    const dateColumn = el.shadowRoot?.getElementById('date');\n    expect(dateColumn).to.exist;\n    expect(dateColumn?.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<TileListCompact>(html`\n      <tile-list-compact .model=${model} .creatorFilter=${'B'}>\n      </tile-list-compact>\n    `);\n\n    const creator = el.shadowRoot?.getElementById('creator');\n    expect(creator).to.exist;\n    expect(creator?.textContent?.trim()).to.equal('bar');\n  });\n});\n"]}

package/dist/test/tiles/list/tile-list.test.d.ts

@@ -1 +0,0 @@
-import '../../../src/tiles/list/tile-list';