@internetarchive/collection-browser 3.3.2 → 3.3.3

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

@@ -0,0 +1,251 @@
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../../../src/tiles/list/tile-list-compact';
+describe('List Tile Compact', () => {
+    it('should render initial component', async () => {
+        var _a, _b, _c, _d, _e;
+        const el = await fixture(html `<tile-list-compact></tile-list-compact>`);
+        const listContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#list-line');
+        const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
+        const imageBlock = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('image-block');
+        const itemIcon = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#icon');
+        const itemViews = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('#views');
+        expect(listContainer).to.exist;
+        expect(itemTitle).to.exist;
+        expect(imageBlock).to.exist;
+        expect(itemIcon).to.exist;
+        expect(itemViews).to.exist;
+    });
+    it('should render with creator element with title', async () => {
+        var _a;
+        const el = await fixture(html `
+      <tile-list-compact
+        .model=${{ creators: ['someone'] }}
+      ></tile-list-compact>
+    `);
+        const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#creator');
+        expect(creator).to.exist;
+    });
+    it('should render title link with model href if provided', async () => {
+        var _a;
+        const el = await fixture(html `
+      <tile-list-compact
+        .baseNavigationUrl=${''}
+        .model=${{ identifier: 'id', title: 'foo', href: '/foo/bar' }}
+      ></tile-list-compact>
+    `);
+        const title = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#title');
+        expect(title).to.exist;
+        expect(title === null || title === void 0 ? void 0 : title.getAttribute('href')).to.equal('/foo/bar');
+    });
+    it('should render weekly views when sorting by week', async () => {
+        var _a, _b;
+        const el = await fixture(html `
+      <tile-list-compact
+        .model=${{ viewCount: 50, weeklyViewCount: 10 }}
+        .sortParam=${{ field: 'week', direction: 'desc' }}
+      >
+      </tile-list-compact>
+    `);
+        const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
+        expect(viewsColumn).to.exist;
+        expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('10');
+    });
+    it('should render 0 for views if missing model', async () => {
+        var _a, _b;
+        const el = await fixture(html `
+      <tile-list-compact .sortParam=${{ field: 'week', direction: 'desc' }}>
+      </tile-list-compact>
+    `);
+        const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
+        expect(viewsColumn).to.exist;
+        expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('0');
+    });
+    it('should render published date when sorting by it', async () => {
+        var _a, _b;
+        const model = {
+            dateAdded: new Date(2010, 0, 2),
+            dateArchived: new Date(2011, 0, 2),
+            datePublished: new Date(2012, 0, 2),
+            dateReviewed: new Date(2013, 0, 2),
+        };
+        const el = await fixture(html `
+      <tile-list-compact
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </tile-list-compact>
+    `);
+        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2012');
+    });
+    it('should render added date when sorting by it', async () => {
+        var _a, _b;
+        const model = {
+            dateAdded: new Date(2010, 0, 2),
+            dateArchived: new Date(2011, 0, 2),
+            datePublished: new Date(2012, 0, 2),
+            dateReviewed: new Date(2013, 0, 2),
+        };
+        const el = await fixture(html `
+      <tile-list-compact
+        .model=${model}
+        .sortParam=${{ field: 'addeddate', direction: 'desc' }}
+      >
+      </tile-list-compact>
+    `);
+        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2010');
+    });
+    it('should render archived date when sorting by it', async () => {
+        var _a, _b;
+        const model = {
+            dateAdded: new Date(2010, 0, 2),
+            dateArchived: new Date(2011, 0, 2),
+            datePublished: new Date(2012, 0, 2),
+            dateReviewed: new Date(2013, 0, 2),
+        };
+        const el = await fixture(html `
+      <tile-list-compact
+        .model=${model}
+        .sortParam=${{ field: 'publicdate', direction: 'desc' }}
+      >
+      </tile-list-compact>
+    `);
+        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2011');
+    });
+    it('should render reviewed date when sorting by it', async () => {
+        var _a, _b;
+        const model = {
+            dateAdded: new Date(2010, 0, 2),
+            dateArchived: new Date(2011, 0, 2),
+            datePublished: new Date(2012, 0, 2),
+            dateReviewed: new Date(2013, 0, 2),
+        };
+        const el = await fixture(html `
+      <tile-list-compact
+        .model=${model}
+        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}
+      >
+      </tile-list-compact>
+    `);
+        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2013');
+    });
+    it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {
+        var _a, _b;
+        const model = {
+            datePublished: new Date('2012-01-01T00:00:00Z'),
+        };
+        const el = await fixture(html `
+      <tile-list-compact
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </tile-list-compact>
+    `);
+        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('2012');
+    });
+    it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {
+        var _a, _b, _c, _d, _e, _f;
+        const model = {
+            dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),
+            dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),
+            datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
+            dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),
+        };
+        const el = await fixture(html `
+      <tile-list-compact
+        .model=${model}
+        .sortParam=${{ field: 'addeddate', direction: 'desc' }}
+      >
+      </tile-list-compact>
+    `);
+        let dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2010');
+        el.sortParam = { field: 'publicdate', direction: 'desc' };
+        await el.updateComplete;
+        dateColumn = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_d = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Jan 01, 2011');
+        el.sortParam = { field: 'reviewdate', direction: 'desc' };
+        await el.updateComplete;
+        dateColumn = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_f = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('Jan 01, 2013');
+    });
+    it('should display dates in UTC time zone by default', async () => {
+        var _a, _b;
+        const model = {
+            datePublished: new Date('2012-02-15T00:00:00Z'),
+        };
+        const el = await fixture(html `
+      <tile-list-compact
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </tile-list-compact>
+    `);
+        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Feb 15, 2012');
+    });
+    it('should display dates in local time when useLocalTime option is true', async () => {
+        var _a, _b;
+        // Expected behavior depends on the time zone offset where the testing occurs
+        const offset = new Date().getTimezoneOffset();
+        let datePublished, expected;
+        if (offset > 0) {
+            // Positive local time zone offsets have earlier local dates than UTC
+            datePublished = new Date('2012-02-15T00:00:00Z');
+            expected = 'Feb 14, 2012';
+        }
+        else if (offset < 0) {
+            // Negative local time zone offsets have later local dates than UTC
+            datePublished = new Date('2012-02-15T23:59:59Z');
+            expected = 'Feb 16, 2012';
+        }
+        else {
+            // Local time may just be UTC itself
+            datePublished = new Date('2012-02-15T00:00:00Z');
+            expected = 'Feb 15, 2012';
+        }
+        const model = {
+            datePublished,
+        };
+        const el = await fixture(html `
+      <tile-list-compact
+        useLocalTime
+        .model=${model}
+        .sortParam=${{ field: 'date', direction: 'desc' }}
+      >
+      </tile-list-compact>
+    `);
+        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal(expected);
+    });
+    it('should show the first creator matching the letter filter, if defined', async () => {
+        var _a, _b;
+        const model = {
+            creator: 'foo',
+            creators: ['foo', 'bar', 'baz'],
+        };
+        const el = await fixture(html `
+      <tile-list-compact .model=${model} .creatorFilter=${'B'}>
+      </tile-list-compact>
+    `);
+        const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('creator');
+        expect(creator).to.exist;
+        expect((_b = creator === null || creator === void 0 ? void 0 : creator.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('bar');
+    });
+});
+//# sourceMappingURL=tile-list-compact.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tile-list-compact.test.js","sourceRoot":"","sources":["../../../../test/tiles/list/tile-list-compact.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\r\nimport { html } from 'lit';\r\nimport type { TileListCompact } from '../../../src/tiles/list/tile-list-compact';\r\n\r\nimport '../../../src/tiles/list/tile-list-compact';\r\nimport type { TileModel } from '../../../src/models';\r\n\r\ndescribe('List Tile Compact', () => {\r\n  it('should render initial component', async () => {\r\n    const el = await fixture<TileListCompact>(\r\n      html`<tile-list-compact></tile-list-compact>`,\r\n    );\r\n\r\n    const listContainer = el.shadowRoot?.querySelector('#list-line');\r\n    const itemTitle = el.shadowRoot?.querySelector('#title');\r\n    const imageBlock = el.shadowRoot?.querySelector('image-block');\r\n    const itemIcon = el.shadowRoot?.querySelector('#icon');\r\n    const itemViews = el.shadowRoot?.querySelector('#views');\r\n\r\n    expect(listContainer).to.exist;\r\n    expect(itemTitle).to.exist;\r\n    expect(imageBlock).to.exist;\r\n    expect(itemIcon).to.exist;\r\n    expect(itemViews).to.exist;\r\n  });\r\n\r\n  it('should render with creator element with title', async () => {\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${{ creators: ['someone'] }}\r\n      ></tile-list-compact>\r\n    `);\r\n\r\n    const creator = el.shadowRoot?.querySelector('#creator');\r\n\r\n    expect(creator).to.exist;\r\n  });\r\n\r\n  it('should render title link with model href if provided', async () => {\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .baseNavigationUrl=${''}\r\n        .model=${{ identifier: 'id', title: 'foo', href: '/foo/bar' }}\r\n      ></tile-list-compact>\r\n    `);\r\n\r\n    const title = el.shadowRoot?.querySelector('#title');\r\n\r\n    expect(title).to.exist;\r\n    expect(title?.getAttribute('href')).to.equal('/foo/bar');\r\n  });\r\n\r\n  it('should render weekly views when sorting by week', async () => {\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${{ viewCount: 50, weeklyViewCount: 10 }}\r\n        .sortParam=${{ field: 'week', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const viewsColumn = el.shadowRoot?.getElementById('views');\r\n    expect(viewsColumn).to.exist;\r\n    expect(viewsColumn?.textContent?.trim()).to.equal('10');\r\n  });\r\n\r\n  it('should render 0 for views if missing model', async () => {\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact .sortParam=${{ field: 'week', direction: 'desc' }}>\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const viewsColumn = el.shadowRoot?.getElementById('views');\r\n    expect(viewsColumn).to.exist;\r\n    expect(viewsColumn?.textContent?.trim()).to.equal('0');\r\n  });\r\n\r\n  it('should render published date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2012');\r\n  });\r\n\r\n  it('should render added date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2010');\r\n  });\r\n\r\n  it('should render archived date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'publicdate', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2011');\r\n  });\r\n\r\n  it('should render reviewed date when sorting by it', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 2),\r\n      dateArchived: new Date(2011, 0, 2),\r\n      datePublished: new Date(2012, 0, 2),\r\n      dateReviewed: new Date(2013, 0, 2),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'reviewdate', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 02, 2013');\r\n  });\r\n\r\n  it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {\r\n    const model: Partial<TileModel> = {\r\n      datePublished: new Date('2012-01-01T00:00:00Z'),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('2012');\r\n  });\r\n\r\n  it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {\r\n    const model: Partial<TileModel> = {\r\n      dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),\r\n      dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),\r\n      datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),\r\n      dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'addeddate', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    let dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 01, 2010');\r\n\r\n    el.sortParam = { field: 'publicdate', direction: 'desc' };\r\n    await el.updateComplete;\r\n    dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 01, 2011');\r\n\r\n    el.sortParam = { field: 'reviewdate', direction: 'desc' };\r\n    await el.updateComplete;\r\n    dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Jan 01, 2013');\r\n  });\r\n\r\n  it('should display dates in UTC time zone by default', async () => {\r\n    const model: Partial<TileModel> = {\r\n      datePublished: new Date('2012-02-15T00:00:00Z'),\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal('Feb 15, 2012');\r\n  });\r\n\r\n  it('should display dates in local time when useLocalTime option is true', async () => {\r\n    // Expected behavior depends on the time zone offset where the testing occurs\r\n    const offset = new Date().getTimezoneOffset();\r\n    let datePublished, expected;\r\n    if (offset > 0) {\r\n      // Positive local time zone offsets have earlier local dates than UTC\r\n      datePublished = new Date('2012-02-15T00:00:00Z');\r\n      expected = 'Feb 14, 2012';\r\n    } else if (offset < 0) {\r\n      // Negative local time zone offsets have later local dates than UTC\r\n      datePublished = new Date('2012-02-15T23:59:59Z');\r\n      expected = 'Feb 16, 2012';\r\n    } else {\r\n      // Local time may just be UTC itself\r\n      datePublished = new Date('2012-02-15T00:00:00Z');\r\n      expected = 'Feb 15, 2012';\r\n    }\r\n\r\n    const model: Partial<TileModel> = {\r\n      datePublished,\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact\r\n        useLocalTime\r\n        .model=${model}\r\n        .sortParam=${{ field: 'date', direction: 'desc' }}\r\n      >\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const dateColumn = el.shadowRoot?.getElementById('date');\r\n    expect(dateColumn).to.exist;\r\n    expect(dateColumn?.textContent?.trim()).to.equal(expected);\r\n  });\r\n\r\n  it('should show the first creator matching the letter filter, if defined', async () => {\r\n    const model: Partial<TileModel> = {\r\n      creator: 'foo',\r\n      creators: ['foo', 'bar', 'baz'],\r\n    };\r\n\r\n    const el = await fixture<TileListCompact>(html`\r\n      <tile-list-compact .model=${model} .creatorFilter=${'B'}>\r\n      </tile-list-compact>\r\n    `);\r\n\r\n    const creator = el.shadowRoot?.getElementById('creator');\r\n    expect(creator).to.exist;\r\n    expect(creator?.textContent?.trim()).to.equal('bar');\r\n  });\r\n});\r\n"]}

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

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