@internetarchive/collection-browser 3.4.1-alpha-webdev7761.2 → 3.4.1-alpha-webdev7761.4

package/dist/test/tile-stats.test.js

@@ -3,17 +3,15 @@ import { html } from 'lit';
 import '../src/tiles/grid/tile-stats';
 describe('Tile Stats', () => {
     it('should render initial component', async () => {
-        var _a, _b;
         const el = await fixture(html `<tile-stats></tile-stats>`);
-        const itemStats = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.item-stats');
-        const statsRow = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#stats-row');
-        const statsRowCount = statsRow === null || statsRow === void 0 ? void 0 : statsRow.childElementCount;
+        const itemStats = el.shadowRoot?.querySelector('.item-stats');
+        const statsRow = el.shadowRoot?.querySelector('#stats-row');
+        const statsRowCount = statsRow?.childElementCount;
         expect(itemStats).to.exist;
         expect(statsRow).to.exist;
         expect(statsRowCount).to.equal(4);
     });
     it('should render component with values', async () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const el = await fixture(html `
       <tile-stats
         .mediatype=${'account'}
@@ -23,21 +21,29 @@ describe('Tile Stats', () => {
       >
       </tile-stats>
     `);
-        const statsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#stats-row');
-        const mediatypeStat = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(0);
+        const statsRow = el.shadowRoot?.querySelector('#stats-row');
+        const mediatypeStat = statsRow?.children.item(0);
         // get second column item in stats row
-        const itemStatCount = (_d = (_c = (_b = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(1)) === null || _b === void 0 ? void 0 : _b.querySelector('.status-text')) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim();
+        const itemStatCount = statsRow?.children
+            .item(1)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         // get third column item in stats row
-        const favoritesStatCount = (_g = (_f = (_e = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('.status-text')) === null || _f === void 0 ? void 0 : _f.textContent) === null || _g === void 0 ? void 0 : _g.trim();
+        const favoritesStatCount = statsRow?.children
+            .item(2)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         // get fourth column item in stats row
-        const reviewsStatCount = (_k = (_j = (_h = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _h === void 0 ? void 0 : _h.querySelector('.status-text')) === null || _j === void 0 ? void 0 : _j.textContent) === null || _k === void 0 ? void 0 : _k.trim();
+        const reviewsStatCount = statsRow?.children
+            .item(3)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         expect(mediatypeStat).to.exist;
         expect(itemStatCount).to.match(/uploads:\s+1/);
         expect(favoritesStatCount).to.match(/favorites:\s+2/);
         expect(reviewsStatCount).to.match(/reviews:\s+3/);
     });
     it('should render component with tv clips', async () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const el = await fixture(html `
       <tile-stats
         showTvClips
@@ -49,21 +55,29 @@ describe('Tile Stats', () => {
       >
       </tile-stats>
     `);
-        const statsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#stats-row');
-        const mediatypeStat = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(0);
+        const statsRow = el.shadowRoot?.querySelector('#stats-row');
+        const mediatypeStat = statsRow?.children.item(0);
         // get second column item in stats row
-        const itemStatCount = (_d = (_c = (_b = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(1)) === null || _b === void 0 ? void 0 : _b.querySelector('.status-text')) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim();
+        const itemStatCount = statsRow?.children
+            .item(1)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         // get third column item in stats row
-        const favoritesStatCount = (_g = (_f = (_e = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('.status-text')) === null || _f === void 0 ? void 0 : _f.textContent) === null || _g === void 0 ? void 0 : _g.trim();
+        const favoritesStatCount = statsRow?.children
+            .item(2)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         // get fourth column item in stats row
-        const clipsStatCount = (_k = (_j = (_h = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _h === void 0 ? void 0 : _h.querySelector('.status-text')) === null || _j === void 0 ? void 0 : _j.textContent) === null || _k === void 0 ? void 0 : _k.trim();
+        const clipsStatCount = statsRow?.children
+            .item(3)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         expect(mediatypeStat).to.exist;
         expect(itemStatCount).to.match(/views:\s+1/);
         expect(favoritesStatCount).to.match(/favorites:\s+2/);
         expect(clipsStatCount).to.match(/clips:\s+4/);
     });
     it('should render view count for non-account items', async () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const el = await fixture(html `
       <tile-stats
         .mediatype=${'texts'}
@@ -73,52 +87,77 @@ describe('Tile Stats', () => {
       >
       </tile-stats>
     `);
-        const statsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#stats-row');
-        const mediatypeStat = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(0);
+        const statsRow = el.shadowRoot?.querySelector('#stats-row');
+        const mediatypeStat = statsRow?.children.item(0);
         // get second column item in stats row
-        const viewStatCount = (_d = (_c = (_b = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(1)) === null || _b === void 0 ? void 0 : _b.querySelector('.status-text')) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim();
+        const viewStatCount = statsRow?.children
+            .item(1)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         // get third column item in stats row
-        const favoritesStatCount = (_g = (_f = (_e = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('.status-text')) === null || _f === void 0 ? void 0 : _f.textContent) === null || _g === void 0 ? void 0 : _g.trim();
+        const favoritesStatCount = statsRow?.children
+            .item(2)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         // get fourth column item in stats row
-        const reviewsStatCount = (_k = (_j = (_h = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _h === void 0 ? void 0 : _h.querySelector('.status-text')) === null || _j === void 0 ? void 0 : _j.textContent) === null || _k === void 0 ? void 0 : _k.trim();
+        const reviewsStatCount = statsRow?.children
+            .item(3)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         expect(mediatypeStat).to.exist;
         expect(viewStatCount).to.match(/views:\s+4/);
         expect(favoritesStatCount).to.match(/favorites:\s+5/);
         expect(reviewsStatCount).to.match(/reviews:\s+6/);
     });
     it('handles missing counts gracefully', async () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const el = await fixture(html `
       <tile-stats .mediatype=${'texts'} .favCount=${5} .commentCount=${6}>
       </tile-stats>
     `);
-        const statsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#stats-row');
-        const mediatypeStat = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(0);
+        const statsRow = el.shadowRoot?.querySelector('#stats-row');
+        const mediatypeStat = statsRow?.children.item(0);
         // get second column item in stats row
-        const viewStatCount = (_d = (_c = (_b = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(1)) === null || _b === void 0 ? void 0 : _b.querySelector('.status-text')) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim();
+        const viewStatCount = statsRow?.children
+            .item(1)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         // get third column item in stats row
-        const favoritesStatCount = (_g = (_f = (_e = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('.status-text')) === null || _f === void 0 ? void 0 : _f.textContent) === null || _g === void 0 ? void 0 : _g.trim();
+        const favoritesStatCount = statsRow?.children
+            .item(2)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         // get fourth column item in stats row
-        const reviewsStatCount = (_k = (_j = (_h = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _h === void 0 ? void 0 : _h.querySelector('.status-text')) === null || _j === void 0 ? void 0 : _j.textContent) === null || _k === void 0 ? void 0 : _k.trim();
+        const reviewsStatCount = statsRow?.children
+            .item(3)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         expect(mediatypeStat).to.exist;
         expect(viewStatCount).to.match(/views:\s+0/);
         expect(favoritesStatCount).to.match(/favorites:\s+5/);
         expect(reviewsStatCount).to.match(/reviews:\s+6/);
     });
     it('handles missing counts gracefully for accounts', async () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const el = await fixture(html `
       <tile-stats .mediatype=${'account'} .favCount=${5} .commentCount=${6}>
       </tile-stats>
     `);
-        const statsRow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#stats-row');
-        const mediatypeStat = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(0);
+        const statsRow = el.shadowRoot?.querySelector('#stats-row');
+        const mediatypeStat = statsRow?.children.item(0);
         // get second column item in stats row
-        const itemStatCount = (_d = (_c = (_b = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(1)) === null || _b === void 0 ? void 0 : _b.querySelector('.status-text')) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim();
+        const itemStatCount = statsRow?.children
+            .item(1)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         // get third column item in stats row
-        const favoritesStatCount = (_g = (_f = (_e = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(2)) === null || _e === void 0 ? void 0 : _e.querySelector('.status-text')) === null || _f === void 0 ? void 0 : _f.textContent) === null || _g === void 0 ? void 0 : _g.trim();
+        const favoritesStatCount = statsRow?.children
+            .item(2)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         // get fourth column item in stats row
-        const reviewsStatCount = (_k = (_j = (_h = statsRow === null || statsRow === void 0 ? void 0 : statsRow.children.item(3)) === null || _h === void 0 ? void 0 : _h.querySelector('.status-text')) === null || _j === void 0 ? void 0 : _j.textContent) === null || _k === void 0 ? void 0 : _k.trim();
+        const reviewsStatCount = statsRow?.children
+            .item(3)
+            ?.querySelector('.status-text')
+            ?.textContent?.trim();
         expect(mediatypeStat).to.exist;
         expect(itemStatCount).to.match(/uploads:\s+0/);
         expect(favoritesStatCount).to.match(/favorites:\s+5/);

package/dist/test/tile-stats.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-stats.test.js","sourceRoot":"","sources":["../../test/tile-stats.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { TileStats } from '../src/tiles/grid/tile-stats';\n\nimport '../src/tiles/grid/tile-stats';\n\ndescribe('Tile Stats', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<TileStats>(html`<tile-stats></tile-stats>`);\n\n    const itemStats = el.shadowRoot?.querySelector('.item-stats');\n    const statsRow = el.shadowRoot?.querySelector('#stats-row');\n    const statsRowCount = statsRow?.childElementCount;\n\n    expect(itemStats).to.exist;\n    expect(statsRow).to.exist;\n    expect(statsRowCount).to.equal(4);\n  });\n\n  it('should render component with values', async () => {\n    const el = await fixture<TileStats>(html`\n      <tile-stats\n        .mediatype=${'account'}\n        .itemCount=${1}\n        .favCount=${2}\n        .commentCount=${3}\n      >\n      </tile-stats>\n    `);\n\n    const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n    const mediatypeStat = statsRow?.children.item(0);\n    // get second column item in stats row\n    const itemStatCount = statsRow?.children\n      .item(1)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get third column item in stats row\n    const favoritesStatCount = statsRow?.children\n      .item(2)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get fourth column item in stats row\n    const reviewsStatCount = statsRow?.children\n      .item(3)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n\n    expect(mediatypeStat).to.exist;\n    expect(itemStatCount).to.match(/uploads:\\s+1/);\n    expect(favoritesStatCount).to.match(/favorites:\\s+2/);\n    expect(reviewsStatCount).to.match(/reviews:\\s+3/);\n  });\n\n  it('should render component with tv clips', async () => {\n    const el = await fixture<TileStats>(html`\n      <tile-stats\n        showTvClips\n        .mediatype=${'texts'}\n        .viewCount=${1}\n        .favCount=${2}\n        .commentCount=${3}\n        .tvClipCount=${4}\n      >\n      </tile-stats>\n    `);\n\n    const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n    const mediatypeStat = statsRow?.children.item(0);\n    // get second column item in stats row\n    const itemStatCount = statsRow?.children\n      .item(1)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get third column item in stats row\n    const favoritesStatCount = statsRow?.children\n      .item(2)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get fourth column item in stats row\n    const clipsStatCount = statsRow?.children\n      .item(3)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n\n    expect(mediatypeStat).to.exist;\n    expect(itemStatCount).to.match(/views:\\s+1/);\n    expect(favoritesStatCount).to.match(/favorites:\\s+2/);\n    expect(clipsStatCount).to.match(/clips:\\s+4/);\n  });\n\n  it('should render view count for non-account items', async () => {\n    const el = await fixture<TileStats>(html`\n      <tile-stats\n        .mediatype=${'texts'}\n        .viewCount=${4}\n        .favCount=${5}\n        .commentCount=${6}\n      >\n      </tile-stats>\n    `);\n\n    const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n    const mediatypeStat = statsRow?.children.item(0);\n    // get second column item in stats row\n    const viewStatCount = statsRow?.children\n      .item(1)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get third column item in stats row\n    const favoritesStatCount = statsRow?.children\n      .item(2)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get fourth column item in stats row\n    const reviewsStatCount = statsRow?.children\n      .item(3)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n\n    expect(mediatypeStat).to.exist;\n    expect(viewStatCount).to.match(/views:\\s+4/);\n    expect(favoritesStatCount).to.match(/favorites:\\s+5/);\n    expect(reviewsStatCount).to.match(/reviews:\\s+6/);\n  });\n\n  it('handles missing counts gracefully', async () => {\n    const el = await fixture<TileStats>(html`\n      <tile-stats .mediatype=${'texts'} .favCount=${5} .commentCount=${6}>\n      </tile-stats>\n    `);\n\n    const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n    const mediatypeStat = statsRow?.children.item(0);\n    // get second column item in stats row\n    const viewStatCount = statsRow?.children\n      .item(1)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get third column item in stats row\n    const favoritesStatCount = statsRow?.children\n      .item(2)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get fourth column item in stats row\n    const reviewsStatCount = statsRow?.children\n      .item(3)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n\n    expect(mediatypeStat).to.exist;\n    expect(viewStatCount).to.match(/views:\\s+0/);\n    expect(favoritesStatCount).to.match(/favorites:\\s+5/);\n    expect(reviewsStatCount).to.match(/reviews:\\s+6/);\n  });\n\n  it('handles missing counts gracefully for accounts', async () => {\n    const el = await fixture<TileStats>(html`\n      <tile-stats .mediatype=${'account'} .favCount=${5} .commentCount=${6}>\n      </tile-stats>\n    `);\n\n    const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n    const mediatypeStat = statsRow?.children.item(0);\n    // get second column item in stats row\n    const itemStatCount = statsRow?.children\n      .item(1)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get third column item in stats row\n    const favoritesStatCount = statsRow?.children\n      .item(2)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get fourth column item in stats row\n    const reviewsStatCount = statsRow?.children\n      .item(3)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n\n    expect(mediatypeStat).to.exist;\n    expect(itemStatCount).to.match(/uploads:\\s+0/);\n    expect(favoritesStatCount).to.match(/favorites:\\s+5/);\n    expect(reviewsStatCount).to.match(/reviews:\\s+6/);\n  });\n});\n"]}
+{"version":3,"file":"tile-stats.test.js","sourceRoot":"","sources":["../../test/tile-stats.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { TileStats } from '../src/tiles/grid/tile-stats';\n\nimport '../src/tiles/grid/tile-stats';\n\ndescribe('Tile Stats', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<TileStats>(html`<tile-stats></tile-stats>`);\n\n    const itemStats = el.shadowRoot?.querySelector('.item-stats');\n    const statsRow = el.shadowRoot?.querySelector('#stats-row');\n    const statsRowCount = statsRow?.childElementCount;\n\n    expect(itemStats).to.exist;\n    expect(statsRow).to.exist;\n    expect(statsRowCount).to.equal(4);\n  });\n\n  it('should render component with values', async () => {\n    const el = await fixture<TileStats>(html`\n      <tile-stats\n        .mediatype=${'account'}\n        .itemCount=${1}\n        .favCount=${2}\n        .commentCount=${3}\n      >\n      </tile-stats>\n    `);\n\n    const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n    const mediatypeStat = statsRow?.children.item(0);\n    // get second column item in stats row\n    const itemStatCount = statsRow?.children\n      .item(1)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get third column item in stats row\n    const favoritesStatCount = statsRow?.children\n      .item(2)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get fourth column item in stats row\n    const reviewsStatCount = statsRow?.children\n      .item(3)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n\n    expect(mediatypeStat).to.exist;\n    expect(itemStatCount).to.match(/uploads:\\s+1/);\n    expect(favoritesStatCount).to.match(/favorites:\\s+2/);\n    expect(reviewsStatCount).to.match(/reviews:\\s+3/);\n  });\n\n  it('should render component with tv clips', async () => {\n    const el = await fixture<TileStats>(html`\n      <tile-stats\n        showTvClips\n        .mediatype=${'texts'}\n        .viewCount=${1}\n        .favCount=${2}\n        .commentCount=${3}\n        .tvClipCount=${4}\n      >\n      </tile-stats>\n    `);\n\n    const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n    const mediatypeStat = statsRow?.children.item(0);\n    // get second column item in stats row\n    const itemStatCount = statsRow?.children\n      .item(1)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get third column item in stats row\n    const favoritesStatCount = statsRow?.children\n      .item(2)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get fourth column item in stats row\n    const clipsStatCount = statsRow?.children\n      .item(3)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n\n    expect(mediatypeStat).to.exist;\n    expect(itemStatCount).to.match(/views:\\s+1/);\n    expect(favoritesStatCount).to.match(/favorites:\\s+2/);\n    expect(clipsStatCount).to.match(/clips:\\s+4/);\n  });\n\n  it('should render view count for non-account items', async () => {\n    const el = await fixture<TileStats>(html`\n      <tile-stats\n        .mediatype=${'texts'}\n        .viewCount=${4}\n        .favCount=${5}\n        .commentCount=${6}\n      >\n      </tile-stats>\n    `);\n\n    const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n    const mediatypeStat = statsRow?.children.item(0);\n    // get second column item in stats row\n    const viewStatCount = statsRow?.children\n      .item(1)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get third column item in stats row\n    const favoritesStatCount = statsRow?.children\n      .item(2)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get fourth column item in stats row\n    const reviewsStatCount = statsRow?.children\n      .item(3)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n\n    expect(mediatypeStat).to.exist;\n    expect(viewStatCount).to.match(/views:\\s+4/);\n    expect(favoritesStatCount).to.match(/favorites:\\s+5/);\n    expect(reviewsStatCount).to.match(/reviews:\\s+6/);\n  });\n\n  it('handles missing counts gracefully', async () => {\n    const el = await fixture<TileStats>(html`\n      <tile-stats .mediatype=${'texts'} .favCount=${5} .commentCount=${6}>\n      </tile-stats>\n    `);\n\n    const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n    const mediatypeStat = statsRow?.children.item(0);\n    // get second column item in stats row\n    const viewStatCount = statsRow?.children\n      .item(1)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get third column item in stats row\n    const favoritesStatCount = statsRow?.children\n      .item(2)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get fourth column item in stats row\n    const reviewsStatCount = statsRow?.children\n      .item(3)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n\n    expect(mediatypeStat).to.exist;\n    expect(viewStatCount).to.match(/views:\\s+0/);\n    expect(favoritesStatCount).to.match(/favorites:\\s+5/);\n    expect(reviewsStatCount).to.match(/reviews:\\s+6/);\n  });\n\n  it('handles missing counts gracefully for accounts', async () => {\n    const el = await fixture<TileStats>(html`\n      <tile-stats .mediatype=${'account'} .favCount=${5} .commentCount=${6}>\n      </tile-stats>\n    `);\n\n    const statsRow = el.shadowRoot?.querySelector('#stats-row');\n\n    const mediatypeStat = statsRow?.children.item(0);\n    // get second column item in stats row\n    const itemStatCount = statsRow?.children\n      .item(1)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get third column item in stats row\n    const favoritesStatCount = statsRow?.children\n      .item(2)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n    // get fourth column item in stats row\n    const reviewsStatCount = statsRow?.children\n      .item(3)\n      ?.querySelector('.status-text')\n      ?.textContent?.trim();\n\n    expect(mediatypeStat).to.exist;\n    expect(itemStatCount).to.match(/uploads:\\s+0/);\n    expect(favoritesStatCount).to.match(/favorites:\\s+5/);\n    expect(reviewsStatCount).to.match(/reviews:\\s+6/);\n  });\n});\n"]}

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

@@ -4,19 +4,17 @@ 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');
+        const itemInfo = el.shadowRoot?.querySelector('.item-info');
+        const itemImage = el.shadowRoot?.querySelector('image-block');
+        const itemArchivist = el.shadowRoot?.querySelector('.archivist-since');
+        const tileStats = el.shadowRoot?.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=${{
@@ -26,14 +24,13 @@ describe('Account Tile', () => {
       </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');
+        const itemInfo = el.shadowRoot?.querySelector('.item-info');
+        const accountTitle = el.shadowRoot?.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');
+        expect(accountTitle?.querySelector('.truncated')?.textContent).to.equal('@jack-sparrow');
     });
     it('should render with archivist-since date element', async () => {
-        var _a;
         const el = await fixture(html `
       <account-tile
         .model=${{
@@ -43,11 +40,10 @@ describe('Account Tile', () => {
       </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');
+        const itemArchivist = el.shadowRoot?.querySelector('.archivist-since');
+        expect(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=${{
@@ -61,33 +57,37 @@ describe('Account Tile', () => {
       </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');
+        const tileStats = el.shadowRoot?.querySelector('tile-stats');
+        const statsElements = tileStats?.shadowRoot?.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);
+        const downloads = statsElements
+            ?.querySelectorAll('.col')[1]
+            .querySelector('.status-text');
+        expect(downloads?.textContent).contains(999);
+        const favorites = statsElements
+            ?.querySelectorAll('.col')[2]
+            .querySelector('.status-text');
+        expect(favorites?.textContent).contains(100);
+        const reviewCounts = statsElements
+            ?.querySelectorAll('.col')[3]
+            .querySelector('.status-text');
+        expect(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');
+        const infoButton = el.shadowRoot?.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');
+        const infoButton = el.shadowRoot?.querySelector('.info-button');
         infoButton.click();
         await el.updateComplete;
         expect(infoButtonSpy.callCount).to.equal(1);

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

@@ -1 +1 @@
-{"version":3,"file":"account-tile.test.js","sourceRoot":"","sources":["../../../../test/tiles/grid/account-tile.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { html } from 'lit';\nimport type { AccountTile } from '../../../src/tiles/grid/account-tile';\n\nimport '../../../src/tiles/grid/account-tile';\n\ndescribe('Account Tile', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<AccountTile>(html`<account-tile></account-tile>`);\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const itemImage = el.shadowRoot?.querySelector('image-block');\n    const itemArchivist = el.shadowRoot?.querySelector('.archivist-since');\n    const tileStats = el.shadowRoot?.querySelector('tile-stats');\n\n    expect(itemInfo).to.exist;\n    expect(itemImage).to.exist;\n    expect(itemArchivist).to.exist;\n    expect(tileStats).to.exist;\n  });\n\n  it('should render with title element', async () => {\n    const el = await fixture<AccountTile>(html`\n      <account-tile\n        .model=${{\n          identifier: '@jack-sparrow',\n        }}\n      >\n      </account-tile>\n    `);\n    await el.updateComplete;\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const accountTitle = el.shadowRoot?.querySelector('#title');\n\n    expect(itemInfo).to.exist;\n    expect(accountTitle).to.exist;\n    expect(accountTitle?.querySelector('.truncated')?.textContent).to.equal(\n      '@jack-sparrow',\n    );\n  });\n\n  it('should render with archivist-since date element', async () => {\n    const el = await fixture<AccountTile>(html`\n      <account-tile\n        .model=${{\n          dateAdded: new Date('2022-02-02'),\n        }}\n      >\n      </account-tile>\n    `);\n    await el.updateComplete;\n\n    const itemArchivist = el.shadowRoot?.querySelector('.archivist-since');\n    expect(itemArchivist?.textContent).contains('Archivist since 2022');\n  });\n\n  it('should render with tile-stats element', async () => {\n    const el = await fixture<AccountTile>(html`\n      <account-tile\n        .model=${{\n          identifier: '@jack-sparrow',\n          mediatype: 'account',\n          itemCount: 999,\n          favCount: 100,\n          commentCount: 3,\n        }}\n      >\n      </account-tile>\n    `);\n    await el.updateComplete;\n\n    const tileStats = el.shadowRoot?.querySelector('tile-stats');\n    const statsElements = tileStats?.shadowRoot?.querySelector('#stats-row');\n\n    expect(tileStats).to.exist;\n    expect(statsElements).to.exist;\n\n    const downloads = statsElements\n      ?.querySelectorAll('.col')[1]\n      .querySelector('.status-text');\n    expect(downloads?.textContent).contains(999);\n\n    const favorites = statsElements\n      ?.querySelectorAll('.col')[2]\n      .querySelector('.status-text');\n    expect(favorites?.textContent).contains(100);\n\n    const reviewCounts = statsElements\n      ?.querySelectorAll('.col')[3]\n      .querySelector('.status-text');\n    expect(reviewCounts?.textContent).contains(3);\n  });\n\n  it('should render info button when showInfoButton flag is set', async () => {\n    const el = await fixture<AccountTile>(html`\n      <account-tile ?showInfoButton=${true}> </account-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<AccountTile>(html`\n      <account-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>\n      </account-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"]}
+{"version":3,"file":"account-tile.test.js","sourceRoot":"","sources":["../../../../test/tiles/grid/account-tile.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { html } from 'lit';\nimport type { AccountTile } from '../../../src/tiles/grid/account-tile';\n\nimport '../../../src/tiles/grid/account-tile';\n\ndescribe('Account Tile', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<AccountTile>(html`<account-tile></account-tile>`);\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const itemImage = el.shadowRoot?.querySelector('image-block');\n    const itemArchivist = el.shadowRoot?.querySelector('.archivist-since');\n    const tileStats = el.shadowRoot?.querySelector('tile-stats');\n\n    expect(itemInfo).to.exist;\n    expect(itemImage).to.exist;\n    expect(itemArchivist).to.exist;\n    expect(tileStats).to.exist;\n  });\n\n  it('should render with title element', async () => {\n    const el = await fixture<AccountTile>(html`\n      <account-tile\n        .model=${{\n          identifier: '@jack-sparrow',\n        }}\n      >\n      </account-tile>\n    `);\n    await el.updateComplete;\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const accountTitle = el.shadowRoot?.querySelector('#title');\n\n    expect(itemInfo).to.exist;\n    expect(accountTitle).to.exist;\n    expect(accountTitle?.querySelector('.truncated')?.textContent).to.equal(\n      '@jack-sparrow',\n    );\n  });\n\n  it('should render with archivist-since date element', async () => {\n    const el = await fixture<AccountTile>(html`\n      <account-tile\n        .model=${{\n          dateAdded: new Date('2022-02-02'),\n        }}\n      >\n      </account-tile>\n    `);\n    await el.updateComplete;\n\n    const itemArchivist = el.shadowRoot?.querySelector('.archivist-since');\n    expect(itemArchivist?.textContent).contains('Archivist since 2022');\n  });\n\n  it('should render with tile-stats element', async () => {\n    const el = await fixture<AccountTile>(html`\n      <account-tile\n        .model=${{\n          identifier: '@jack-sparrow',\n          mediatype: 'account',\n          itemCount: 999,\n          favCount: 100,\n          commentCount: 3,\n        }}\n      >\n      </account-tile>\n    `);\n    await el.updateComplete;\n\n    const tileStats = el.shadowRoot?.querySelector('tile-stats');\n    const statsElements = tileStats?.shadowRoot?.querySelector('#stats-row');\n\n    expect(tileStats).to.exist;\n    expect(statsElements).to.exist;\n\n    const downloads = statsElements\n      ?.querySelectorAll('.col')[1]\n      .querySelector('.status-text');\n    expect(downloads?.textContent).contains(999);\n\n    const favorites = statsElements\n      ?.querySelectorAll('.col')[2]\n      .querySelector('.status-text');\n    expect(favorites?.textContent).contains(100);\n\n    const reviewCounts = statsElements\n      ?.querySelectorAll('.col')[3]\n      .querySelector('.status-text');\n    expect(reviewCounts?.textContent).contains(3);\n  });\n\n  it('should render info button when showInfoButton flag is set', async () => {\n    const el = await fixture<AccountTile>(html`\n      <account-tile ?showInfoButton=${true}> </account-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<AccountTile>(html`\n      <account-tile ?showInfoButton=${true} @infoButtonPressed=${infoButtonSpy}>\n      </account-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"]}

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

@@ -4,17 +4,15 @@ 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');
+        const itemInfo = el.shadowRoot?.querySelector('.item-info');
+        const itemImage = el.shadowRoot?.querySelector('image-block');
+        const itemStats = el.shadowRoot?.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=${{
@@ -26,14 +24,13 @@ describe('Collection Tile', () => {
       </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');
+        const itemInfo = el.shadowRoot?.querySelector('.item-info');
+        const itemTitle = el.shadowRoot?.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');
+        expect(itemTitle?.querySelector('.truncated')?.textContent).to.equal('Books');
     });
     it('should render with image-block element', async () => {
-        var _a;
         const el = await fixture(html `
       <collection-tile
         .model=${{
@@ -44,11 +41,10 @@ describe('Collection Tile', () => {
       </collection-tile>
     `);
         await el.updateComplete;
-        const itemImageBlock = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('image-block');
+        const itemImageBlock = el.shadowRoot?.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=${{
@@ -60,25 +56,23 @@ describe('Collection Tile', () => {
       </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');
+        const itemStats = el.shadowRoot?.querySelector('#item-stats');
+        const itemMediaType = el.shadowRoot?.querySelector('#item-mediatype');
+        const itemCount = el.shadowRoot?.querySelector('#item-count');
+        const itemSize = el.shadowRoot?.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');
+        const infoButton = el.shadowRoot?.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
@@ -87,7 +81,7 @@ describe('Collection Tile', () => {
       >
       </collection-tile>
     `);
-        const infoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.info-button');
+        const infoButton = el.shadowRoot?.querySelector('.info-button');
         infoButton.click();
         await el.updateComplete;
         expect(infoButtonSpy.callCount).to.equal(1);

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

@@ -1 +1 @@
-{"version":3,"file":"collection-tile.test.js","sourceRoot":"","sources":["../../../../test/tiles/grid/collection-tile.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { html } from 'lit';\nimport type { CollectionTile } from '../../../src/tiles/grid/collection-tile';\n\nimport '../../../src/tiles/grid/collection-tile';\n\ndescribe('Collection Tile', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<CollectionTile>(\n      html`<collection-tile></collection-tile>`,\n    );\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const itemImage = el.shadowRoot?.querySelector('image-block');\n    const itemStats = el.shadowRoot?.querySelector('#item-stats');\n\n    expect(itemInfo).to.exist;\n    expect(itemImage).to.exist;\n    expect(itemStats).to.exist;\n  });\n\n  it('should render with title element', async () => {\n    const el = await fixture<CollectionTile>(html`\n      <collection-tile\n        .model=${{\n          identifier: 'books',\n          title: 'Books',\n          itemCount: 121,\n        }}\n      >\n      </collection-tile>\n    `);\n    await el.updateComplete;\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const itemTitle = el.shadowRoot?.querySelector('#title');\n\n    expect(itemInfo).to.exist;\n    expect(itemTitle).to.exist;\n    expect(itemTitle?.querySelector('.truncated')?.textContent).to.equal(\n      'Books',\n    );\n  });\n\n  it('should render with image-block element', async () => {\n    const el = await fixture<CollectionTile>(html`\n      <collection-tile\n        .model=${{\n          identifier: '@jack-sparrow',\n          itemCount: 1233,\n        }}\n      >\n      </collection-tile>\n    `);\n    await el.updateComplete;\n\n    const itemImageBlock = el.shadowRoot?.querySelector('image-block');\n    expect(itemImageBlock).to.exist;\n  });\n\n  it('should render with item stats element', async () => {\n    const el = await fixture<CollectionTile>(html`\n      <collection-tile\n        .model=${{\n          identifier: '@jack-sparrow',\n          itemCount: 14521,\n          collectionSize: 23222543,\n        }}\n      >\n      </collection-tile>\n    `);\n    await el.updateComplete;\n\n    const itemStats = el.shadowRoot?.querySelector('#item-stats');\n    const itemMediaType = el.shadowRoot?.querySelector('#item-mediatype');\n    const itemCount = el.shadowRoot?.querySelector('#item-count');\n    const itemSize = el.shadowRoot?.querySelector('#item-size');\n\n    expect(itemStats).to.exist;\n    expect(itemMediaType).to.exist;\n    expect(itemCount).to.exist;\n    expect(itemSize).to.exist;\n  });\n\n  it('should render info button when showInfoButton flag is set', async () => {\n    const el = await fixture<CollectionTile>(html`\n      <collection-tile ?showInfoButton=${true}> </collection-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<CollectionTile>(html`\n      <collection-tile\n        ?showInfoButton=${true}\n        @infoButtonPressed=${infoButtonSpy}\n      >\n      </collection-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"]}
+{"version":3,"file":"collection-tile.test.js","sourceRoot":"","sources":["../../../../test/tiles/grid/collection-tile.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { html } from 'lit';\nimport type { CollectionTile } from '../../../src/tiles/grid/collection-tile';\n\nimport '../../../src/tiles/grid/collection-tile';\n\ndescribe('Collection Tile', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<CollectionTile>(\n      html`<collection-tile></collection-tile>`,\n    );\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const itemImage = el.shadowRoot?.querySelector('image-block');\n    const itemStats = el.shadowRoot?.querySelector('#item-stats');\n\n    expect(itemInfo).to.exist;\n    expect(itemImage).to.exist;\n    expect(itemStats).to.exist;\n  });\n\n  it('should render with title element', async () => {\n    const el = await fixture<CollectionTile>(html`\n      <collection-tile\n        .model=${{\n          identifier: 'books',\n          title: 'Books',\n          itemCount: 121,\n        }}\n      >\n      </collection-tile>\n    `);\n    await el.updateComplete;\n\n    const itemInfo = el.shadowRoot?.querySelector('.item-info');\n    const itemTitle = el.shadowRoot?.querySelector('#title');\n\n    expect(itemInfo).to.exist;\n    expect(itemTitle).to.exist;\n    expect(itemTitle?.querySelector('.truncated')?.textContent).to.equal(\n      'Books',\n    );\n  });\n\n  it('should render with image-block element', async () => {\n    const el = await fixture<CollectionTile>(html`\n      <collection-tile\n        .model=${{\n          identifier: '@jack-sparrow',\n          itemCount: 1233,\n        }}\n      >\n      </collection-tile>\n    `);\n    await el.updateComplete;\n\n    const itemImageBlock = el.shadowRoot?.querySelector('image-block');\n    expect(itemImageBlock).to.exist;\n  });\n\n  it('should render with item stats element', async () => {\n    const el = await fixture<CollectionTile>(html`\n      <collection-tile\n        .model=${{\n          identifier: '@jack-sparrow',\n          itemCount: 14521,\n          collectionSize: 23222543,\n        }}\n      >\n      </collection-tile>\n    `);\n    await el.updateComplete;\n\n    const itemStats = el.shadowRoot?.querySelector('#item-stats');\n    const itemMediaType = el.shadowRoot?.querySelector('#item-mediatype');\n    const itemCount = el.shadowRoot?.querySelector('#item-count');\n    const itemSize = el.shadowRoot?.querySelector('#item-size');\n\n    expect(itemStats).to.exist;\n    expect(itemMediaType).to.exist;\n    expect(itemCount).to.exist;\n    expect(itemSize).to.exist;\n  });\n\n  it('should render info button when showInfoButton flag is set', async () => {\n    const el = await fixture<CollectionTile>(html`\n      <collection-tile ?showInfoButton=${true}> </collection-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<CollectionTile>(html`\n      <collection-tile\n        ?showInfoButton=${true}\n        @infoButtonPressed=${infoButtonSpy}\n      >\n      </collection-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"]}