@internetarchive/collection-browser 2.2.3-alpha.6 → 2.4.0-e2e-test-0

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

@@ -1,201 +1,201 @@
-/* eslint-disable import/no-duplicates */
-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;
+/* eslint-disable import/no-duplicates */
+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 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 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 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 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 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 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 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, 0, 1, 0, 0, 0, 0),
-        };
+    `);
+        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, 0, 1, 0, 0, 0, 0),
+        };
         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 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 show the first creator matching the letter filter, if defined', async () => {
-        var _a, _b;
-        const model = {
-            creator: 'foo',
-            creators: ['foo', 'bar', 'baz'],
-        };
+    `);
+        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 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');
-    });
-});
+    `);
+        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.test.d.ts

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