@internetarchive/collection-browser 0.4.9-alpha.1 → 0.4.9

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

@@ -1,148 +1,169 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../../../src/tiles/grid/item-tile';
-describe('Item Tile', () => {
-    it('should render initial component', async () => {
-        var _a, _b, _c, _d, _e;
-        const el = await fixture(html `<item-tile></item-tile>`);
-        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container');
-        const tileDetails = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.tile-details');
-        const itemInfo = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.item-info');
-        const itemTitle = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#title');
-        const imageBlock = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('image-block');
-        expect(container).to.exist;
-        expect(tileDetails).to.exist;
-        expect(itemInfo).to.exist;
-        expect(imageBlock).to.exist;
-        expect(itemTitle).to.exist;
-    });
-    it('should render with created-by element', async () => {
-        var _a, _b, _c, _d, _e;
-        const el = await fixture(html `<item-tile .model=${{ creator: 'someone' }}></item-tile>`);
-        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container');
-        const tileDetails = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.tile-details');
-        const itemInfo = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.item-info');
-        const createdBy = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.created-by');
-        const truncatedCreatorText = createdBy === null || createdBy === void 0 ? void 0 : createdBy.querySelector('.truncated');
-        const dateSortedBy = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.date-sorted-by');
-        expect(container).to.exist;
-        expect(tileDetails).to.exist;
-        expect(itemInfo).to.exist;
-        expect(createdBy).to.exist;
-        expect(truncatedCreatorText).to.exist;
-        expect(dateSortedBy).to.not.exist;
-    });
-    it('should not render with created-by but date element', async () => {
-        var _a, _b;
-        const el = await fixture(html `<item-tile .model=${{ datePublished: new Date() }}></item-tile>`);
-        el.sortParam = {
-            field: 'date',
-            direction: 'desc',
-        };
-        await el.updateComplete;
-        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
-        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
-        expect(createdBy).to.not.exist;
-        expect(dateSortedBy).to.exist;
-    });
-    it('should not render with created-by but reviewdate element', async () => {
-        var _a, _b;
-        const el = await fixture(html `<item-tile .model=${{ dateReviewed: new Date() }}></item-tile>`);
-        el.sortParam = {
-            field: 'reviewdate',
-            direction: 'desc',
-        };
-        await el.updateComplete;
-        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
-        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
-        expect(createdBy).to.not.exist;
-        expect(dateSortedBy).to.exist;
-    });
-    it('should not render with created-by but publicdate element', async () => {
-        var _a, _b;
-        const el = await fixture(html `<item-tile .model=${{ dateArchived: new Date() }}></item-tile>`);
-        el.sortParam = {
-            field: 'publicdate',
-            direction: 'desc',
-        };
-        await el.updateComplete;
-        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
-        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
-        expect(createdBy).to.not.exist;
-        expect(dateSortedBy).to.exist;
-    });
-    it('should not render date-sorted-by element if date is not provided', async () => {
-        var _a, _b;
-        const el = await fixture(html `<item-tile .model=${{ dateArchived: undefined }}></item-tile>`);
-        el.sortParam = {
-            field: 'publicdate',
-            direction: 'desc',
-        };
-        await el.updateComplete;
-        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
-        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
-        expect(createdBy).to.not.exist;
-        expect(dateSortedBy).to.not.exist;
-    });
-    it('should render with created-by when sorting not related to date', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<item-tile .model=${{ dateAdded: new Date() }}></item-tile>`);
-        el.sortParam = {
-            field: 'addeddate',
-            direction: 'asc',
-        };
-        await el.updateComplete;
-        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
-        const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
-        const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
-        expect(itemInfo).to.exist;
-        expect(createdBy).to.not.exist;
-        expect(dateSortedBy).to.exist;
-    });
-    it('should render with created-by when sort field id not like date', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<item-tile .model=${{ creator: 'someone' }}></item-tile>`);
-        el.sortParam = {
-            field: 'week',
-            direction: 'asc',
-        };
-        await el.updateComplete;
-        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
-        const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
-        const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
-        expect(itemInfo).to.exist;
-        expect(dateSortedBy).to.not.exist; // it should be exist because this is not related to date sort
-        expect(createdBy).to.exist;
-    });
-    it('should render with snippet block when it has snippets', async () => {
-        var _a;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import sinon from 'sinon';
+import { html } from 'lit';
+import '../../../src/tiles/grid/item-tile';
+describe('Item Tile', () => {
+    it('should render initial component', async () => {
+        var _a, _b, _c, _d, _e;
+        const el = await fixture(html `<item-tile></item-tile>`);
+        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container');
+        const tileDetails = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.tile-details');
+        const itemInfo = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.item-info');
+        const itemTitle = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#title');
+        const imageBlock = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('image-block');
+        expect(container).to.exist;
+        expect(tileDetails).to.exist;
+        expect(itemInfo).to.exist;
+        expect(imageBlock).to.exist;
+        expect(itemTitle).to.exist;
+    });
+    it('should render with created-by element', async () => {
+        var _a, _b, _c, _d, _e;
+        const el = await fixture(html `<item-tile .model=${{ creator: 'someone' }}></item-tile>`);
+        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container');
+        const tileDetails = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.tile-details');
+        const itemInfo = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.item-info');
+        const createdBy = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.created-by');
+        const truncatedCreatorText = createdBy === null || createdBy === void 0 ? void 0 : createdBy.querySelector('.truncated');
+        const dateSortedBy = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.date-sorted-by');
+        expect(container).to.exist;
+        expect(tileDetails).to.exist;
+        expect(itemInfo).to.exist;
+        expect(createdBy).to.exist;
+        expect(truncatedCreatorText).to.exist;
+        expect(dateSortedBy).to.not.exist;
+    });
+    it('should not render with created-by but date element', async () => {
+        var _a, _b;
+        const el = await fixture(html `<item-tile .model=${{ datePublished: new Date() }}></item-tile>`);
+        el.sortParam = {
+            field: 'date',
+            direction: 'desc',
+        };
+        await el.updateComplete;
+        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
+        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
+        expect(createdBy).to.not.exist;
+        expect(dateSortedBy).to.exist;
+    });
+    it('should not render with created-by but reviewdate element', async () => {
+        var _a, _b;
+        const el = await fixture(html `<item-tile .model=${{ dateReviewed: new Date() }}></item-tile>`);
+        el.sortParam = {
+            field: 'reviewdate',
+            direction: 'desc',
+        };
+        await el.updateComplete;
+        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
+        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
+        expect(createdBy).to.not.exist;
+        expect(dateSortedBy).to.exist;
+    });
+    it('should not render with created-by but publicdate element', async () => {
+        var _a, _b;
+        const el = await fixture(html `<item-tile .model=${{ dateArchived: new Date() }}></item-tile>`);
+        el.sortParam = {
+            field: 'publicdate',
+            direction: 'desc',
+        };
+        await el.updateComplete;
+        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
+        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
+        expect(createdBy).to.not.exist;
+        expect(dateSortedBy).to.exist;
+    });
+    it('should not render date-sorted-by element if date is not provided', async () => {
+        var _a, _b;
+        const el = await fixture(html `<item-tile .model=${{ dateArchived: undefined }}></item-tile>`);
+        el.sortParam = {
+            field: 'publicdate',
+            direction: 'desc',
+        };
+        await el.updateComplete;
+        const createdBy = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.created-by');
+        const dateSortedBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.date-sorted-by');
+        expect(createdBy).to.not.exist;
+        expect(dateSortedBy).to.not.exist;
+    });
+    it('should render with created-by when sorting not related to date', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<item-tile .model=${{ dateAdded: new Date() }}></item-tile>`);
+        el.sortParam = {
+            field: 'addeddate',
+            direction: 'asc',
+        };
+        await el.updateComplete;
+        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
+        const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
+        const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
+        expect(itemInfo).to.exist;
+        expect(createdBy).to.not.exist;
+        expect(dateSortedBy).to.exist;
+    });
+    it('should render with created-by when sort field id not like date', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<item-tile .model=${{ creator: 'someone' }}></item-tile>`);
+        el.sortParam = {
+            field: 'week',
+            direction: 'asc',
+        };
+        await el.updateComplete;
+        const itemInfo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-info');
+        const createdBy = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.created-by');
+        const dateSortedBy = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.date-sorted-by');
+        expect(itemInfo).to.exist;
+        expect(dateSortedBy).to.not.exist; // it should be exist because this is not related to date sort
+        expect(createdBy).to.exist;
+    });
+    it('should render with snippet block when it has snippets', async () => {
+        var _a;
         const el = await fixture(html `
       <item-tile .model=${{ snippets: ['some {{{snippet}}} text'] }}>
       </item-tile>
-    `);
-        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 `<item-tile></item-tile>`);
-        const snippetBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-snippet-block');
-        expect(snippetBlock).to.not.exist;
-    });
-    it('should render with volume/issue view', async () => {
-        var _a;
+    `);
+        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 `<item-tile></item-tile>`);
+        const snippetBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-snippet-block');
+        expect(snippetBlock).to.not.exist;
+    });
+    it('should render info button when showInfoButton flag is set', async () => {
+        var _a;
+        const el = await fixture(html `
+      <item-tile ?showInfoButton=${true}> </item-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 el = await fixture(html `
+      <item-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>
+      </item-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);
+    });
+    it('should render with volume/issue view', async () => {
+        var _a;
         const el = await fixture(html `
       <item-tile .model=${{ volume: '1', issue: 'Index' }}></item-tile>
-    `);
-        const volumeIssueBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.volume-issue');
-        expect(volumeIssueBlock).to.exist;
-    });
-    it('should render with volume/issue view to not render', async () => {
-        var _a;
-        const el = await fixture(html `<item-tile></item-tile>`);
-        const volumeIssueBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.volume-issue');
-        expect(volumeIssueBlock).to.not.exist;
-    });
-});
+    `);
+        const volumeIssueBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.volume-issue');
+        expect(volumeIssueBlock).to.exist;
+    });
+    it('should render with volume/issue view to not render', async () => {
+        var _a;
+        const el = await fixture(html `<item-tile></item-tile>`);
+        const volumeIssueBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.volume-issue');
+        expect(volumeIssueBlock).to.not.exist;
+    });
+});
 //# sourceMappingURL=item-tile.test.js.map

