@internetarchive/collection-browser 0.3.0-alpha.5 → 0.3.0

package/dist/test/collection-facets.test.js

@@ -1,185 +1,185 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import sinon from 'sinon';
-import { html } from 'lit';
-import { Aggregation } from '@internetarchive/search-service';
-import { ModalManager, } from '@internetarchive/modal-manager';
-import '@internetarchive/modal-manager';
-import '../src/collection-facets';
-describe('Collection Facets', () => {
-    it('has loader', async () => {
-        var _a, _b, _c, _d;
-        const el = await fixture(html `<collection-facets ?facetsLoading=${true}></collection-facets>`);
-        expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container')) === null || _b === void 0 ? void 0 : _b.classList.contains('loading')).to.be.true;
-        el.facetsLoading = false;
-        await el.updateComplete;
-        expect((_d = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#container')) === null || _d === void 0 ? void 0 : _d.classList.contains('loading')).to.be.false;
-    });
-    it('renders aggregations as facets', async () => {
-        var _a, _b, _c, _d, _e;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const aggs = {
-            subject: new Aggregation({
-                buckets: [
-                    {
-                        key: 'foo',
-                        doc_count: 5,
-                    },
-                ],
-            }),
-        };
-        el.aggregations = aggs;
-        await el.updateComplete;
-        const facetGroups = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.facet-group');
-        expect(facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups.length).to.equal(1);
-        const titleFacetGroup = facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups[0];
-        const facetGroupHeader = titleFacetGroup === null || titleFacetGroup === void 0 ? void 0 : titleFacetGroup.querySelector('h1');
-        expect((_b = facetGroupHeader === null || facetGroupHeader === void 0 ? void 0 : facetGroupHeader.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Subject');
-        const titleFacetRow = (_d = (_c = titleFacetGroup === null || titleFacetGroup === void 0 ? void 0 : titleFacetGroup.querySelector('facets-template')) === null || _c === void 0 ? void 0 : _c.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.facet-row');
-        console.log(titleFacetGroup === null || titleFacetGroup === void 0 ? void 0 : titleFacetGroup.querySelector('facets-template'));
-        expect((_e = titleFacetRow === null || titleFacetRow === void 0 ? void 0 : titleFacetRow.textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.satisfy((text) => /^foo\s*5$/.test(text));
-    });
-    it('renders multiple aggregation types', async () => {
-        var _a;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const aggs = {
-            subject: new Aggregation({
-                buckets: [
-                    {
-                        key: 'foo',
-                        doc_count: 5,
-                    },
-                ],
-            }),
-            mediatype: new Aggregation({
-                buckets: [
-                    {
-                        key: 'bar',
-                        doc_count: 10,
-                    },
-                ],
-            }),
-        };
-        el.aggregations = aggs;
-        await el.updateComplete;
-        const facetGroups = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.facet-group');
-        expect(facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups.length).to.equal(2);
-    });
-    it('renders collection facets as links', async () => {
-        var _a, _b, _c, _d;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const aggs = {
-            collection: new Aggregation({
-                buckets: [
-                    {
-                        key: 'foo',
-                        doc_count: 5,
-                    },
-                ],
-            }),
-        };
-        el.aggregations = aggs;
-        await el.updateComplete;
-        const collectionName = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('async-collection-name');
-        expect(collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement).to.be.instanceOf(HTMLAnchorElement);
-        expect((_d = collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement) === null || _d === void 0 ? void 0 : _d.getAttribute('href')).to.equal('/details/foo');
-    });
-    it('renders non-collection facets without links', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<collection-facets></collection-facets>`);
-        const aggs = {
-            subject: new Aggregation({
-                buckets: [
-                    {
-                        key: 'foo',
-                        doc_count: 5,
-                    },
-                ],
-            }),
-        };
-        el.aggregations = aggs;
-        await el.updateComplete;
-        const collectionName = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('async-collection-name');
-        expect(collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement).to.not.be.instanceOf(HTMLAnchorElement);
-    });
-    describe('More Facets', () => {
-        it('Does not render < allowedFacetCount', async () => {
-            var _a;
-            const el = await fixture(html `<collection-facets></collection-facets>`);
-            const aggs = {
-                subject: new Aggregation({
-                    buckets: [
-                        {
-                            key: 'foo',
-                            doc_count: 5,
-                        },
-                    ],
-                }),
-            };
-            el.aggregations = aggs;
-            await el.updateComplete;
-            const moreLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.more-link');
-            expect(moreLink).to.be.null;
-        });
-        it('Render More Facets', async () => {
-            var _a, _b;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import sinon from 'sinon';
+import { html } from 'lit';
+import { Aggregation } from '@internetarchive/search-service';
+import { ModalManager, } from '@internetarchive/modal-manager';
+import '@internetarchive/modal-manager';
+import '../src/collection-facets';
+describe('Collection Facets', () => {
+    it('has loader', async () => {
+        var _a, _b, _c, _d;
+        const el = await fixture(html `<collection-facets ?facetsLoading=${true}></collection-facets>`);
+        expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container')) === null || _b === void 0 ? void 0 : _b.classList.contains('loading')).to.be.true;
+        el.facetsLoading = false;
+        await el.updateComplete;
+        expect((_d = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#container')) === null || _d === void 0 ? void 0 : _d.classList.contains('loading')).to.be.false;
+    });
+    it('renders aggregations as facets', async () => {
+        var _a, _b, _c, _d, _e;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            subject: new Aggregation({
+                buckets: [
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                ],
+            }),
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const facetGroups = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.facet-group');
+        expect(facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups.length).to.equal(1);
+        const titleFacetGroup = facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups[0];
+        const facetGroupHeader = titleFacetGroup === null || titleFacetGroup === void 0 ? void 0 : titleFacetGroup.querySelector('h1');
+        expect((_b = facetGroupHeader === null || facetGroupHeader === void 0 ? void 0 : facetGroupHeader.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Subject');
+        const titleFacetRow = (_d = (_c = titleFacetGroup === null || titleFacetGroup === void 0 ? void 0 : titleFacetGroup.querySelector('facets-template')) === null || _c === void 0 ? void 0 : _c.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.facet-row');
+        console.log(titleFacetGroup === null || titleFacetGroup === void 0 ? void 0 : titleFacetGroup.querySelector('facets-template'));
+        expect((_e = titleFacetRow === null || titleFacetRow === void 0 ? void 0 : titleFacetRow.textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.satisfy((text) => /^foo\s*5$/.test(text));
+    });
+    it('renders multiple aggregation types', async () => {
+        var _a;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            subject: new Aggregation({
+                buckets: [
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                ],
+            }),
+            mediatype: new Aggregation({
+                buckets: [
+                    {
+                        key: 'bar',
+                        doc_count: 10,
+                    },
+                ],
+            }),
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const facetGroups = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.facet-group');
+        expect(facetGroups === null || facetGroups === void 0 ? void 0 : facetGroups.length).to.equal(2);
+    });
+    it('renders collection facets as links', async () => {
+        var _a, _b, _c, _d;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            collection: new Aggregation({
+                buckets: [
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                ],
+            }),
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const collectionName = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('async-collection-name');
+        expect(collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement).to.be.instanceOf(HTMLAnchorElement);
+        expect((_d = collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement) === null || _d === void 0 ? void 0 : _d.getAttribute('href')).to.equal('/details/foo');
+    });
+    it('renders non-collection facets without links', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<collection-facets></collection-facets>`);
+        const aggs = {
+            subject: new Aggregation({
+                buckets: [
+                    {
+                        key: 'foo',
+                        doc_count: 5,
+                    },
+                ],
+            }),
+        };
+        el.aggregations = aggs;
+        await el.updateComplete;
+        const collectionName = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('facets-template')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('async-collection-name');
+        expect(collectionName === null || collectionName === void 0 ? void 0 : collectionName.parentElement).to.not.be.instanceOf(HTMLAnchorElement);
+    });
+    describe('More Facets', () => {
+        it('Does not render < allowedFacetCount', async () => {
+            var _a;
+            const el = await fixture(html `<collection-facets></collection-facets>`);
+            const aggs = {
+                subject: new Aggregation({
+                    buckets: [
+                        {
+                            key: 'foo',
+                            doc_count: 5,
+                        },
+                    ],
+                }),
+            };
+            el.aggregations = aggs;
+            await el.updateComplete;
+            const moreLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.more-link');
+            expect(moreLink).to.be.null;
+        });
+        it('Render More Facets', async () => {
+            var _a, _b;
             const el = await fixture(html `<collection-facets
           .modalManager=${new ModalManager()}
-        ></collection-facets>`);
-            const aggs = {
-                subject: new Aggregation({
-                    buckets: [
-                        {
-                            key: 'foo',
-                            doc_count: 5,
-                        },
-                        {
-                            key: 'fi',
-                            doc_count: 5,
-                        },
-                        {
-                            key: 'fum',
-                            doc_count: 5,
-                        },
-                        {
-                            key: 'flee',
-                            doc_count: 5,
-                        },
-                        {
-                            key: 'wheee',
-                            doc_count: 5,
-                        },
-                        {
-                            key: 'whooo',
-                            doc_count: 5,
-                        },
-                        {
-                            key: 'boop',
-                            doc_count: 5,
-                        },
-                    ],
-                }),
-            };
-            el.aggregations = aggs;
-            await el.updateComplete;
-            let eventCaught = false;
-            let eventFacet = '';
-            el.addEventListener('showMoreFacets', e => {
-                eventFacet = e.detail;
-                eventCaught = true;
-            });
-            const moreLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.more-link');
-            expect(moreLink).to.exist; // has link
-            const showModalSpy = sinon.spy(el.modalManager, 'showModal');
-            // let's pop up modal
-            moreLink === null || moreLink === void 0 ? void 0 : moreLink.click();
-            await el.updateComplete;
-            expect(showModalSpy.callCount).to.equal(1);
-            expect((_b = el.modalManager) === null || _b === void 0 ? void 0 : _b.classList.contains('more-search-facets')).to.be
-                .true;
-            expect(eventCaught).to.be.true;
-            expect(eventFacet).to.equal('subject');
-        });
-    });
-});
+        ></collection-facets>`);
+            const aggs = {
+                subject: new Aggregation({
+                    buckets: [
+                        {
+                            key: 'foo',
+                            doc_count: 5,
+                        },
+                        {
+                            key: 'fi',
+                            doc_count: 5,
+                        },
+                        {
+                            key: 'fum',
+                            doc_count: 5,
+                        },
+                        {
+                            key: 'flee',
+                            doc_count: 5,
+                        },
+                        {
+                            key: 'wheee',
+                            doc_count: 5,
+                        },
+                        {
+                            key: 'whooo',
+                            doc_count: 5,
+                        },
+                        {
+                            key: 'boop',
+                            doc_count: 5,
+                        },
+                    ],
+                }),
+            };
+            el.aggregations = aggs;
+            await el.updateComplete;
+            let eventCaught = false;
+            let eventFacet = '';
+            el.addEventListener('showMoreFacets', e => {
+                eventFacet = e.detail;
+                eventCaught = true;
+            });
+            const moreLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.more-link');
+            expect(moreLink).to.exist; // has link
+            const showModalSpy = sinon.spy(el.modalManager, 'showModal');
+            // let's pop up modal
+            moreLink === null || moreLink === void 0 ? void 0 : moreLink.click();
+            await el.updateComplete;
+            expect(showModalSpy.callCount).to.equal(1);
+            expect((_b = el.modalManager) === null || _b === void 0 ? void 0 : _b.classList.contains('more-search-facets')).to.be
+                .true;
+            expect(eventCaught).to.be.true;
+            expect(eventFacet).to.equal('subject');
+        });
+    });
+});
 //# sourceMappingURL=collection-facets.test.js.map

package/dist/test/empty-placeholder.test.d.ts

@@ -1 +1 @@
-import '../src/empty-placeholder';
+import '../src/empty-placeholder';

package/dist/test/empty-placeholder.test.js

@@ -1,34 +1,34 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../src/empty-placeholder';
-describe('Empty Placeholder', () => {
-    it('should render with empty-query placeholder', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
-        el.placeholderType = 'empty-query';
-        await el.updateComplete;
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.empty-query')).to.exist;
-        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.null-result')).to.not.exist;
-        expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('infinite-scroller')).to.not.exist;
-    });
-    it('should render with null-result placeholder', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
-        el.placeholderType = 'null-result';
-        await el.updateComplete;
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.null-result')).to.exist;
-        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.empty-query')).to.not.exist;
-        expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('collection-facets')).to.not.exist;
-    });
-    it('should not render any empty placeholder', async () => {
-        var _a, _b, _c;
-        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
-        el.placeholderType = null;
-        await el.updateComplete;
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.empty-query')).to.not.exist;
-        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.null-result')).to.not.exist;
-        expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('collection-facets')).to.not.exist;
-    });
-});
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../src/empty-placeholder';
+describe('Empty Placeholder', () => {
+    it('should render with empty-query placeholder', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
+        el.placeholderType = 'empty-query';
+        await el.updateComplete;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.empty-query')).to.exist;
+        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.null-result')).to.not.exist;
+        expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('infinite-scroller')).to.not.exist;
+    });
+    it('should render with null-result placeholder', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
+        el.placeholderType = 'null-result';
+        await el.updateComplete;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.null-result')).to.exist;
+        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.empty-query')).to.not.exist;
+        expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('collection-facets')).to.not.exist;
+    });
+    it('should not render any empty placeholder', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
+        el.placeholderType = null;
+        await el.updateComplete;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.empty-query')).to.not.exist;
+        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.null-result')).to.not.exist;
+        expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('collection-facets')).to.not.exist;
+    });
+});
 //# sourceMappingURL=empty-placeholder.test.js.map

package/dist/test/icon-overlay.test.d.ts

@@ -1 +1 @@
-import '../src/tiles/overlay/icon-overlay';
+import '../src/tiles/overlay/icon-overlay';

package/dist/test/icon-overlay.test.js

@@ -1,31 +1,31 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../src/tiles/overlay/icon-overlay';
-describe('Icon Overlay component', () => {
-    it('should render component if loggedIn required', async () => {
-        var _a, _b, _c;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../src/tiles/overlay/icon-overlay';
+describe('Icon Overlay component', () => {
+    it('should render component if loggedIn required', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <icon-overlay .loggedIn=${false} .loginRequired=${true}> </icon-overlay>
-    `);
-        const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
-        expect(svgTitle).to.equal('Log in to view this item');
-    });
-    it('should render component if content warning', async () => {
-        var _a, _b, _c;
+    `);
+        const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
+        expect(svgTitle).to.equal('Log in to view this item');
+    });
+    it('should render component if content warning', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <icon-overlay .loggedIn=${false} .loginRequired=${false}> </icon-overlay>
-    `);
-        const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
-        expect(svgTitle).to.equal('Content may be inappropriate');
-    });
-    it('should render component if content warning', async () => {
-        var _a, _b, _c;
+    `);
+        const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
+        expect(svgTitle).to.equal('Content may be inappropriate');
+    });
+    it('should render component if content warning', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <icon-overlay .loggedIn=${true} .loginRequired=${true}> </icon-overlay>
-    `);
-        const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
-        expect(svgTitle).to.equal('Content may be inappropriate');
-    });
-});
+    `);
+        const svgTitle = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg')) === null || _b === void 0 ? void 0 : _b.querySelector('title')) === null || _c === void 0 ? void 0 : _c.textContent;
+        expect(svgTitle).to.equal('Content may be inappropriate');
+    });
+});
 //# sourceMappingURL=icon-overlay.test.js.map

package/dist/test/item-image.test.d.ts

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

package/dist/test/item-image.test.js

@@ -1,39 +1,39 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../src/tiles/item-image';
-const baseImageUrl = 'https://archive.org';
-const testBookModel = {
-    collections: [],
-    commentCount: 0,
-    creators: [],
-    favCount: 0,
-    identifier: '18730130BloomfieldRecordCompleteIssue',
-    itemCount: 0,
-    mediatype: 'texts',
-    subjects: [],
-    title: 'Sample Waveform',
-    viewCount: 0,
-    loginRequired: false,
-    contentWarning: false,
-};
-const testAudioModel = {
-    collections: [],
-    commentCount: 0,
-    creators: [],
-    favCount: 0,
-    identifier: 'dwd2015-01-24',
-    itemCount: 0,
-    mediatype: 'audio',
-    subjects: [],
-    title: 'Sample Waveform',
-    viewCount: 0,
-    loginRequired: false,
-    contentWarning: false,
-};
-describe('ItemImage component', () => {
-    it('should render initial component', async () => {
-        var _a, _b;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../src/tiles/item-image';
+const baseImageUrl = 'https://archive.org';
+const testBookModel = {
+    collections: [],
+    commentCount: 0,
+    creators: [],
+    favCount: 0,
+    identifier: '18730130BloomfieldRecordCompleteIssue',
+    itemCount: 0,
+    mediatype: 'texts',
+    subjects: [],
+    title: 'Sample Waveform',
+    viewCount: 0,
+    loginRequired: false,
+    contentWarning: false,
+};
+const testAudioModel = {
+    collections: [],
+    commentCount: 0,
+    creators: [],
+    favCount: 0,
+    identifier: 'dwd2015-01-24',
+    itemCount: 0,
+    mediatype: 'audio',
+    subjects: [],
+    title: 'Sample Waveform',
+    viewCount: 0,
+    loginRequired: false,
+    contentWarning: false,
+};
+describe('ItemImage component', () => {
+    it('should render initial component', async () => {
+        var _a, _b;
         const el = await fixture(html `
       <item-image
         .isListTile=${false}
