@internetarchive/collection-browser 0.3.8 → 0.3.9

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

@@ -1,130 +1,130 @@
-/* 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 weekly views when sorting by week', async () => {
-        var _a, _b;
+    `);
+        const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#creator');
+        expect(creator).to.exist;
+    });
+    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-01-01'),
-            dateArchived: new Date('2011-01-01'),
-            datePublished: new Date('2012-01-01'),
-            dateReviewed: new Date('2013-01-01'),
-        };
+    `);
+        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-01-01'),
+            dateArchived: new Date('2011-01-01'),
+            datePublished: new Date('2012-01-01'),
+            dateReviewed: new Date('2013-01-01'),
+        };
         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 01, 2012');
-    });
-    it('should render added date when sorting by it', async () => {
-        var _a, _b;
-        const model = {
-            dateAdded: new Date('2010-01-01'),
-            dateArchived: new Date('2011-01-01'),
-            datePublished: new Date('2012-01-01'),
-            dateReviewed: new Date('2013-01-01'),
-        };
+    `);
+        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 01, 2012');
+    });
+    it('should render added date when sorting by it', async () => {
+        var _a, _b;
+        const model = {
+            dateAdded: new Date('2010-01-01'),
+            dateArchived: new Date('2011-01-01'),
+            datePublished: new Date('2012-01-01'),
+            dateReviewed: new Date('2013-01-01'),
+        };
         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 01, 2010');
-    });
-    it('should render archived date when sorting by it', async () => {
-        var _a, _b;
-        const model = {
-            dateAdded: new Date('2010-01-01'),
-            dateArchived: new Date('2011-01-01'),
-            datePublished: new Date('2012-01-01'),
-            dateReviewed: new Date('2013-01-01'),
-        };
+    `);
+        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 01, 2010');
+    });
+    it('should render archived date when sorting by it', async () => {
+        var _a, _b;
+        const model = {
+            dateAdded: new Date('2010-01-01'),
+            dateArchived: new Date('2011-01-01'),
+            datePublished: new Date('2012-01-01'),
+            dateReviewed: new Date('2013-01-01'),
+        };
         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 01, 2011');
-    });
-    it('should render reviewed date when sorting by it', async () => {
-        var _a, _b;
-        const model = {
-            dateAdded: new Date('2010-01-01'),
-            dateArchived: new Date('2011-01-01'),
-            datePublished: new Date('2012-01-01'),
-            dateReviewed: new Date('2013-01-01'),
-        };
+    `);
+        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 01, 2011');
+    });
+    it('should render reviewed date when sorting by it', async () => {
+        var _a, _b;
+        const model = {
+            dateAdded: new Date('2010-01-01'),
+            dateArchived: new Date('2011-01-01'),
+            datePublished: new Date('2012-01-01'),
+            dateReviewed: new Date('2013-01-01'),
+        };
         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 01, 2013');
-    });
-});
+    `);
+        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 01, 2013');
+    });
+});
 //# 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';

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

@@ -1,120 +1,164 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../../../src/tiles/list/tile-list';
-import { MockCollectionNameCache } from '../../mocks/mock-collection-name-cache';
-describe('List Tile', () => {
-    it('should render initial component', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<tile-list></tile-list>`);
-        const listContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#list-line');
-        const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
-        const imageBlock = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('image-block');
-        expect(listContainer).to.exist;
-        expect(itemTitle).to.exist;
-        expect(imageBlock).to.exist;
-    });
-    it('should render with creator element but not dates', async () => {
-        var _a, _b;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../../../src/tiles/list/tile-list';
+import { MockCollectionNameCache } from '../../mocks/mock-collection-name-cache';
+describe('List Tile', () => {
+    it('should render initial component', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<tile-list></tile-list>`);
+        const listContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#list-line');
+        const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
+        const imageBlock = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('image-block');
+        expect(listContainer).to.exist;
+        expect(itemTitle).to.exist;
+        expect(imageBlock).to.exist;
+    });
+    it('should render the mobile template if below mobile breakpoint', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `
+      <tile-list .mobileBreakpoint=${500} .currentWidth=${400}> </tile-list>
+    `);
+        const listContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('list-line');
+        const topLine = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('list-line-top');
+        const bottomLine = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('list-line-bottom');
+        expect(listContainer).to.exist;
+        expect(listContainer === null || listContainer === void 0 ? void 0 : listContainer.classList.contains('mobile')).to.be.true;
+        expect(topLine).to.exist;
+        expect(bottomLine).to.exist;
+    });
+    it('should render with creator element but not dates', async () => {
+        var _a, _b;
         const el = await fixture(html `
       <tile-list .model=${{ creators: ['someone'] }}></tile-list>
-    `);
-        const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#creator');
-        const datesLine = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#dates-line');
-        expect(creator).to.exist;
-        expect(datesLine === null || datesLine === void 0 ? void 0 : datesLine.children.length).to.equal(0);
-    });
-    it('should render with snippet block when it has snippets', async () => {
-        var _a;
+    `);
+        const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#creator');
+        const datesLine = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#dates-line');
+        expect(creator).to.exist;
+        expect(datesLine === null || datesLine === void 0 ? void 0 : datesLine.children.length).to.equal(0);
+    });
+    it('should render with snippet block when it has snippets', async () => {
+        var _a;
         const el = await fixture(html `
       <tile-list .model=${{ snippets: ['some {{{snippet}}} text'] }}>
       </tile-list>
-    `);
-        const 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 `<tile-list></tile-list>`);
-        const snippetBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-snippet-block');
-        expect(snippetBlock).to.not.exist;
-    });
-    it('should not render suppressed collections', async () => {
-        var _a;
-        const collectionNameCache = new MockCollectionNameCache();
+    `);
+        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 `<tile-list></tile-list>`);
+        const snippetBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-snippet-block');
+        expect(snippetBlock).to.not.exist;
+    });
+    it('should not render suppressed collections', async () => {
+        var _a;
+        const collectionNameCache = new MockCollectionNameCache();
         const el = await fixture(html `
       <tile-list
         .model=${{ collections: ['deemphasize', 'community', 'foo'] }}
         .collectionNameCache=${collectionNameCache}
       >
       </tile-list>
-    `);
-        const collectionsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('collections');
-        expect(collectionsRow).to.exist;
-        const collectionLinks = collectionsRow === null || collectionsRow === void 0 ? void 0 : collectionsRow.querySelectorAll('a[href]');
-        expect(collectionLinks === null || collectionLinks === void 0 ? void 0 : collectionLinks.length).to.equal(1);
-        expect(collectionLinks === null || collectionLinks === void 0 ? void 0 : collectionLinks.item(0).getAttribute('href')).to.equal('/details/foo');
-    });
-    it('should render weekly views when sorting by week', async () => {
-        var _a, _b;
+    `);
+        const collectionsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('collections');
+        expect(collectionsRow).to.exist;
+        const collectionLinks = collectionsRow === null || collectionsRow === void 0 ? void 0 : collectionsRow.querySelectorAll('a[href]');
+        expect(collectionLinks === null || collectionLinks === void 0 ? void 0 : collectionLinks.length).to.equal(1);
+        expect(collectionLinks === null || collectionLinks === void 0 ? void 0 : collectionLinks.item(0).getAttribute('href')).to.equal('/details/foo');
+    });
+    it('should not render fav- collections', async () => {
+        var _a;
+        const collectionNameCache = new MockCollectionNameCache();
+        const el = await fixture(html `
+      <tile-list
+        .model=${{ collections: ['fav-foo', 'bar'] }}
+        .collectionNameCache=${collectionNameCache}
+      >
+      </tile-list>
+    `);
+        const collectionsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('collections');
+        expect(collectionsRow).to.exist;
+        const collectionLinks = collectionsRow === null || collectionsRow === void 0 ? void 0 : collectionsRow.querySelectorAll('a[href]');
+        expect(collectionLinks === null || collectionLinks === void 0 ? void 0 : collectionLinks.length).to.equal(1);
+        expect(collectionLinks === null || collectionLinks === void 0 ? void 0 : collectionLinks.item(0).getAttribute('href')).to.equal('/details/bar');
+    });
+    it('should render weekly views when sorting by week', async () => {
+        var _a, _b;
         const el = await fixture(html `
       <tile-list
         .model=${{ viewCount: 50, weeklyViewCount: 10 }}
         .sortParam=${{ field: 'week', direction: 'desc' }}
       >
       </tile-list>
-    `);
-        const viewsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views-line');
-        expect(viewsRow).to.exist;
-        expect((_b = viewsRow === null || viewsRow === void 0 ? void 0 : viewsRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Views:  10');
-    });
-    it('should render added date when sorting by it', async () => {
-        var _a, _b;
-        const model = {
-            dateAdded: new Date('2010-01-01'),
-            dateArchived: new Date('2011-01-01'),
-            datePublished: new Date('2012-01-01'),
-            dateReviewed: new Date('2013-01-01'),
-        };
+    `);
+        const viewsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views-line');
+        expect(viewsRow).to.exist;
+        expect((_b = viewsRow === null || viewsRow === void 0 ? void 0 : viewsRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Views:  10');
+    });
+    it('should render added date when sorting by it', async () => {
+        var _a, _b;
+        const model = {
+            dateAdded: new Date('2010-01-01'),
+            dateArchived: new Date('2011-01-01'),
+            datePublished: new Date('2012-01-01'),
+            dateReviewed: new Date('2013-01-01'),
+        };
         const el = await fixture(html `
       <tile-list
         .model=${model}
         .sortParam=${{ field: 'addeddate', direction: 'desc' }}
       >
       </tile-list>
-    `);
-        const dateRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dates-line');
-        expect(dateRow).to.exist;
-        expect((_b = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain('Added:  Jan 01, 2010');
-    });
-    it('should render links to /search pages (not search.php) for subject, creator, and source', async () => {
-        var _a, _b, _c;
-        const model = {
-            subjects: ['foo'],
-            creators: ['bar'],
-            source: 'baz',
-        };
+    `);
+        const dateRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('dates-line');
+        expect(dateRow).to.exist;
+        expect((_b = dateRow === null || dateRow === void 0 ? void 0 : dateRow.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.contain('Added:  Jan 01, 2010');
+    });
+    it('should render links to /search pages (not search.php) for subject, creator, and source', async () => {
+        var _a, _b, _c;
+        const model = {
+            subjects: ['foo'],
+            creators: ['bar'],
+            source: 'baz',
+        };
         const el = await fixture(html `
       <tile-list .model=${model}></tile-list>
-    `);
-        const subjectLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#topics a[href]');
-        expect(subjectLink).to.exist;
-        expect(subjectLink === null || subjectLink === void 0 ? void 0 : subjectLink.getAttribute('href')).to.equal(`/search?query=${encodeURIComponent('subject:"foo"')}`);
-        const creatorLink = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#creator a[href]');
-        expect(creatorLink).to.exist;
-        expect(creatorLink === null || creatorLink === void 0 ? void 0 : creatorLink.getAttribute('href')).to.equal(`/search?query=${encodeURIComponent('creator:"bar"')}`);
-        const sourceLink = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#source a[href]');
-        expect(sourceLink).to.exist;
-        expect(sourceLink === null || sourceLink === void 0 ? void 0 : sourceLink.getAttribute('href')).to.equal(`/search?query=${encodeURIComponent('source:"baz"')}`);
-    });
-    it('should render multi-line descriptions with spaces b/w lines', async () => {
-        var _a, _b;
+    `);
+        const subjectLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#topics a[href]');
+        expect(subjectLink).to.exist;
+        expect(subjectLink === null || subjectLink === void 0 ? void 0 : subjectLink.getAttribute('href')).to.equal(`/search?query=${encodeURIComponent('subject:"foo"')}`);
+        const creatorLink = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#creator a[href]');
+        expect(creatorLink).to.exist;
+        expect(creatorLink === null || creatorLink === void 0 ? void 0 : creatorLink.getAttribute('href')).to.equal(`/search?query=${encodeURIComponent('creator:"bar"')}`);
+        const sourceLink = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#source a[href]');
+        expect(sourceLink).to.exist;
+        expect(sourceLink === null || sourceLink === void 0 ? void 0 : sourceLink.getAttribute('href')).to.equal(`/search?query=${encodeURIComponent('source:"baz"')}`);
+    });
+    it('should render multi-line descriptions with spaces b/w lines', async () => {
+        var _a, _b;
         const el = await fixture(html `
       <tile-list .model=${{ description: 'line1\nline2' }}> </tile-list>
-    `);
-        const descriptionBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('description');
-        expect(descriptionBlock).to.exist;
-        expect((_b = descriptionBlock === null || descriptionBlock === void 0 ? void 0 : descriptionBlock.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('line1 line2'); // line break replaced by space
-    });
-});
+    `);
+        const descriptionBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('description');
+        expect(descriptionBlock).to.exist;
+        expect((_b = descriptionBlock === null || descriptionBlock === void 0 ? void 0 : descriptionBlock.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('line1 line2'); // line break replaced by space
+    });
+    it('should render date added for accounts', async () => {
+        var _a, _b;
+        const el = await fixture(html `
+      <tile-list
+        .model=${{
+            mediatype: 'account',
+            dateAdded: new Date('2015-05-05T00:00:00'),
+        }}
+      >
+      </tile-list>
+    `);
+        const creatorBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('creator');
+        expect(creatorBlock).to.exist;
+        expect((_b = creatorBlock === null || creatorBlock === void 0 ? void 0 : creatorBlock.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Archivist since 2015');
+    });
+});
 //# sourceMappingURL=tile-list.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tile-list.test.js","sourceRoot":"","sources":["../../../../test/tiles/list/tile-list.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { TileList } from '../../../src/tiles/list/tile-list';\n\nimport '../../../src/tiles/list/tile-list';\nimport { MockCollectionNameCache } from '../../mocks/mock-collection-name-cache';\nimport type { TileModel } from '../../../src/models';\n\ndescribe('List Tile', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<TileList>(html`<tile-list></tile-list>`);\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\n    expect(listContainer).to.exist;\n    expect(itemTitle).to.exist;\n    expect(imageBlock).to.exist;\n  });\n\n  it('should render with creator element but not dates', async () => {\n    const el = await fixture<TileList>(html`\n      <tile-list .model=${{ creators: ['someone'] }}></tile-list>\n    `);\n\n    const creator = el.shadowRoot?.querySelector('#creator');\n    const datesLine = el.shadowRoot?.querySelector('#dates-line');\n\n    expect(creator).to.exist;\n    expect(datesLine?.children.length).to.equal(0);\n  });\n\n  it('should render with snippet block when it has snippets', async () => {\n    const el = await fixture<TileList>(html`\n      <tile-list .model=${{ snippets: ['some {{{snippet}}} text'] }}>\n      </tile-list>\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<TileList>(html`<tile-list></tile-list>`);\n\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\n\n    expect(snippetBlock).to.not.exist;\n  });\n\n  it('should not render suppressed collections', async () => {\n    const collectionNameCache = new MockCollectionNameCache();\n    const el = await fixture<TileList>(html`\n      <tile-list\n        .model=${{ collections: ['deemphasize', 'community', 'foo'] }}\n        .collectionNameCache=${collectionNameCache}\n      >\n      </tile-list>\n    `);\n\n    const collectionsRow = el.shadowRoot?.getElementById('collections');\n    expect(collectionsRow).to.exist;\n\n    const collectionLinks = collectionsRow?.querySelectorAll('a[href]');\n    expect(collectionLinks?.length).to.equal(1);\n    expect(collectionLinks?.item(0).getAttribute('href')).to.equal(\n      '/details/foo'\n    );\n  });\n\n  it('should render weekly views when sorting by week', async () => {\n    const el = await fixture<TileList>(html`\n      <tile-list\n        .model=${{ viewCount: 50, weeklyViewCount: 10 }}\n        .sortParam=${{ field: 'week', direction: 'desc' }}\n      >\n      </tile-list>\n    `);\n\n    const viewsRow = el.shadowRoot?.getElementById('views-line');\n    expect(viewsRow).to.exist;\n    expect(viewsRow?.textContent?.trim()).to.equal('Views:  10');\n  });\n\n  it('should render added date when sorting by it', async () => {\n    const model: Partial<TileModel> = {\n      dateAdded: new Date('2010-01-01'),\n      dateArchived: new Date('2011-01-01'),\n      datePublished: new Date('2012-01-01'),\n      dateReviewed: new Date('2013-01-01'),\n    };\n\n    const el = await fixture<TileList>(html`\n      <tile-list\n        .model=${model}\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\n      >\n      </tile-list>\n    `);\n\n    const dateRow = el.shadowRoot?.getElementById('dates-line');\n    expect(dateRow).to.exist;\n    expect(dateRow?.textContent?.trim()).to.contain('Added:  Jan 01, 2010');\n  });\n\n  it('should render links to /search pages (not search.php) for subject, creator, and source', async () => {\n    const model: Partial<TileModel> = {\n      subjects: ['foo'],\n      creators: ['bar'],\n      source: 'baz',\n    };\n\n    const el = await fixture<TileList>(html`\n      <tile-list .model=${model}></tile-list>\n    `);\n\n    const subjectLink = el.shadowRoot?.querySelector('#topics a[href]');\n    expect(subjectLink).to.exist;\n    expect(subjectLink?.getAttribute('href')).to.equal(\n      `/search?query=${encodeURIComponent('subject:\"foo\"')}`\n    );\n\n    const creatorLink = el.shadowRoot?.querySelector('#creator a[href]');\n    expect(creatorLink).to.exist;\n    expect(creatorLink?.getAttribute('href')).to.equal(\n      `/search?query=${encodeURIComponent('creator:\"bar\"')}`\n    );\n\n    const sourceLink = el.shadowRoot?.querySelector('#source a[href]');\n    expect(sourceLink).to.exist;\n    expect(sourceLink?.getAttribute('href')).to.equal(\n      `/search?query=${encodeURIComponent('source:\"baz\"')}`\n    );\n  });\n\n  it('should render multi-line descriptions with spaces b/w lines', async () => {\n    const el = await fixture<TileList>(html`\n      <tile-list .model=${{ description: 'line1\\nline2' }}> </tile-list>\n    `);\n\n    const descriptionBlock = el.shadowRoot?.getElementById('description');\n    expect(descriptionBlock).to.exist;\n    expect(descriptionBlock?.textContent?.trim()).to.equal('line1 line2'); // line break replaced by space\n  });\n});\n"]}
+{"version":3,"file":"tile-list.test.js","sourceRoot":"","sources":["../../../../test/tiles/list/tile-list.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { TileList } from '../../../src/tiles/list/tile-list';\n\nimport '../../../src/tiles/list/tile-list';\nimport { MockCollectionNameCache } from '../../mocks/mock-collection-name-cache';\nimport type { TileModel } from '../../../src/models';\n\ndescribe('List Tile', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<TileList>(html`<tile-list></tile-list>`);\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\n    expect(listContainer).to.exist;\n    expect(itemTitle).to.exist;\n    expect(imageBlock).to.exist;\n  });\n\n  it('should render the mobile template if below mobile breakpoint', async () => {\n    const el = await fixture<TileList>(html`\n      <tile-list .mobileBreakpoint=${500} .currentWidth=${400}> </tile-list>\n    `);\n\n    const listContainer = el.shadowRoot?.getElementById('list-line');\n    const topLine = el.shadowRoot?.getElementById('list-line-top');\n    const bottomLine = el.shadowRoot?.getElementById('list-line-bottom');\n\n    expect(listContainer).to.exist;\n    expect(listContainer?.classList.contains('mobile')).to.be.true;\n    expect(topLine).to.exist;\n    expect(bottomLine).to.exist;\n  });\n\n  it('should render with creator element but not dates', async () => {\n    const el = await fixture<TileList>(html`\n      <tile-list .model=${{ creators: ['someone'] }}></tile-list>\n    `);\n\n    const creator = el.shadowRoot?.querySelector('#creator');\n    const datesLine = el.shadowRoot?.querySelector('#dates-line');\n\n    expect(creator).to.exist;\n    expect(datesLine?.children.length).to.equal(0);\n  });\n\n  it('should render with snippet block when it has snippets', async () => {\n    const el = await fixture<TileList>(html`\n      <tile-list .model=${{ snippets: ['some {{{snippet}}} text'] }}>\n      </tile-list>\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<TileList>(html`<tile-list></tile-list>`);\n\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\n\n    expect(snippetBlock).to.not.exist;\n  });\n\n  it('should not render suppressed collections', async () => {\n    const collectionNameCache = new MockCollectionNameCache();\n    const el = await fixture<TileList>(html`\n      <tile-list\n        .model=${{ collections: ['deemphasize', 'community', 'foo'] }}\n        .collectionNameCache=${collectionNameCache}\n      >\n      </tile-list>\n    `);\n\n    const collectionsRow = el.shadowRoot?.getElementById('collections');\n    expect(collectionsRow).to.exist;\n\n    const collectionLinks = collectionsRow?.querySelectorAll('a[href]');\n    expect(collectionLinks?.length).to.equal(1);\n    expect(collectionLinks?.item(0).getAttribute('href')).to.equal(\n      '/details/foo'\n    );\n  });\n\n  it('should not render fav- collections', async () => {\n    const collectionNameCache = new MockCollectionNameCache();\n    const el = await fixture<TileList>(html`\n      <tile-list\n        .model=${{ collections: ['fav-foo', 'bar'] }}\n        .collectionNameCache=${collectionNameCache}\n      >\n      </tile-list>\n    `);\n\n    const collectionsRow = el.shadowRoot?.getElementById('collections');\n    expect(collectionsRow).to.exist;\n\n    const collectionLinks = collectionsRow?.querySelectorAll('a[href]');\n    expect(collectionLinks?.length).to.equal(1);\n    expect(collectionLinks?.item(0).getAttribute('href')).to.equal(\n      '/details/bar'\n    );\n  });\n\n  it('should render weekly views when sorting by week', async () => {\n    const el = await fixture<TileList>(html`\n      <tile-list\n        .model=${{ viewCount: 50, weeklyViewCount: 10 }}\n        .sortParam=${{ field: 'week', direction: 'desc' }}\n      >\n      </tile-list>\n    `);\n\n    const viewsRow = el.shadowRoot?.getElementById('views-line');\n    expect(viewsRow).to.exist;\n    expect(viewsRow?.textContent?.trim()).to.equal('Views:  10');\n  });\n\n  it('should render added date when sorting by it', async () => {\n    const model: Partial<TileModel> = {\n      dateAdded: new Date('2010-01-01'),\n      dateArchived: new Date('2011-01-01'),\n      datePublished: new Date('2012-01-01'),\n      dateReviewed: new Date('2013-01-01'),\n    };\n\n    const el = await fixture<TileList>(html`\n      <tile-list\n        .model=${model}\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\n      >\n      </tile-list>\n    `);\n\n    const dateRow = el.shadowRoot?.getElementById('dates-line');\n    expect(dateRow).to.exist;\n    expect(dateRow?.textContent?.trim()).to.contain('Added:  Jan 01, 2010');\n  });\n\n  it('should render links to /search pages (not search.php) for subject, creator, and source', async () => {\n    const model: Partial<TileModel> = {\n      subjects: ['foo'],\n      creators: ['bar'],\n      source: 'baz',\n    };\n\n    const el = await fixture<TileList>(html`\n      <tile-list .model=${model}></tile-list>\n    `);\n\n    const subjectLink = el.shadowRoot?.querySelector('#topics a[href]');\n    expect(subjectLink).to.exist;\n    expect(subjectLink?.getAttribute('href')).to.equal(\n      `/search?query=${encodeURIComponent('subject:\"foo\"')}`\n    );\n\n    const creatorLink = el.shadowRoot?.querySelector('#creator a[href]');\n    expect(creatorLink).to.exist;\n    expect(creatorLink?.getAttribute('href')).to.equal(\n      `/search?query=${encodeURIComponent('creator:\"bar\"')}`\n    );\n\n    const sourceLink = el.shadowRoot?.querySelector('#source a[href]');\n    expect(sourceLink).to.exist;\n    expect(sourceLink?.getAttribute('href')).to.equal(\n      `/search?query=${encodeURIComponent('source:\"baz\"')}`\n    );\n  });\n\n  it('should render multi-line descriptions with spaces b/w lines', async () => {\n    const el = await fixture<TileList>(html`\n      <tile-list .model=${{ description: 'line1\\nline2' }}> </tile-list>\n    `);\n\n    const descriptionBlock = el.shadowRoot?.getElementById('description');\n    expect(descriptionBlock).to.exist;\n    expect(descriptionBlock?.textContent?.trim()).to.equal('line1 line2'); // line break replaced by space\n  });\n\n  it('should render date added for accounts', async () => {\n    const el = await fixture<TileList>(html`\n      <tile-list\n        .model=${{\n          mediatype: 'account',\n          dateAdded: new Date('2015-05-05T00:00:00'),\n        }}\n      >\n      </tile-list>\n    `);\n\n    const creatorBlock = el.shadowRoot?.getElementById('creator');\n    expect(creatorBlock).to.exist;\n    expect(creatorBlock?.textContent?.trim()).to.equal('Archivist since 2015');\n  });\n});\n"]}

package/dist/test/utils/format-count.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/test/utils/format-count.test.js

@@ -1,24 +1,24 @@
-import { expect } from '@open-wc/testing';
-import { formatCount } from '../../src/utils/format-count';
-const testCount = 805342;
-describe('formatCount', () => {
-    it('returns blank when undefined number', () => {
-        expect(formatCount(undefined)).to.equal('');
-    });
-    it('returns blank when negative number', () => {
-        expect(formatCount(testCount * -1)).to.equal('');
-    });
-    it('returns long number when no NumberFormat', () => {
-        expect(formatCount(testCount)).to.equal('805,342');
-    });
-    it('returns short number when short NumberFormat', () => {
-        expect(formatCount(testCount, 'short')).to.equal('805K');
-    });
-    it('returns decimal when value of significant digits < 10', () => {
-        expect(formatCount(testCount * 10, 'short', 'long')).to.equal('8.1 million');
-    });
-    it('returns locale formatted number', () => {
-        expect(formatCount(testCount, 'long', 'long', 'de-DE')).to.equal('805.342');
-    });
-});
+import { expect } from '@open-wc/testing';
+import { formatCount } from '../../src/utils/format-count';
+const testCount = 805342;
+describe('formatCount', () => {
+    it('returns blank when undefined number', () => {
+        expect(formatCount(undefined)).to.equal('');
+    });
+    it('returns blank when negative number', () => {
+        expect(formatCount(testCount * -1)).to.equal('');
+    });
+    it('returns long number when no NumberFormat', () => {
+        expect(formatCount(testCount)).to.equal('805,342');
+    });
+    it('returns short number when short NumberFormat', () => {
+        expect(formatCount(testCount, 'short')).to.equal('805K');
+    });
+    it('returns decimal when value of significant digits < 10', () => {
+        expect(formatCount(testCount * 10, 'short', 'long')).to.equal('8.1 million');
+    });
+    it('returns locale formatted number', () => {
+        expect(formatCount(testCount, 'long', 'long', 'de-DE')).to.equal('805.342');
+    });
+});
 //# sourceMappingURL=format-count.test.js.map

package/dist/test/utils/format-date.test.d.ts

@@ -1 +1 @@
-export {};
+export {};