package/dist/test/tiles/grid/item-tile.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-tile.test.js","sourceRoot":"","sources":["../../../../test/tiles/grid/item-tile.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 { ItemTile } from '../../../src/tiles/grid/item-tile';\n\nimport '../../../src/tiles/grid/item-tile';\n\ndescribe('Item Tile', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    const container = el.shadowRoot?.querySelector('.container');\n    const tileDetails = el.shadowRoot?.querySelector('.tile-details');\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const itemTitle = el.shadowRoot?.querySelector('#title');\n    const imageBlock = el.shadowRoot?.querySelector('image-block');\n\n    expect(container).to.exist;\n    expect(tileDetails).to.exist;\n    expect(itemInfo).to.exist;\n    expect(imageBlock).to.exist;\n    expect(itemTitle).to.exist;\n  });\n\n  it('should render with created-by element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`\n    );\n\n    const container = el.shadowRoot?.querySelector('.container');\n    const tileDetails = el.shadowRoot?.querySelector('.tile-details');\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const truncatedCreatorText = createdBy?.querySelector('.truncated');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(container).to.exist;\n    expect(tileDetails).to.exist;\n    expect(itemInfo).to.exist;\n    expect(createdBy).to.exist;\n    expect(truncatedCreatorText).to.exist;\n    expect(dateSortedBy).to.not.exist;\n  });\n\n  it('should not render with created-by but date element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ datePublished: new Date() }}></item-tile>`\n    );\n\n    el.sortParam = {\n      field: 'date',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should not render with created-by but reviewdate element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateReviewed: new Date() }}></item-tile>`\n    );\n\n    el.sortParam = {\n      field: 'reviewdate',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should not render with created-by but publicdate element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateArchived: new Date() }}></item-tile>`\n    );\n\n    el.sortParam = {\n      field: 'publicdate',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should not render date-sorted-by element if date is not provided', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateArchived: undefined }}></item-tile>`\n    );\n\n    el.sortParam = {\n      field: 'publicdate',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.not.exist;\n  });\n\n  it('should render with created-by when sorting not related to date', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateAdded: new Date() }}></item-tile>`\n    );\n\n    el.sortParam = {\n      field: 'addeddate',\n      direction: 'asc',\n    };\n    await el.updateComplete;\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(itemInfo).to.exist;\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should render with created-by when sort field id not like date', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`\n    );\n\n    el.sortParam = {\n      field: 'week',\n      direction: 'asc',\n    };\n    await el.updateComplete;\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(itemInfo).to.exist;\n    expect(dateSortedBy).to.not.exist; // it should be exist because this is not related to date sort\n    expect(createdBy).to.exist;\n  });\n\n  it('should render with snippet block when it has snippets', async () => {\n    const el = await fixture<ItemTile>(html`\n      <item-tile .model=${{ snippets: ['some {{{snippet}}} text'] }}>\n      </item-tile>\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<ItemTile>(html`<item-tile></item-tile>`);\n\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\n\n    expect(snippetBlock).to.not.exist;\n  });\n\n  it('should render with volume/issue view', async () => {\n    const el = await fixture<ItemTile>(html`\n      <item-tile .model=${{ volume: '1', issue: 'Index' }}></item-tile>\n    `);\n\n    const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');\n\n    expect(volumeIssueBlock).to.exist;\n  });\n\n  it('should render with volume/issue view to not render', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');\n\n    expect(volumeIssueBlock).to.not.exist;\n  });\n});\n"]}
+{"version":3,"file":"item-tile.test.js","sourceRoot":"","sources":["../../../../test/tiles/grid/item-tile.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport { expect, fixture } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { html } from 'lit';\nimport type { ItemTile } from '../../../src/tiles/grid/item-tile';\n\nimport '../../../src/tiles/grid/item-tile';\n\ndescribe('Item Tile', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    const container = el.shadowRoot?.querySelector('.container');\n    const tileDetails = el.shadowRoot?.querySelector('.tile-details');\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const itemTitle = el.shadowRoot?.querySelector('#title');\n    const imageBlock = el.shadowRoot?.querySelector('image-block');\n\n    expect(container).to.exist;\n    expect(tileDetails).to.exist;\n    expect(itemInfo).to.exist;\n    expect(imageBlock).to.exist;\n    expect(itemTitle).to.exist;\n  });\n\n  it('should render with created-by element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`\n    );\n\n    const container = el.shadowRoot?.querySelector('.container');\n    const tileDetails = el.shadowRoot?.querySelector('.tile-details');\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const truncatedCreatorText = createdBy?.querySelector('.truncated');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(container).to.exist;\n    expect(tileDetails).to.exist;\n    expect(itemInfo).to.exist;\n    expect(createdBy).to.exist;\n    expect(truncatedCreatorText).to.exist;\n    expect(dateSortedBy).to.not.exist;\n  });\n\n  it('should not render with created-by but date element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ datePublished: new Date() }}></item-tile>`\n    );\n\n    el.sortParam = {\n      field: 'date',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should not render with created-by but reviewdate element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateReviewed: new Date() }}></item-tile>`\n    );\n\n    el.sortParam = {\n      field: 'reviewdate',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should not render with created-by but publicdate element', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateArchived: new Date() }}></item-tile>`\n    );\n\n    el.sortParam = {\n      field: 'publicdate',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should not render date-sorted-by element if date is not provided', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateArchived: undefined }}></item-tile>`\n    );\n\n    el.sortParam = {\n      field: 'publicdate',\n      direction: 'desc',\n    };\n    await el.updateComplete;\n\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.not.exist;\n  });\n\n  it('should render with created-by when sorting not related to date', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ dateAdded: new Date() }}></item-tile>`\n    );\n\n    el.sortParam = {\n      field: 'addeddate',\n      direction: 'asc',\n    };\n    await el.updateComplete;\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(itemInfo).to.exist;\n    expect(createdBy).to.not.exist;\n    expect(dateSortedBy).to.exist;\n  });\n\n  it('should render with created-by when sort field id not like date', async () => {\n    const el = await fixture<ItemTile>(\n      html`<item-tile .model=${{ creator: 'someone' }}></item-tile>`\n    );\n\n    el.sortParam = {\n      field: 'week',\n      direction: 'asc',\n    };\n    await el.updateComplete;\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const createdBy = el.shadowRoot?.querySelector('.created-by');\n    const dateSortedBy = el.shadowRoot?.querySelector('.date-sorted-by');\n\n    expect(itemInfo).to.exist;\n    expect(dateSortedBy).to.not.exist; // it should be exist because this is not related to date sort\n    expect(createdBy).to.exist;\n  });\n\n  it('should render with snippet block when it has snippets', async () => {\n    const el = await fixture<ItemTile>(html`\n      <item-tile .model=${{ snippets: ['some {{{snippet}}} text'] }}>\n      </item-tile>\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<ItemTile>(html`<item-tile></item-tile>`);\n\n    const snippetBlock = el.shadowRoot?.querySelector('text-snippet-block');\n\n    expect(snippetBlock).to.not.exist;\n  });\n\n  it('should render info button when showInfoButton flag is set', async () => {\n    const el = await fixture<ItemTile>(html`\n      <item-tile ?showInfoButton=${true}> </item-tile>\n    `);\n\n    const infoButton = el.shadowRoot?.querySelector('.info-button');\n\n    expect(infoButton).to.exist;\n  });\n\n  it('should dispatch event when info button tapped', async () => {\n    const infoButtonSpy = sinon.spy();\n    const el = await fixture<ItemTile>(html`\n      <item-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>\n      </item-tile>\n    `);\n\n    const infoButton = el.shadowRoot?.querySelector(\n      '.info-button'\n    ) as HTMLButtonElement;\n    infoButton.click();\n    await el.updateComplete;\n\n    expect(infoButtonSpy.callCount).to.equal(1);\n  });\n\n  it('should render with volume/issue view', async () => {\n    const el = await fixture<ItemTile>(html`\n      <item-tile .model=${{ volume: '1', issue: 'Index' }}></item-tile>\n    `);\n\n    const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');\n\n    expect(volumeIssueBlock).to.exist;\n  });\n\n  it('should render with volume/issue view to not render', async () => {\n    const el = await fixture<ItemTile>(html`<item-tile></item-tile>`);\n\n    const volumeIssueBlock = el.shadowRoot?.querySelector('.volume-issue');\n\n    expect(volumeIssueBlock).to.not.exist;\n  });\n});\n"]}

package/dist/test/tiles/hover/hover-pane-controller.test.d.ts

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