@internetarchive/collection-browser 2.6.6-alpha.0 → 2.6.6

package/dist/test/expanded-date-picker.test.js

@@ -1,43 +1,43 @@
-import { ModalManager, ModalManagerMode, } from '@internetarchive/modal-manager';
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import sinon from 'sinon';
-import '../src/expanded-date-picker';
-import { MockAnalyticsHandler } from './mocks/mock-analytics-handler';
-import { analyticsActions, analyticsCategories, } from '../src/utils/analytics-events';
-describe('Expanded Date Picker', () => {
-    it('should render with a date picker and Apply button', async () => {
-        var _a, _b;
-        const el = await fixture(html `<expanded-date-picker></expanded-date-picker>`);
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#date-picker')).to.exist;
-        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#apply-btn')).to.exist;
-    });
-    it('should update its min/max selected date when date picker changes', async () => {
-        var _a;
+import { ModalManager, ModalManagerMode, } from '@internetarchive/modal-manager';
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import sinon from 'sinon';
+import '../src/expanded-date-picker';
+import { MockAnalyticsHandler } from './mocks/mock-analytics-handler';
+import { analyticsActions, analyticsCategories, } from '../src/utils/analytics-events';
+describe('Expanded Date Picker', () => {
+    it('should render with a date picker and Apply button', async () => {
+        var _a, _b;
+        const el = await fixture(html `<expanded-date-picker></expanded-date-picker>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#date-picker')).to.exist;
+        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#apply-btn')).to.exist;
+    });
+    it('should update its min/max selected date when date picker changes', async () => {
+        var _a;
         const el = await fixture(html `<expanded-date-picker
         .buckets=${[1, 2, 3, 4, 5]}
         .minDate=${'1'}
         .maxDate=${'5'}
         .minSelectedDate=${'1'}
         .maxSelectedDate=${'5'}
-      ></expanded-date-picker>`);
-        const datePicker = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#date-picker');
-        expect(datePicker).to.exist;
-        datePicker.minSelectedDate = '2';
-        datePicker.maxSelectedDate = '4';
-        datePicker.dispatchEvent(new CustomEvent('histogramDateRangeUpdated', {
-            detail: {
-                minDate: datePicker.minSelectedDate,
-                maxDate: datePicker.maxSelectedDate,
-            },
-        }));
-        await el.updateComplete;
-        expect(el.minSelectedDate).to.equal('2');
-        expect(el.maxSelectedDate).to.equal('4');
-    });
-    it('should emit an event when a date range is applied', async () => {
-        var _a;
-        const applySpy = sinon.spy();
+      ></expanded-date-picker>`);
+        const datePicker = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#date-picker');
+        expect(datePicker).to.exist;
+        datePicker.minSelectedDate = '2';
+        datePicker.maxSelectedDate = '4';
+        datePicker.dispatchEvent(new CustomEvent('histogramDateRangeUpdated', {
+            detail: {
+                minDate: datePicker.minSelectedDate,
+                maxDate: datePicker.maxSelectedDate,
+            },
+        }));
+        await el.updateComplete;
+        expect(el.minSelectedDate).to.equal('2');
+        expect(el.maxSelectedDate).to.equal('4');
+    });
+    it('should emit an event when a date range is applied', async () => {
+        var _a;
+        const applySpy = sinon.spy();
         const el = await fixture(html `<expanded-date-picker
         .buckets=${[1, 2, 3, 4, 5]}
         .minDate=${'1'}
@@ -45,19 +45,19 @@ describe('Expanded Date Picker', () => {
         .minSelectedDate=${'1'}
         .maxSelectedDate=${'5'}
         @histogramDateRangeApplied=${applySpy}
-      ></expanded-date-picker>`);
-        const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
-        expect(applyBtn).to.exist;
-        applyBtn.click();
-        await el.updateComplete;
-        expect(applySpy.callCount).to.equal(1);
-        expect(applySpy.calledWithMatch({ detail: { minDate: '1', maxDate: '5' } }));
-    });
-    it('should close its modal and emit close event when date range applied', async () => {
-        var _a;
-        const modalManager = new ModalManager();
-        modalManager.mode = ModalManagerMode.Open;
-        const modalClosed = sinon.spy();
+      ></expanded-date-picker>`);
+        const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
+        expect(applyBtn).to.exist;
+        applyBtn.click();
+        await el.updateComplete;
+        expect(applySpy.callCount).to.equal(1);
+        expect(applySpy.calledWithMatch({ detail: { minDate: '1', maxDate: '5' } }));
+    });
+    it('should close its modal and emit close event when date range applied', async () => {
+        var _a;
+        const modalManager = new ModalManager();
+        modalManager.mode = ModalManagerMode.Open;
+        const modalClosed = sinon.spy();
         const el = await fixture(html `<expanded-date-picker
         .buckets=${[1, 2, 3, 4, 5]}
         .minDate=${'1'}
@@ -66,16 +66,16 @@ describe('Expanded Date Picker', () => {
         .maxSelectedDate=${'5'}
         .modalManager=${modalManager}
         @modalClosed=${modalClosed}
-      ></expanded-date-picker>`);
-        const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
-        expect(applyBtn).to.exist;
-        applyBtn.click();
-        await el.updateComplete;
-        expect(modalManager.getMode()).to.equal(ModalManagerMode.Closed);
-        expect(modalClosed.callCount).to.equal(1);
-    });
-    it('closes the modal when Esc key is pressed', async () => {
-        var _a;
+      ></expanded-date-picker>`);
+        const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
+        expect(applyBtn).to.exist;
+        applyBtn.click();
+        await el.updateComplete;
+        expect(modalManager.getMode()).to.equal(ModalManagerMode.Closed);
+        expect(modalClosed.callCount).to.equal(1);
+    });
+    it('closes the modal when Esc key is pressed', async () => {
+        var _a;
         const el = await fixture(html `<expanded-date-picker
         .buckets=${[1, 2, 3, 4, 5]}
         .minDate=${'1'}
@@ -83,47 +83,47 @@ describe('Expanded Date Picker', () => {
         .minSelectedDate=${'1'}
         .maxSelectedDate=${'5'}
         .modalManager=${new ModalManager()}
-      ></expanded-date-picker>`);
-        const closeModalSpy = sinon.spy(el.modalManager, 'closeModal');
-        // Dispatch an Esc keydown event
-        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
-        await el.updateComplete;
-        expect(closeModalSpy.callCount).to.equal(1);
-        expect((_a = el.modalManager) === null || _a === void 0 ? void 0 : _a.classList.contains('expanded-date-picker')).to.be
-            .false;
-    });
-    it('sends analytics when date range is applied', async () => {
-        var _a, _b;
-        const analyticsHandler = new MockAnalyticsHandler();
+      ></expanded-date-picker>`);
+        const closeModalSpy = sinon.spy(el.modalManager, 'closeModal');
+        // Dispatch an Esc keydown event
+        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
+        await el.updateComplete;
+        expect(closeModalSpy.callCount).to.equal(1);
+        expect((_a = el.modalManager) === null || _a === void 0 ? void 0 : _a.classList.contains('expanded-date-picker')).to.be
+            .false;
+    });
+    it('sends analytics when date range is applied', async () => {
+        var _a, _b;
+        const analyticsHandler = new MockAnalyticsHandler();
         const el = await fixture(html `<expanded-date-picker
         .buckets=${[1, 2, 3, 4, 5]}
         .minDate=${'1'}
         .maxDate=${'5'}
         .analyticsHandler=${analyticsHandler}
-      ></expanded-date-picker>`);
-        const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
-        expect(applyBtn).to.exist;
-        applyBtn.click();
-        await el.updateComplete;
-        expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);
-        expect(analyticsHandler.callAction).to.equal(analyticsActions.histogramChangedFromModal);
-        expect(analyticsHandler.callLabel).to.equal(window.location.href);
-        const datePicker = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#date-picker');
-        expect(datePicker).to.exist;
-        datePicker.minSelectedDate = '2';
-        datePicker.maxSelectedDate = '5';
-        datePicker.dispatchEvent(new CustomEvent('histogramDateRangeUpdated', {
-            detail: {
-                minDate: datePicker.minSelectedDate,
-                maxDate: datePicker.maxSelectedDate,
-            },
-        }));
-        await el.updateComplete;
-        applyBtn.click();
-        await el.updateComplete;
-        expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);
-        expect(analyticsHandler.callAction).to.equal(analyticsActions.histogramChangedFromModal);
-        expect(analyticsHandler.callLabel).to.equal(window.location.href);
-    });
-});
+      ></expanded-date-picker>`);
+        const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
+        expect(applyBtn).to.exist;
+        applyBtn.click();
+        await el.updateComplete;
+        expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);
+        expect(analyticsHandler.callAction).to.equal(analyticsActions.histogramChangedFromModal);
+        expect(analyticsHandler.callLabel).to.equal(window.location.href);
+        const datePicker = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#date-picker');
+        expect(datePicker).to.exist;
+        datePicker.minSelectedDate = '2';
+        datePicker.maxSelectedDate = '5';
+        datePicker.dispatchEvent(new CustomEvent('histogramDateRangeUpdated', {
+            detail: {
+                minDate: datePicker.minSelectedDate,
+                maxDate: datePicker.maxSelectedDate,
+            },
+        }));
+        await el.updateComplete;
+        applyBtn.click();
+        await el.updateComplete;
+        expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);
+        expect(analyticsHandler.callAction).to.equal(analyticsActions.histogramChangedFromModal);
+        expect(analyticsHandler.callLabel).to.equal(window.location.href);
+    });
+});
 //# sourceMappingURL=expanded-date-picker.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 basic component', async () => {
-        var _a;
+/* 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 basic component', async () => {
+        var _a;
         const el = await fixture(html `
       <icon-overlay></icon-overlay>
-    `);
-        const overlayDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.icon-overlay');
-        expect(overlayDiv).to.exist;
-    });
-    it('should render component with login-required type', async () => {
-        var _a, _b, _c;
+    `);
+        const overlayDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.icon-overlay');
+        expect(overlayDiv).to.exist;
+    });
+    it('should render component with login-required type', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <icon-overlay .type=${'login-required'}></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 with content-warning type', 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 with content-warning type', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <icon-overlay .type=${'content-warning'}></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/image-block.test.d.ts

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

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

@@ -1,16 +1,16 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../src/tiles/image-block';
-describe('Image block component', () => {
-    it('should render component grid display mode', async () => {
-        var _a, _b, _c;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../src/tiles/image-block';
+describe('Image block component', () => {
+    it('should render component grid display mode', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            loginRequired: true,
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            loginRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -19,22 +19,22 @@ describe('Image block component', () => {
         .loggedIn=${false}
       >
       </image-block>
-    `);
-        const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.grid');
-        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
-        const textOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('text-overlay');
-        expect(viewSize).to.exist;
-        expect(itemImage).to.exist;
-        expect(textOverlay).to.exist;
-    });
-    it('should render component list display mode', async () => {
-        var _a, _b, _c;
+    `);
+        const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.grid');
+        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
+        const textOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('text-overlay');
+        expect(viewSize).to.exist;
+        expect(itemImage).to.exist;
+        expect(textOverlay).to.exist;
+    });
+    it('should render component list display mode', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            loginRequired: true,
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            loginRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -43,22 +43,22 @@ describe('Image block component', () => {
         .loggedIn=${false}
       >
       </image-block>
-    `);
-        const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list.desktop');
-        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
-        const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
-        expect(viewSize).to.exist;
-        expect(itemImage).to.exist;
-        expect(iconOverlay).to.exist;
-    });
-    it('should render component compact display mode', async () => {
-        var _a, _b, _c;
+    `);
+        const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list.desktop');
+        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
+        const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
+        expect(viewSize).to.exist;
+        expect(itemImage).to.exist;
+        expect(iconOverlay).to.exist;
+    });
+    it('should render component compact display mode', async () => {
+        var _a, _b, _c;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            loginRequired: true,
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            loginRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${true}
@@ -67,21 +67,21 @@ describe('Image block component', () => {
         .loggedIn=${false}
       >
       </image-block>
-    `);
-        const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list-compact.desktop');
-        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
-        const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
-        expect(viewSize).to.exist;
-        expect(itemImage).to.exist;
-        expect(iconOverlay).to.exist;
-    });
-    it('should render a login-required overlay if model requires it and not logged in', async () => {
-        var _a;
+    `);
+        const viewSize = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.list-compact.desktop');
+        const itemImage = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('item-image');
+        const iconOverlay = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('icon-overlay');
+        expect(viewSize).to.exist;
+        expect(itemImage).to.exist;
+        expect(iconOverlay).to.exist;
+    });
+    it('should render a login-required overlay if model requires it and not logged in', async () => {
+        var _a;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            loginRequired: true,
-            identifier: 'goody',
+        .model=${{
+            loginRequired: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -90,18 +90,18 @@ describe('Image block component', () => {
         .loggedIn=${false}
       >
       </image-block>
-    `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
-        expect(textOverlay).to.exist;
-        expect(textOverlay.type).to.equal('login-required');
-    });
-    it('should render no overlay if logged in and model only requires login', async () => {
-        var _a;
+    `);
+        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        expect(textOverlay).to.exist;
+        expect(textOverlay.type).to.equal('login-required');
+    });
+    it('should render no overlay if logged in and model only requires login', async () => {
+        var _a;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            loginRequired: true,
-            identifier: 'goody',
+        .model=${{
+            loginRequired: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -110,17 +110,17 @@ describe('Image block component', () => {
         .loggedIn=${true}
       >
       </image-block>
-    `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
-        expect(textOverlay).not.to.exist;
-    });
-    it('should render a content-warning overlay if model requires it and no login overlay is present', async () => {
-        var _a;
+    `);
+        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        expect(textOverlay).not.to.exist;
+    });
+    it('should render a content-warning overlay if model requires it and no login overlay is present', async () => {
+        var _a;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            contentWarning: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -129,19 +129,19 @@ describe('Image block component', () => {
         .loggedIn=${false}
       >
       </image-block>
-    `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
-        expect(textOverlay).to.exist;
-        expect(textOverlay.type).to.equal('content-warning');
-    });
-    it('should prioritize login-required overlay over content-warning if both required and logged out', async () => {
-        var _a;
+    `);
+        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        expect(textOverlay).to.exist;
+        expect(textOverlay.type).to.equal('content-warning');
+    });
+    it('should prioritize login-required overlay over content-warning if both required and logged out', async () => {
+        var _a;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            loginRequired: true,
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            loginRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -150,19 +150,19 @@ describe('Image block component', () => {
         .loggedIn=${false}
       >
       </image-block>
-    `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
-        expect(textOverlay).to.exist;
-        expect(textOverlay.type).to.equal('login-required');
-    });
-    it('should show content-warning overlay if both types required and logged in', async () => {
-        var _a;
+    `);
+        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        expect(textOverlay).to.exist;
+        expect(textOverlay.type).to.equal('login-required');
+    });
+    it('should show content-warning overlay if both types required and logged in', async () => {
+        var _a;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            loginRequired: true,
-            contentWarning: true,
-            identifier: 'goody',
+        .model=${{
+            loginRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -171,17 +171,17 @@ describe('Image block component', () => {
         .loggedIn=${true}
       >
       </image-block>
-    `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
-        expect(textOverlay).to.exist;
-        expect(textOverlay.type).to.equal('content-warning');
-    });
-    it('should render no overlay if neither loginRequired nor contentWarning flag present', async () => {
-        var _a;
+    `);
+        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        expect(textOverlay).to.exist;
+        expect(textOverlay.type).to.equal('content-warning');
+    });
+    it('should render no overlay if neither loginRequired nor contentWarning flag present', async () => {
+        var _a;
         const el = await fixture(html `
       <image-block
-        .model=${{
-            identifier: 'goody',
+        .model=${{
+            identifier: 'goody',
         }}
         .baseImageUrl=${'https://archive.org'}
         .isCompactTile=${false}
@@ -190,9 +190,9 @@ describe('Image block component', () => {
         .loggedIn=${false}
       >
       </image-block>
-    `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
-        expect(textOverlay).not.to.exist;
-    });
-});
+    `);
+        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        expect(textOverlay).not.to.exist;
+    });
+});
 //# sourceMappingURL=image-block.test.js.map

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

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