@internetarchive/collection-browser 0.4.11 → 0.4.13-alpha.1

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

@@ -1,130 +1,142 @@
-/* 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 title link with model href if provided', async () => {
+        var _a;
+        const el = await fixture(html `
+      <tile-list-compact
+        .baseNavigationUrl=${''}
+        .model=${{ 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 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-compact.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-list-compact.test.js","sourceRoot":"","sources":["../../../../test/tiles/list/tile-list-compact.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 { 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 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-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<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 01, 2012');\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<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 01, 2010');\n  });\n\n  it('should render archived 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<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 01, 2011');\n  });\n\n  it('should render reviewed 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<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 01, 2013');\n  });\n});\n"]}
+{"version":3,"file":"tile-list-compact.test.js","sourceRoot":"","sources":["../../../../test/tiles/list/tile-list-compact.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 { 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=${{ 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-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<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 01, 2012');\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<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 01, 2010');\n  });\n\n  it('should render archived 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<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 01, 2011');\n  });\n\n  it('should render reviewed 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<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 01, 2013');\n  });\n});\n"]}

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

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