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

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

@@ -1,97 +1,97 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import sinon from 'sinon';
-import { html } from 'lit';
-import '../../../src/tiles/grid/account-tile';
-describe('Account Tile', () => {
-    it('should render initial component', async () => {
-        var _a, _b, _c, _d;
-        const el = await fixture(html `<account-tile></account-tile>`);
-        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
-        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('image-block');
-        const itemArchivist = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.archivist-since');
-        const tileStats = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('tile-stats');
-        expect(itemInfo).to.exist;
-        expect(itemImage).to.exist;
-        expect(itemArchivist).to.exist;
-        expect(tileStats).to.exist;
-    });
-    it('should render with title element', async () => {
-        var _a, _b, _c;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import sinon from 'sinon';
+import { html } from 'lit';
+import '../../../src/tiles/grid/account-tile';
+describe('Account Tile', () => {
+    it('should render initial component', async () => {
+        var _a, _b, _c, _d;
+        const el = await fixture(html `<account-tile></account-tile>`);
+        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
+        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('image-block');
+        const itemArchivist = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.archivist-since');
+        const tileStats = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('tile-stats');
+        expect(itemInfo).to.exist;
+        expect(itemImage).to.exist;
+        expect(itemArchivist).to.exist;
+        expect(tileStats).to.exist;
+    });
+    it('should render with title element', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <account-tile
-        .model=${{
-            identifier: '@jack-sparrow',
+        .model=${{
+            identifier: '@jack-sparrow',
         }}
       >
       </account-tile>
-    `);
-        await el.updateComplete;
-        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
-        const accountTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
-        expect(itemInfo).to.exist;
-        expect(accountTitle).to.exist;
-        expect((_c = accountTitle === null || accountTitle === void 0 ? void 0 : accountTitle.querySelector('.truncated')) === null || _c === void 0 ? void 0 : _c.textContent).to.equal('@jack-sparrow');
-    });
-    it('should render with archivist-since date element', async () => {
-        var _a;
+    `);
+        await el.updateComplete;
+        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
+        const accountTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
+        expect(itemInfo).to.exist;
+        expect(accountTitle).to.exist;
+        expect((_c = accountTitle === null || accountTitle === void 0 ? void 0 : accountTitle.querySelector('.truncated')) === null || _c === void 0 ? void 0 : _c.textContent).to.equal('@jack-sparrow');
+    });
+    it('should render with archivist-since date element', async () => {
+        var _a;
         const el = await fixture(html `
       <account-tile
-        .model=${{
-            dateAdded: new Date('2022-02-02'),
+        .model=${{
+            dateAdded: new Date('2022-02-02'),
         }}
       >
       </account-tile>
-    `);
-        await el.updateComplete;
-        const itemArchivist = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.archivist-since');
-        expect(itemArchivist === null || itemArchivist === void 0 ? void 0 : itemArchivist.textContent).contains('Archivist since 2022');
-    });
-    it('should render with tile-stats element', async () => {
-        var _a, _b;
+    `);
+        await el.updateComplete;
+        const itemArchivist = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.archivist-since');
+        expect(itemArchivist === null || itemArchivist === void 0 ? void 0 : itemArchivist.textContent).contains('Archivist since 2022');
+    });
+    it('should render with tile-stats element', async () => {
+        var _a, _b;
         const el = await fixture(html `
       <account-tile
-        .model=${{
-            identifier: '@jack-sparrow',
-            mediatype: 'account',
-            itemCount: 999,
-            favCount: 100,
-            commentCount: 3,
+        .model=${{
+            identifier: '@jack-sparrow',
+            mediatype: 'account',
+            itemCount: 999,
+            favCount: 100,
+            commentCount: 3,
         }}
       >
       </account-tile>
-    `);
-        await el.updateComplete;
-        const tileStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('tile-stats');
-        const statsElements = (_b = tileStats === null || tileStats === void 0 ? void 0 : tileStats.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
-        expect(tileStats).to.exist;
-        expect(statsElements).to.exist;
-        const downloads = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[1].querySelector('.status-text');
-        expect(downloads === null || downloads === void 0 ? void 0 : downloads.textContent).contains(999);
-        const favorites = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[2].querySelector('.status-text');
-        expect(favorites === null || favorites === void 0 ? void 0 : favorites.textContent).contains(100);
-        const reviewCounts = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[3].querySelector('.status-text');
-        expect(reviewCounts === null || reviewCounts === void 0 ? void 0 : reviewCounts.textContent).contains(3);
-    });
-    it('should render info button when showInfoButton flag is set', async () => {
-        var _a;
+    `);
+        await el.updateComplete;
+        const tileStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('tile-stats');
+        const statsElements = (_b = tileStats === null || tileStats === void 0 ? void 0 : tileStats.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
+        expect(tileStats).to.exist;
+        expect(statsElements).to.exist;
+        const downloads = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[1].querySelector('.status-text');
+        expect(downloads === null || downloads === void 0 ? void 0 : downloads.textContent).contains(999);
+        const favorites = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[2].querySelector('.status-text');
+        expect(favorites === null || favorites === void 0 ? void 0 : favorites.textContent).contains(100);
+        const reviewCounts = statsElements === null || statsElements === void 0 ? void 0 : statsElements.querySelectorAll('.col')[3].querySelector('.status-text');
+        expect(reviewCounts === null || reviewCounts === void 0 ? void 0 : reviewCounts.textContent).contains(3);
+    });
+    it('should render info button when showInfoButton flag is set', async () => {
+        var _a;
         const el = await fixture(html `
       <account-tile ?showInfoButton=${true}> </account-tile>
-    `);
-        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
-        expect(infoButton).to.exist;
-    });
-    it('should dispatch event when info button tapped', async () => {
-        var _a;
-        const infoButtonSpy = sinon.spy();
+    `);
+        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
+        expect(infoButton).to.exist;
+    });
+    it('should dispatch event when info button tapped', async () => {
+        var _a;
+        const infoButtonSpy = sinon.spy();
         const el = await fixture(html `
       <account-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>
       </account-tile>
-    `);
-        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
-        infoButton.click();
-        await el.updateComplete;
-        expect(infoButtonSpy.callCount).to.equal(1);
-    });
-});
+    `);
+        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
+        infoButton.click();
+        await el.updateComplete;
+        expect(infoButtonSpy.callCount).to.equal(1);
+    });
+});
 //# sourceMappingURL=account-tile.test.js.map

package/dist/test/tiles/grid/collection-tile.test.d.ts

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

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

@@ -1,97 +1,97 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import sinon from 'sinon';
-import { html } from 'lit';
-import '../../../src/tiles/grid/collection-tile';
-describe('Collection Tile', () => {
-    it('should render initial component', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<collection-tile></collection-tile>`);
-        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
-        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('image-block');
-        const itemStats = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#item-stats');
-        expect(itemInfo).to.exist;
-        expect(itemImage).to.exist;
-        expect(itemStats).to.exist;
-    });
-    it('should render with title element', async () => {
-        var _a, _b, _c;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import sinon from 'sinon';
+import { html } from 'lit';
+import '../../../src/tiles/grid/collection-tile';
+describe('Collection Tile', () => {
+    it('should render initial component', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<collection-tile></collection-tile>`);
+        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
+        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('image-block');
+        const itemStats = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#item-stats');
+        expect(itemInfo).to.exist;
+        expect(itemImage).to.exist;
+        expect(itemStats).to.exist;
+    });
+    it('should render with title element', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <collection-tile
-        .model=${{
-            identifier: 'books',
-            title: 'Books',
-            itemCount: 121,
+        .model=${{
+            identifier: 'books',
+            title: 'Books',
+            itemCount: 121,
         }}
       >
       </collection-tile>
-    `);
-        await el.updateComplete;
-        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
-        const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
-        expect(itemInfo).to.exist;
-        expect(itemTitle).to.exist;
-        expect((_c = itemTitle === null || itemTitle === void 0 ? void 0 : itemTitle.querySelector('.truncated')) === null || _c === void 0 ? void 0 : _c.textContent).to.equal('Books');
-    });
-    it('should render with image-block element', async () => {
-        var _a;
+    `);
+        await el.updateComplete;
+        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
+        const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
+        expect(itemInfo).to.exist;
+        expect(itemTitle).to.exist;
+        expect((_c = itemTitle === null || itemTitle === void 0 ? void 0 : itemTitle.querySelector('.truncated')) === null || _c === void 0 ? void 0 : _c.textContent).to.equal('Books');
+    });
+    it('should render with image-block element', async () => {
+        var _a;
         const el = await fixture(html `
       <collection-tile
-        .model=${{
-            identifier: '@jack-sparrow',
-            itemCount: 1233,
+        .model=${{
+            identifier: '@jack-sparrow',
+            itemCount: 1233,
         }}
       >
       </collection-tile>
-    `);
-        await el.updateComplete;
-        const itemImageBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('image-block');
-        expect(itemImageBlock).to.exist;
-    });
-    it('should render with item stats element', async () => {
-        var _a, _b, _c, _d;
+    `);
+        await el.updateComplete;
+        const itemImageBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('image-block');
+        expect(itemImageBlock).to.exist;
+    });
+    it('should render with item stats element', async () => {
+        var _a, _b, _c, _d;
         const el = await fixture(html `
       <collection-tile
-        .model=${{
-            identifier: '@jack-sparrow',
-            itemCount: 14521,
-            collectionSize: 23222543,
+        .model=${{
+            identifier: '@jack-sparrow',
+            itemCount: 14521,
+            collectionSize: 23222543,
         }}
       >
       </collection-tile>
-    `);
-        await el.updateComplete;
-        const itemStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#item-stats');
-        const itemMediaType = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#item-mediatype');
-        const itemCount = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#item-count');
-        const itemSize = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#item-size');
-        expect(itemStats).to.exist;
-        expect(itemMediaType).to.exist;
-        expect(itemCount).to.exist;
-        expect(itemSize).to.exist;
-    });
-    it('should render info button when showInfoButton flag is set', async () => {
-        var _a;
+    `);
+        await el.updateComplete;
+        const itemStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#item-stats');
+        const itemMediaType = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#item-mediatype');
+        const itemCount = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#item-count');
+        const itemSize = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#item-size');
+        expect(itemStats).to.exist;
+        expect(itemMediaType).to.exist;
+        expect(itemCount).to.exist;
+        expect(itemSize).to.exist;
+    });
+    it('should render info button when showInfoButton flag is set', async () => {
+        var _a;
         const el = await fixture(html `
       <collection-tile ?showInfoButton=${true}> </collection-tile>
-    `);
-        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
-        expect(infoButton).to.exist;
-    });
-    it('should dispatch event when info button tapped', async () => {
-        var _a;
-        const infoButtonSpy = sinon.spy();
+    `);
+        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
+        expect(infoButton).to.exist;
+    });
+    it('should dispatch event when info button tapped', async () => {
+        var _a;
+        const infoButtonSpy = sinon.spy();
         const el = await fixture(html `
       <collection-tile
         ?showInfoButton=${true}
         @infoButtonPressed=${infoButtonSpy}
       >
       </collection-tile>
-    `);
-        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
-        infoButton.click();
-        await el.updateComplete;
-        expect(infoButtonSpy.callCount).to.equal(1);
-    });
-});
+    `);
+        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
+        infoButton.click();
+        await el.updateComplete;
+        expect(infoButtonSpy.callCount).to.equal(1);
+    });
+});
 //# sourceMappingURL=collection-tile.test.js.map

package/dist/test/tiles/grid/item-tile.test.d.ts

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