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

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

@@ -3,55 +3,61 @@ import { html } from 'lit';
 import '../src/empty-placeholder';
 describe('Empty Placeholder', () => {
     it('should render with empty-query placeholder', async () => {
+        var _a;
         const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
         el.placeholderType = 'empty-query';
         await el.updateComplete;
-        const placeholderElem = el.shadowRoot?.querySelector('.placeholder');
+        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
         expect(placeholderElem).to.exist;
         expect(placeholderElem).to.have.class('empty-query');
     });
     it('should render with empty-collection placeholder', async () => {
+        var _a;
         const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
         el.placeholderType = 'empty-collection';
         await el.updateComplete;
-        const placeholderElem = el.shadowRoot?.querySelector('.placeholder');
+        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
         expect(placeholderElem).to.exist;
         expect(placeholderElem).to.have.class('empty-collection');
     });
     it('should render with no-results placeholder', async () => {
+        var _a;
         const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
         el.placeholderType = 'no-results';
         await el.updateComplete;
-        const placeholderElem = el.shadowRoot?.querySelector('.placeholder');
+        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
         expect(placeholderElem).to.exist;
         expect(placeholderElem).to.have.class('no-results');
     });
     it('should render with query-error placeholder', async () => {
+        var _a;
         const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
         el.placeholderType = 'query-error';
         await el.updateComplete;
-        const placeholderElem = el.shadowRoot?.querySelector('.placeholder');
+        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
         expect(placeholderElem).to.exist;
         expect(placeholderElem).to.have.class('query-error');
     });
     it('should render with collection-error placeholder', async () => {
+        var _a;
         const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
         el.placeholderType = 'collection-error';
         await el.updateComplete;
-        const placeholderElem = el.shadowRoot?.querySelector('.placeholder');
+        const placeholderElem = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder');
         expect(placeholderElem).to.exist;
         expect(placeholderElem).to.have.class('collection-error');
     });
     it('should not render any empty placeholder', async () => {
+        var _a, _b, _c, _d, _e, _f;
         const el = await fixture(html `<empty-placeholder></empty-placeholder>`);
         el.placeholderType = null;
         await el.updateComplete;
-        expect(el.shadowRoot?.querySelector('.placeholder')).to.not.exist;
-        expect(el.shadowRoot?.querySelector('.empty-query')).to.not.exist;
-        expect(el.shadowRoot?.querySelector('.empty-collection')).to.not.exist;
-        expect(el.shadowRoot?.querySelector('.no-results')).to.not.exist;
-        expect(el.shadowRoot?.querySelector('.query-error')).to.not.exist;
-        expect(el.shadowRoot?.querySelector('.collection-error')).to.not.exist;
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.placeholder')).to.not.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('.empty-collection')).to.not.exist;
+        expect((_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.no-results')).to.not.exist;
+        expect((_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.query-error')).to.not.exist;
+        expect((_f = el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.collection-error')).to.not.exist;
     });
 });
 //# sourceMappingURL=empty-placeholder.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"empty-placeholder.test.js","sourceRoot":"","sources":["../../test/empty-placeholder.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport '../src/empty-placeholder';\n\nimport type { EmptyPlaceholder } from '../src/empty-placeholder';\n\ndescribe('Empty Placeholder', () => {\n  it('should render with empty-query placeholder', async () => {\n    const el = await fixture<EmptyPlaceholder>(\n      html`<empty-placeholder></empty-placeholder>`,\n    );\n\n    el.placeholderType = 'empty-query';\n    await el.updateComplete;\n\n    const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n    expect(placeholderElem).to.exist;\n    expect(placeholderElem).to.have.class('empty-query');\n  });\n\n  it('should render with empty-collection placeholder', async () => {\n    const el = await fixture<EmptyPlaceholder>(\n      html`<empty-placeholder></empty-placeholder>`,\n    );\n\n    el.placeholderType = 'empty-collection';\n    await el.updateComplete;\n\n    const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n    expect(placeholderElem).to.exist;\n    expect(placeholderElem).to.have.class('empty-collection');\n  });\n\n  it('should render with no-results placeholder', async () => {\n    const el = await fixture<EmptyPlaceholder>(\n      html`<empty-placeholder></empty-placeholder>`,\n    );\n\n    el.placeholderType = 'no-results';\n    await el.updateComplete;\n\n    const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n    expect(placeholderElem).to.exist;\n    expect(placeholderElem).to.have.class('no-results');\n  });\n\n  it('should render with query-error placeholder', async () => {\n    const el = await fixture<EmptyPlaceholder>(\n      html`<empty-placeholder></empty-placeholder>`,\n    );\n\n    el.placeholderType = 'query-error';\n    await el.updateComplete;\n\n    const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n    expect(placeholderElem).to.exist;\n    expect(placeholderElem).to.have.class('query-error');\n  });\n\n  it('should render with collection-error placeholder', async () => {\n    const el = await fixture<EmptyPlaceholder>(\n      html`<empty-placeholder></empty-placeholder>`,\n    );\n\n    el.placeholderType = 'collection-error';\n    await el.updateComplete;\n\n    const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n    expect(placeholderElem).to.exist;\n    expect(placeholderElem).to.have.class('collection-error');\n  });\n\n  it('should not render any empty placeholder', async () => {\n    const el = await fixture<EmptyPlaceholder>(\n      html`<empty-placeholder></empty-placeholder>`,\n    );\n\n    el.placeholderType = null;\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.placeholder')).to.not.exist;\n    expect(el.shadowRoot?.querySelector('.empty-query')).to.not.exist;\n    expect(el.shadowRoot?.querySelector('.empty-collection')).to.not.exist;\n    expect(el.shadowRoot?.querySelector('.no-results')).to.not.exist;\n    expect(el.shadowRoot?.querySelector('.query-error')).to.not.exist;\n    expect(el.shadowRoot?.querySelector('.collection-error')).to.not.exist;\n  });\n});\n"]}
+{"version":3,"file":"empty-placeholder.test.js","sourceRoot":"","sources":["../../test/empty-placeholder.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport '../src/empty-placeholder';\n\nimport type { EmptyPlaceholder } from '../src/empty-placeholder';\n\ndescribe('Empty Placeholder', () => {\n  it('should render with empty-query placeholder', async () => {\n    const el = await fixture<EmptyPlaceholder>(\n      html`<empty-placeholder></empty-placeholder>`,\n    );\n\n    el.placeholderType = 'empty-query';\n    await el.updateComplete;\n\n    const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n    expect(placeholderElem).to.exist;\n    expect(placeholderElem).to.have.class('empty-query');\n  });\n\n  it('should render with empty-collection placeholder', async () => {\n    const el = await fixture<EmptyPlaceholder>(\n      html`<empty-placeholder></empty-placeholder>`,\n    );\n\n    el.placeholderType = 'empty-collection';\n    await el.updateComplete;\n\n    const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n    expect(placeholderElem).to.exist;\n    expect(placeholderElem).to.have.class('empty-collection');\n  });\n\n  it('should render with no-results placeholder', async () => {\n    const el = await fixture<EmptyPlaceholder>(\n      html`<empty-placeholder></empty-placeholder>`,\n    );\n\n    el.placeholderType = 'no-results';\n    await el.updateComplete;\n\n    const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n    expect(placeholderElem).to.exist;\n    expect(placeholderElem).to.have.class('no-results');\n  });\n\n  it('should render with query-error placeholder', async () => {\n    const el = await fixture<EmptyPlaceholder>(\n      html`<empty-placeholder></empty-placeholder>`,\n    );\n\n    el.placeholderType = 'query-error';\n    await el.updateComplete;\n\n    const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n    expect(placeholderElem).to.exist;\n    expect(placeholderElem).to.have.class('query-error');\n  });\n\n  it('should render with collection-error placeholder', async () => {\n    const el = await fixture<EmptyPlaceholder>(\n      html`<empty-placeholder></empty-placeholder>`,\n    );\n\n    el.placeholderType = 'collection-error';\n    await el.updateComplete;\n\n    const placeholderElem = el.shadowRoot?.querySelector('.placeholder');\n    expect(placeholderElem).to.exist;\n    expect(placeholderElem).to.have.class('collection-error');\n  });\n\n  it('should not render any empty placeholder', async () => {\n    const el = await fixture<EmptyPlaceholder>(\n      html`<empty-placeholder></empty-placeholder>`,\n    );\n\n    el.placeholderType = null;\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.placeholder')).to.not.exist;\n    expect(el.shadowRoot?.querySelector('.empty-query')).to.not.exist;\n    expect(el.shadowRoot?.querySelector('.empty-collection')).to.not.exist;\n    expect(el.shadowRoot?.querySelector('.no-results')).to.not.exist;\n    expect(el.shadowRoot?.querySelector('.query-error')).to.not.exist;\n    expect(el.shadowRoot?.querySelector('.collection-error')).to.not.exist;\n  });\n});\n"]}

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

@@ -7,11 +7,13 @@ 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(el.shadowRoot?.querySelector('#date-picker')).to.exist;
-        expect(el.shadowRoot?.querySelector('#apply-btn')).to.exist;
+        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'}
@@ -19,7 +21,7 @@ describe('Expanded Date Picker', () => {
         .minSelectedDate=${'1'}
         .maxSelectedDate=${'5'}
       ></expanded-date-picker>`);
-        const datePicker = el.shadowRoot?.querySelector('#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';
@@ -34,6 +36,7 @@ describe('Expanded Date Picker', () => {
         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]}
@@ -43,7 +46,7 @@ describe('Expanded Date Picker', () => {
         .maxSelectedDate=${'5'}
         @histogramDateRangeApplied=${applySpy}
       ></expanded-date-picker>`);
-        const applyBtn = el.shadowRoot?.querySelector('#apply-btn');
+        const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
         expect(applyBtn).to.exist;
         applyBtn.click();
         await el.updateComplete;
@@ -51,6 +54,7 @@ describe('Expanded Date Picker', () => {
         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 = await fixture(html `<modal-manager></modal-manager>`);
         modalManager.mode = ModalManagerMode.Open;
         const modalClosed = sinon.spy();
@@ -63,7 +67,7 @@ describe('Expanded Date Picker', () => {
         .modalManager=${modalManager}
         @modalClosed=${modalClosed}
       ></expanded-date-picker>`);
-        const applyBtn = el.shadowRoot?.querySelector('#apply-btn');
+        const applyBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#apply-btn');
         expect(applyBtn).to.exist;
         applyBtn.click();
         await el.updateComplete;
@@ -71,6 +75,7 @@ describe('Expanded Date Picker', () => {
         expect(modalClosed.callCount).to.equal(1);
     });
     it('closes the modal when Esc key is pressed', async () => {
+        var _a;
         const modalManager = await fixture(html `<modal-manager></modal-manager>`);
         const el = await fixture(html `<expanded-date-picker
         .buckets=${[1, 2, 3, 4, 5]}
@@ -85,10 +90,11 @@ describe('Expanded Date Picker', () => {
         document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
         await el.updateComplete;
         expect(closeModalSpy.callCount).to.equal(1);
-        expect(el.modalManager?.classList.contains('expanded-date-picker')).to.be
+        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]}
@@ -96,14 +102,14 @@ describe('Expanded Date Picker', () => {
         .maxDate=${'5'}
         .analyticsHandler=${analyticsHandler}
       ></expanded-date-picker>`);
-        const applyBtn = el.shadowRoot?.querySelector('#apply-btn');
+        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 = el.shadowRoot?.querySelector('#date-picker');
+        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';

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

@@ -1 +1 @@
-{"version":3,"file":"expanded-date-picker.test.js","sourceRoot":"","sources":["../../test/expanded-date-picker.test.ts"],"names":[],"mappings":"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","sourcesContent":["import type { HistogramDateRange } from '@internetarchive/histogram-date-range';\nimport {\n  ModalManager,\n  ModalManagerInterface,\n  ModalManagerMode,\n} from '@internetarchive/modal-manager';\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport sinon from 'sinon';\nimport '../src/expanded-date-picker';\n\nimport type { ExpandedDatePicker } from '../src/expanded-date-picker';\nimport { MockAnalyticsHandler } from './mocks/mock-analytics-handler';\nimport {\n  analyticsActions,\n  analyticsCategories,\n} from '../src/utils/analytics-events';\n\ndescribe('Expanded Date Picker', () => {\n  it('should render with a date picker and Apply button', async () => {\n    const el = await fixture<ExpandedDatePicker>(\n      html`<expanded-date-picker></expanded-date-picker>`,\n    );\n\n    expect(el.shadowRoot?.querySelector('#date-picker')).to.exist;\n    expect(el.shadowRoot?.querySelector('#apply-btn')).to.exist;\n  });\n\n  it('should update its min/max selected date when date picker changes', async () => {\n    const el = await fixture<ExpandedDatePicker>(\n      html`<expanded-date-picker\n        .buckets=${[1, 2, 3, 4, 5]}\n        .minDate=${'1'}\n        .maxDate=${'5'}\n        .minSelectedDate=${'1'}\n        .maxSelectedDate=${'5'}\n      ></expanded-date-picker>`,\n    );\n\n    const datePicker = el.shadowRoot?.querySelector(\n      '#date-picker',\n    ) as HistogramDateRange;\n    expect(datePicker).to.exist;\n\n    datePicker.minSelectedDate = '2';\n    datePicker.maxSelectedDate = '4';\n    datePicker.dispatchEvent(\n      new CustomEvent('histogramDateRangeUpdated', {\n        detail: {\n          minDate: datePicker.minSelectedDate,\n          maxDate: datePicker.maxSelectedDate,\n        },\n      }),\n    );\n    await el.updateComplete;\n\n    expect(el.minSelectedDate).to.equal('2');\n    expect(el.maxSelectedDate).to.equal('4');\n  });\n\n  it('should emit an event when a date range is applied', async () => {\n    const applySpy = sinon.spy();\n    const el = await fixture<ExpandedDatePicker>(\n      html`<expanded-date-picker\n        .buckets=${[1, 2, 3, 4, 5]}\n        .minDate=${'1'}\n        .maxDate=${'5'}\n        .minSelectedDate=${'1'}\n        .maxSelectedDate=${'5'}\n        @histogramDateRangeApplied=${applySpy}\n      ></expanded-date-picker>`,\n    );\n\n    const applyBtn = el.shadowRoot?.querySelector(\n      '#apply-btn',\n    ) as HTMLButtonElement;\n    expect(applyBtn).to.exist;\n\n    applyBtn.click();\n    await el.updateComplete;\n\n    expect(applySpy.callCount).to.equal(1);\n    expect(\n      applySpy.calledWithMatch({ detail: { minDate: '1', maxDate: '5' } }),\n    );\n  });\n\n  it('should close its modal and emit close event when date range applied', async () => {\n    const modalManager = await fixture<ModalManager>(\n      html`<modal-manager></modal-manager>`,\n    );\n    modalManager.mode = ModalManagerMode.Open;\n\n    const modalClosed = sinon.spy();\n\n    const el = await fixture<ExpandedDatePicker>(\n      html`<expanded-date-picker\n        .buckets=${[1, 2, 3, 4, 5]}\n        .minDate=${'1'}\n        .maxDate=${'5'}\n        .minSelectedDate=${'1'}\n        .maxSelectedDate=${'5'}\n        .modalManager=${modalManager}\n        @modalClosed=${modalClosed}\n      ></expanded-date-picker>`,\n    );\n\n    const applyBtn = el.shadowRoot?.querySelector(\n      '#apply-btn',\n    ) as HTMLButtonElement;\n    expect(applyBtn).to.exist;\n\n    applyBtn.click();\n    await el.updateComplete;\n\n    expect(modalManager.getMode()).to.equal(ModalManagerMode.Closed);\n    expect(modalClosed.callCount).to.equal(1);\n  });\n\n  it('closes the modal when Esc key is pressed', async () => {\n    const modalManager = await fixture<ModalManager>(\n      html`<modal-manager></modal-manager>`,\n    );\n\n    const el = await fixture<ExpandedDatePicker>(\n      html`<expanded-date-picker\n        .buckets=${[1, 2, 3, 4, 5]}\n        .minDate=${'1'}\n        .maxDate=${'5'}\n        .minSelectedDate=${'1'}\n        .maxSelectedDate=${'5'}\n        .modalManager=${modalManager}\n      ></expanded-date-picker>`,\n    );\n\n    const closeModalSpy = sinon.spy(\n      el.modalManager as ModalManagerInterface,\n      'closeModal',\n    );\n\n    // Dispatch an Esc keydown event\n    document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));\n    await el.updateComplete;\n\n    expect(closeModalSpy.callCount).to.equal(1);\n    expect(el.modalManager?.classList.contains('expanded-date-picker')).to.be\n      .false;\n  });\n\n  it('sends analytics when date range is applied', async () => {\n    const analyticsHandler = new MockAnalyticsHandler();\n    const el = await fixture<ExpandedDatePicker>(\n      html`<expanded-date-picker\n        .buckets=${[1, 2, 3, 4, 5]}\n        .minDate=${'1'}\n        .maxDate=${'5'}\n        .analyticsHandler=${analyticsHandler}\n      ></expanded-date-picker>`,\n    );\n\n    const applyBtn = el.shadowRoot?.querySelector(\n      '#apply-btn',\n    ) as HTMLButtonElement;\n    expect(applyBtn).to.exist;\n\n    applyBtn.click();\n    await el.updateComplete;\n\n    expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);\n    expect(analyticsHandler.callAction).to.equal(\n      analyticsActions.histogramChangedFromModal,\n    );\n    expect(analyticsHandler.callLabel).to.equal(window.location.href);\n\n    const datePicker = el.shadowRoot?.querySelector(\n      '#date-picker',\n    ) as HistogramDateRange;\n    expect(datePicker).to.exist;\n\n    datePicker.minSelectedDate = '2';\n    datePicker.maxSelectedDate = '5';\n    datePicker.dispatchEvent(\n      new CustomEvent('histogramDateRangeUpdated', {\n        detail: {\n          minDate: datePicker.minSelectedDate,\n          maxDate: datePicker.maxSelectedDate,\n        },\n      }),\n    );\n    await el.updateComplete;\n\n    applyBtn.click();\n    await el.updateComplete;\n\n    expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);\n    expect(analyticsHandler.callAction).to.equal(\n      analyticsActions.histogramChangedFromModal,\n    );\n    expect(analyticsHandler.callLabel).to.equal(window.location.href);\n  });\n});\n"]}
+{"version":3,"file":"expanded-date-picker.test.js","sourceRoot":"","sources":["../../test/expanded-date-picker.test.ts"],"names":[],"mappings":"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","sourcesContent":["import type { HistogramDateRange } from '@internetarchive/histogram-date-range';\nimport {\n  ModalManager,\n  ModalManagerInterface,\n  ModalManagerMode,\n} from '@internetarchive/modal-manager';\nimport { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport sinon from 'sinon';\nimport '../src/expanded-date-picker';\n\nimport type { ExpandedDatePicker } from '../src/expanded-date-picker';\nimport { MockAnalyticsHandler } from './mocks/mock-analytics-handler';\nimport {\n  analyticsActions,\n  analyticsCategories,\n} from '../src/utils/analytics-events';\n\ndescribe('Expanded Date Picker', () => {\n  it('should render with a date picker and Apply button', async () => {\n    const el = await fixture<ExpandedDatePicker>(\n      html`<expanded-date-picker></expanded-date-picker>`,\n    );\n\n    expect(el.shadowRoot?.querySelector('#date-picker')).to.exist;\n    expect(el.shadowRoot?.querySelector('#apply-btn')).to.exist;\n  });\n\n  it('should update its min/max selected date when date picker changes', async () => {\n    const el = await fixture<ExpandedDatePicker>(\n      html`<expanded-date-picker\n        .buckets=${[1, 2, 3, 4, 5]}\n        .minDate=${'1'}\n        .maxDate=${'5'}\n        .minSelectedDate=${'1'}\n        .maxSelectedDate=${'5'}\n      ></expanded-date-picker>`,\n    );\n\n    const datePicker = el.shadowRoot?.querySelector(\n      '#date-picker',\n    ) as HistogramDateRange;\n    expect(datePicker).to.exist;\n\n    datePicker.minSelectedDate = '2';\n    datePicker.maxSelectedDate = '4';\n    datePicker.dispatchEvent(\n      new CustomEvent('histogramDateRangeUpdated', {\n        detail: {\n          minDate: datePicker.minSelectedDate,\n          maxDate: datePicker.maxSelectedDate,\n        },\n      }),\n    );\n    await el.updateComplete;\n\n    expect(el.minSelectedDate).to.equal('2');\n    expect(el.maxSelectedDate).to.equal('4');\n  });\n\n  it('should emit an event when a date range is applied', async () => {\n    const applySpy = sinon.spy();\n    const el = await fixture<ExpandedDatePicker>(\n      html`<expanded-date-picker\n        .buckets=${[1, 2, 3, 4, 5]}\n        .minDate=${'1'}\n        .maxDate=${'5'}\n        .minSelectedDate=${'1'}\n        .maxSelectedDate=${'5'}\n        @histogramDateRangeApplied=${applySpy}\n      ></expanded-date-picker>`,\n    );\n\n    const applyBtn = el.shadowRoot?.querySelector(\n      '#apply-btn',\n    ) as HTMLButtonElement;\n    expect(applyBtn).to.exist;\n\n    applyBtn.click();\n    await el.updateComplete;\n\n    expect(applySpy.callCount).to.equal(1);\n    expect(\n      applySpy.calledWithMatch({ detail: { minDate: '1', maxDate: '5' } }),\n    );\n  });\n\n  it('should close its modal and emit close event when date range applied', async () => {\n    const modalManager = await fixture<ModalManager>(\n      html`<modal-manager></modal-manager>`,\n    );\n    modalManager.mode = ModalManagerMode.Open;\n\n    const modalClosed = sinon.spy();\n\n    const el = await fixture<ExpandedDatePicker>(\n      html`<expanded-date-picker\n        .buckets=${[1, 2, 3, 4, 5]}\n        .minDate=${'1'}\n        .maxDate=${'5'}\n        .minSelectedDate=${'1'}\n        .maxSelectedDate=${'5'}\n        .modalManager=${modalManager}\n        @modalClosed=${modalClosed}\n      ></expanded-date-picker>`,\n    );\n\n    const applyBtn = el.shadowRoot?.querySelector(\n      '#apply-btn',\n    ) as HTMLButtonElement;\n    expect(applyBtn).to.exist;\n\n    applyBtn.click();\n    await el.updateComplete;\n\n    expect(modalManager.getMode()).to.equal(ModalManagerMode.Closed);\n    expect(modalClosed.callCount).to.equal(1);\n  });\n\n  it('closes the modal when Esc key is pressed', async () => {\n    const modalManager = await fixture<ModalManager>(\n      html`<modal-manager></modal-manager>`,\n    );\n\n    const el = await fixture<ExpandedDatePicker>(\n      html`<expanded-date-picker\n        .buckets=${[1, 2, 3, 4, 5]}\n        .minDate=${'1'}\n        .maxDate=${'5'}\n        .minSelectedDate=${'1'}\n        .maxSelectedDate=${'5'}\n        .modalManager=${modalManager}\n      ></expanded-date-picker>`,\n    );\n\n    const closeModalSpy = sinon.spy(\n      el.modalManager as ModalManagerInterface,\n      'closeModal',\n    );\n\n    // Dispatch an Esc keydown event\n    document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));\n    await el.updateComplete;\n\n    expect(closeModalSpy.callCount).to.equal(1);\n    expect(el.modalManager?.classList.contains('expanded-date-picker')).to.be\n      .false;\n  });\n\n  it('sends analytics when date range is applied', async () => {\n    const analyticsHandler = new MockAnalyticsHandler();\n    const el = await fixture<ExpandedDatePicker>(\n      html`<expanded-date-picker\n        .buckets=${[1, 2, 3, 4, 5]}\n        .minDate=${'1'}\n        .maxDate=${'5'}\n        .analyticsHandler=${analyticsHandler}\n      ></expanded-date-picker>`,\n    );\n\n    const applyBtn = el.shadowRoot?.querySelector(\n      '#apply-btn',\n    ) as HTMLButtonElement;\n    expect(applyBtn).to.exist;\n\n    applyBtn.click();\n    await el.updateComplete;\n\n    expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);\n    expect(analyticsHandler.callAction).to.equal(\n      analyticsActions.histogramChangedFromModal,\n    );\n    expect(analyticsHandler.callLabel).to.equal(window.location.href);\n\n    const datePicker = el.shadowRoot?.querySelector(\n      '#date-picker',\n    ) as HistogramDateRange;\n    expect(datePicker).to.exist;\n\n    datePicker.minSelectedDate = '2';\n    datePicker.maxSelectedDate = '5';\n    datePicker.dispatchEvent(\n      new CustomEvent('histogramDateRangeUpdated', {\n        detail: {\n          minDate: datePicker.minSelectedDate,\n          maxDate: datePicker.maxSelectedDate,\n        },\n      }),\n    );\n    await el.updateComplete;\n\n    applyBtn.click();\n    await el.updateComplete;\n\n    expect(analyticsHandler.callCategory).to.equal(analyticsCategories.default);\n    expect(analyticsHandler.callAction).to.equal(\n      analyticsActions.histogramChangedFromModal,\n    );\n    expect(analyticsHandler.callLabel).to.equal(window.location.href);\n  });\n});\n"]}

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

@@ -3,28 +3,27 @@ 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 = el.shadowRoot?.querySelector('.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 el = await fixture(html `
       <icon-overlay .type=${'login-required'}></icon-overlay>
     `);
-        const svgTitle = el.shadowRoot
-            ?.querySelector('svg')
-            ?.querySelector('title')?.textContent;
+        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 = el.shadowRoot
-            ?.querySelector('svg')
-            ?.querySelector('title')?.textContent;
+        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');
     });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"icon-overlay.test.js","sourceRoot":"","sources":["../../test/icon-overlay.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,mCAAmC,CAAC;AAE3C,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;;KAEzC,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QACjE,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;4BAClB,gBAAgB;KACvC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU;YAC5B,EAAE,aAAa,CAAC,KAAK,CAAC;YACtB,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;QACxC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;4BAClB,iBAAiB;KACxC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU;YAC5B,EAAE,aAAa,CAAC,KAAK,CAAC;YACtB,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;QACxC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { IconOverlay } from '../src/tiles/overlay/icon-overlay';\n\nimport '../src/tiles/overlay/icon-overlay';\n\ndescribe('Icon Overlay component', () => {\n  it('should render basic component', async () => {\n    const el = await fixture<IconOverlay>(html`\n      <icon-overlay></icon-overlay>\n    `);\n\n    const overlayDiv = el.shadowRoot?.querySelector('.icon-overlay');\n    expect(overlayDiv).to.exist;\n  });\n\n  it('should render component with login-required type', async () => {\n    const el = await fixture<IconOverlay>(html`\n      <icon-overlay .type=${'login-required'}></icon-overlay>\n    `);\n\n    const svgTitle = el.shadowRoot\n      ?.querySelector('svg')\n      ?.querySelector('title')?.textContent;\n    expect(svgTitle).to.equal('Log in to view this item');\n  });\n\n  it('should render component with content-warning type', async () => {\n    const el = await fixture<IconOverlay>(html`\n      <icon-overlay .type=${'content-warning'}></icon-overlay>\n    `);\n\n    const svgTitle = el.shadowRoot\n      ?.querySelector('svg')\n      ?.querySelector('title')?.textContent;\n    expect(svgTitle).to.equal('Content may be inappropriate');\n  });\n});\n"]}
+{"version":3,"file":"icon-overlay.test.js","sourceRoot":"","sources":["../../test/icon-overlay.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,mCAAmC,CAAC;AAE3C,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;;QAC7C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;;KAEzC,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QACjE,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;;QAChE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;4BAClB,gBAAgB;KACvC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,MAAA,MAAA,MAAA,EAAE,CAAC,UAAU,0CAC1B,aAAa,CAAC,KAAK,CAAC,0CACpB,aAAa,CAAC,OAAO,CAAC,0CAAE,WAAW,CAAC;QACxC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;;QACjE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;4BAClB,iBAAiB;KACxC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,MAAA,MAAA,MAAA,EAAE,CAAC,UAAU,0CAC1B,aAAa,CAAC,KAAK,CAAC,0CACpB,aAAa,CAAC,OAAO,CAAC,0CAAE,WAAW,CAAC;QACxC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { IconOverlay } from '../src/tiles/overlay/icon-overlay';\n\nimport '../src/tiles/overlay/icon-overlay';\n\ndescribe('Icon Overlay component', () => {\n  it('should render basic component', async () => {\n    const el = await fixture<IconOverlay>(html`\n      <icon-overlay></icon-overlay>\n    `);\n\n    const overlayDiv = el.shadowRoot?.querySelector('.icon-overlay');\n    expect(overlayDiv).to.exist;\n  });\n\n  it('should render component with login-required type', async () => {\n    const el = await fixture<IconOverlay>(html`\n      <icon-overlay .type=${'login-required'}></icon-overlay>\n    `);\n\n    const svgTitle = el.shadowRoot\n      ?.querySelector('svg')\n      ?.querySelector('title')?.textContent;\n    expect(svgTitle).to.equal('Log in to view this item');\n  });\n\n  it('should render component with content-warning type', async () => {\n    const el = await fixture<IconOverlay>(html`\n      <icon-overlay .type=${'content-warning'}></icon-overlay>\n    `);\n\n    const svgTitle = el.shadowRoot\n      ?.querySelector('svg')\n      ?.querySelector('title')?.textContent;\n    expect(svgTitle).to.equal('Content may be inappropriate');\n  });\n});\n"]}

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

@@ -3,6 +3,7 @@ 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=${{
@@ -18,14 +19,15 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const viewSize = el.shadowRoot?.querySelector('.grid');
-        const itemImage = el.shadowRoot?.querySelector('item-image');
-        const textOverlay = el.shadowRoot?.querySelector('text-overlay');
+        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=${{
@@ -41,14 +43,15 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const viewSize = el.shadowRoot?.querySelector('.list.desktop');
-        const itemImage = el.shadowRoot?.querySelector('item-image');
-        const iconOverlay = el.shadowRoot?.querySelector('icon-overlay');
+        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=${{
@@ -64,14 +67,15 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const viewSize = el.shadowRoot?.querySelector('.list-compact.desktop');
-        const itemImage = el.shadowRoot?.querySelector('item-image');
-        const iconOverlay = el.shadowRoot?.querySelector('icon-overlay');
+        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=${{
@@ -86,11 +90,12 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const textOverlay = el.shadowRoot?.querySelector('text-overlay');
+        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=${{
@@ -105,10 +110,11 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const textOverlay = el.shadowRoot?.querySelector('text-overlay');
+        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=${{
@@ -123,11 +129,12 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const textOverlay = el.shadowRoot?.querySelector('text-overlay');
+        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=${{
@@ -143,11 +150,12 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const textOverlay = el.shadowRoot?.querySelector('text-overlay');
+        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=${{
@@ -163,11 +171,12 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const textOverlay = el.shadowRoot?.querySelector('text-overlay');
+        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=${{
@@ -181,10 +190,11 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const textOverlay = el.shadowRoot?.querySelector('text-overlay');
+        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
         expect(textOverlay).not.to.exist;
     });
     it('should render no overlay if blurring is suppressed', async () => {
+        var _a;
         const el = await fixture(html `
       <image-block
         .model=${{
@@ -201,7 +211,7 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const textOverlay = el.shadowRoot?.querySelector('text-overlay');
+        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
         expect(textOverlay).not.to.exist;
     });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"image-block.test.js","sourceRoot":"","sources":["../../test/image-block.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { ImageBlock } from '../src/tiles/image-block';\nimport type { TextOverlay } from '../src/tiles/overlay/text-overlay';\n\nimport '../src/tiles/image-block';\n\ndescribe('Image block component', () => {\n  it('should render component grid display mode', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'grid'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const viewSize = el.shadowRoot?.querySelector('.grid');\n    const itemImage = el.shadowRoot?.querySelector('item-image');\n    const textOverlay = el.shadowRoot?.querySelector('text-overlay');\n\n    expect(viewSize).to.exist;\n    expect(itemImage).to.exist;\n    expect(textOverlay).to.exist;\n  });\n\n  it('should render component list display mode', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${true}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const viewSize = el.shadowRoot?.querySelector('.list.desktop');\n    const itemImage = el.shadowRoot?.querySelector('item-image');\n    const iconOverlay = el.shadowRoot?.querySelector('icon-overlay');\n\n    expect(viewSize).to.exist;\n    expect(itemImage).to.exist;\n    expect(iconOverlay).to.exist;\n  });\n\n  it('should render component compact display mode', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${true}\n        .isListTile=${true}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const viewSize = el.shadowRoot?.querySelector('.list-compact.desktop');\n    const itemImage = el.shadowRoot?.querySelector('item-image');\n    const iconOverlay = el.shadowRoot?.querySelector('icon-overlay');\n\n    expect(viewSize).to.exist;\n    expect(itemImage).to.exist;\n    expect(iconOverlay).to.exist;\n  });\n\n  it('should render a login-required overlay if model requires it and not logged in', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('login-required');\n  });\n\n  it('should render no overlay if logged in and model only requires login', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${true}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).not.to.exist;\n  });\n\n  it('should render a content-warning overlay if model requires it and no login overlay is present', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('content-warning');\n  });\n\n  it('should prioritize login-required overlay over content-warning if both required and logged out', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('login-required');\n  });\n\n  it('should show content-warning overlay if both types required and logged in', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${true}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('content-warning');\n  });\n\n  it('should render no overlay if neither loginRequired nor contentWarning flag present', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).not.to.exist;\n  });\n\n  it('should render no overlay if blurring is suppressed', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${true}\n        suppressBlurring\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).not.to.exist;\n  });\n});\n"]}
+{"version":3,"file":"image-block.test.js","sourceRoot":"","sources":["../../test/image-block.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { ImageBlock } from '../src/tiles/image-block';\nimport type { TextOverlay } from '../src/tiles/overlay/text-overlay';\n\nimport '../src/tiles/image-block';\n\ndescribe('Image block component', () => {\n  it('should render component grid display mode', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'grid'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const viewSize = el.shadowRoot?.querySelector('.grid');\n    const itemImage = el.shadowRoot?.querySelector('item-image');\n    const textOverlay = el.shadowRoot?.querySelector('text-overlay');\n\n    expect(viewSize).to.exist;\n    expect(itemImage).to.exist;\n    expect(textOverlay).to.exist;\n  });\n\n  it('should render component list display mode', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${true}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const viewSize = el.shadowRoot?.querySelector('.list.desktop');\n    const itemImage = el.shadowRoot?.querySelector('item-image');\n    const iconOverlay = el.shadowRoot?.querySelector('icon-overlay');\n\n    expect(viewSize).to.exist;\n    expect(itemImage).to.exist;\n    expect(iconOverlay).to.exist;\n  });\n\n  it('should render component compact display mode', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${true}\n        .isListTile=${true}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const viewSize = el.shadowRoot?.querySelector('.list-compact.desktop');\n    const itemImage = el.shadowRoot?.querySelector('item-image');\n    const iconOverlay = el.shadowRoot?.querySelector('icon-overlay');\n\n    expect(viewSize).to.exist;\n    expect(itemImage).to.exist;\n    expect(iconOverlay).to.exist;\n  });\n\n  it('should render a login-required overlay if model requires it and not logged in', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('login-required');\n  });\n\n  it('should render no overlay if logged in and model only requires login', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${true}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).not.to.exist;\n  });\n\n  it('should render a content-warning overlay if model requires it and no login overlay is present', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('content-warning');\n  });\n\n  it('should prioritize login-required overlay over content-warning if both required and logged out', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('login-required');\n  });\n\n  it('should show content-warning overlay if both types required and logged in', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${true}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).to.exist;\n    expect(textOverlay.type).to.equal('content-warning');\n  });\n\n  it('should render no overlay if neither loginRequired nor contentWarning flag present', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${false}\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).not.to.exist;\n  });\n\n  it('should render no overlay if blurring is suppressed', async () => {\n    const el = await fixture<ImageBlock>(html`\n      <image-block\n        .model=${{\n          loginRequired: true,\n          contentWarning: true,\n          identifier: 'goody',\n        }}\n        .baseImageUrl=${'https://archive.org'}\n        .isCompactTile=${false}\n        .isListTile=${false}\n        .viewSize=${'desktop'}\n        .loggedIn=${true}\n        suppressBlurring\n      >\n      </image-block>\n    `);\n\n    const textOverlay = el.shadowRoot?.querySelector(\n      'text-overlay',\n    ) as TextOverlay;\n    expect(textOverlay).not.to.exist;\n  });\n});\n"]}