@@ -42,14 +42,14 @@ describe('ItemImage component', () => {
         .baseImageUrl=${baseImageUrl}
       >
       </item-image>
-    `);
-        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
-        const imgClassName = (_b = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img')) === null || _b === void 0 ? void 0 : _b.className;
-        expect(dropShadow).to.exist;
-        expect(imgClassName).to.eql(' contain ');
-    });
-    it('should render component if mediatype is waveform', async () => {
-        var _a;
+    `);
+        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
+        const imgClassName = (_b = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img')) === null || _b === void 0 ? void 0 : _b.className;
+        expect(dropShadow).to.exist;
+        expect(imgClassName).to.eql(' contain ');
+    });
+    it('should render component if mediatype is waveform', async () => {
+        var _a;
         const el = await fixture(html `
       <item-image
         .isListTile=${false}
@@ -58,16 +58,16 @@ describe('ItemImage component', () => {
         .baseImageUrl=${baseImageUrl}
       >
       </item-image>
-    `);
-        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
-        const image = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img');
-        expect(dropShadow).to.exist;
-        expect(image).to.exist;
-        // simulate image onLoad event check if image className is waveform
-        setTimeout(() => {
-            const imgClassName = image === null || image === void 0 ? void 0 : image.className;
-            expect(imgClassName).to.eql(' waveform ');
-        }, 1000);
-    });
-});
+    `);
+        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
+        const image = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img');
+        expect(dropShadow).to.exist;
+        expect(image).to.exist;
+        // simulate image onLoad event check if image className is waveform
+        setTimeout(() => {
+            const imgClassName = image === null || image === void 0 ? void 0 : image.className;
+            expect(imgClassName).to.eql(' waveform ');
+        }, 1000);
+    });
+});
 //# sourceMappingURL=item-image.test.js.map

package/dist/test/mediatype-config.test.d.ts

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