@internetarchive/collection-browser 3.3.2 → 3.3.3

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

@@ -0,0 +1,218 @@
+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',
+        }}
+        .baseImageUrl=${'https://archive.org'}
+        .isCompactTile=${false}
+        .isListTile=${false}
+        .viewSize=${'grid'}
+        .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 el = await fixture(html `
+      <image-block
+        .model=${{
+            loginRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
+        }}
+        .baseImageUrl=${'https://archive.org'}
+        .isCompactTile=${false}
+        .isListTile=${true}
+        .viewSize=${'desktop'}
+        .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 el = await fixture(html `
+      <image-block
+        .model=${{
+            loginRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
+        }}
+        .baseImageUrl=${'https://archive.org'}
+        .isCompactTile=${true}
+        .isListTile=${true}
+        .viewSize=${'desktop'}
+        .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 el = await fixture(html `
+      <image-block
+        .model=${{
+            loginRequired: true,
+            identifier: 'goody',
+        }}
+        .baseImageUrl=${'https://archive.org'}
+        .isCompactTile=${false}
+        .isListTile=${false}
+        .viewSize=${'desktop'}
+        .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 el = await fixture(html `
+      <image-block
+        .model=${{
+            loginRequired: true,
+            identifier: 'goody',
+        }}
+        .baseImageUrl=${'https://archive.org'}
+        .isCompactTile=${false}
+        .isListTile=${false}
+        .viewSize=${'desktop'}
+        .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 el = await fixture(html `
+      <image-block
+        .model=${{
+            contentWarning: true,
+            identifier: 'goody',
+        }}
+        .baseImageUrl=${'https://archive.org'}
+        .isCompactTile=${false}
+        .isListTile=${false}
+        .viewSize=${'desktop'}
+        .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 el = await fixture(html `
+      <image-block
+        .model=${{
+            loginRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
+        }}
+        .baseImageUrl=${'https://archive.org'}
+        .isCompactTile=${false}
+        .isListTile=${false}
+        .viewSize=${'desktop'}
+        .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 el = await fixture(html `
+      <image-block
+        .model=${{
+            loginRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
+        }}
+        .baseImageUrl=${'https://archive.org'}
+        .isCompactTile=${false}
+        .isListTile=${false}
+        .viewSize=${'desktop'}
+        .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 el = await fixture(html `
+      <image-block
+        .model=${{
+            identifier: 'goody',
+        }}
+        .baseImageUrl=${'https://archive.org'}
+        .isCompactTile=${false}
+        .isListTile=${false}
+        .viewSize=${'desktop'}
+        .loggedIn=${false}
+      >
+      </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 no overlay if blurring is suppressed', async () => {
+        var _a;
+        const el = await fixture(html `
+      <image-block
+        .model=${{
+            loginRequired: true,
+            contentWarning: true,
+            identifier: 'goody',
+        }}
+        .baseImageUrl=${'https://archive.org'}
+        .isCompactTile=${false}
+        .isListTile=${false}
+        .viewSize=${'desktop'}
+        .loggedIn=${true}
+        suppressBlurring
+      >
+      </image-block>
+    `);
+        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/image-block.test.js.map

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +1,196 @@
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import { TileModel } from '../src/models';
+import '../src/tiles/item-image';
+const baseImageUrl = 'https://archive.org';
+const testBookModel = new TileModel({});
+testBookModel.checked = false;
+testBookModel.collections = [];
+testBookModel.commentCount = 0;
+testBookModel.creators = [];
+testBookModel.favCount = 0;
+testBookModel.identifier = '18730130BloomfieldRecordCompleteIssue';
+testBookModel.itemCount = 0;
+testBookModel.mediatype = 'texts';
+testBookModel.subjects = [];
+testBookModel.title = 'Sample Waveform';
+testBookModel.viewCount = 0;
+testBookModel.loginRequired = false;
+testBookModel.contentWarning = false;
+testBookModel.collectionFilesCount = 0;
+testBookModel.collectionSize = 0;
+const testAudioModel = new TileModel({});
+testAudioModel.checked = false;
+testAudioModel.collections = [];
+testAudioModel.commentCount = 0;
+testAudioModel.creators = [];
+testAudioModel.favCount = 0;
+testAudioModel.identifier = 'dwd2015-01-24';
+testAudioModel.itemCount = 0;
+testAudioModel.mediatype = 'audio';
+testAudioModel.subjects = [];
+testAudioModel.title = 'Sample Waveform';
+testAudioModel.viewCount = 0;
+testAudioModel.loginRequired = false;
+testAudioModel.contentWarning = false;
+testAudioModel.collectionFilesCount = 0;
+testAudioModel.collectionSize = 0;
+describe('ItemImage component', () => {
+    it('should render initial component', async () => {
+        var _a, _b;
+        const el = await fixture(html `
+      <item-image
+        .isListTile=${false}
+        .isCompactTile=${false}
+        .model=${testBookModel}
+        .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 el = await fixture(html `
+      <item-image
+        .isListTile=${false}
+        .isCompactTile=${false}
+        .model=${testAudioModel}
+        .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);
+    });
+    it('should not fetch image with undefined base url', async () => {
+        var _a;
+        const el = await fixture(html `
+      <item-image
+        .isListTile=${false}
+        .isCompactTile=${false}
+        .model=${testBookModel}
+      >
+      </item-image>
+    `);
+        // Doesn't set the image src if base url is undefined
+        const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
+        expect(img).to.exist;
+        expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
+    });
+    it('should not fetch image with undefined model', async () => {
+        var _a;
+        const el = await fixture(html `
+      <item-image
+        .isListTile=${false}
+        .isCompactTile=${false}
+        .baseImageUrl=${baseImageUrl}
+      >
+      </item-image>
+    `);
+        // Doesn't set the image src if model is not present
+        const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
+        expect(img).to.exist;
+        expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
+    });
+    it('should not fetch image with undefined identifier', async () => {
+        var _a;
+        const el = await fixture(html `
+      <item-image
+        .isListTile=${false}
+        .isCompactTile=${false}
+        .model=${{}}
+        .baseImageUrl=${baseImageUrl}
+      >
+      </item-image>
+    `);
+        // Doesn't set the image src if identifier is not present
+        const img = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img');
+        expect(img).to.exist;
+        expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
+    });
+    it('should blur image if login required flag set', async () => {
+        var _a, _b;
+        const model = new TileModel({ identifier: 'foo' });
+        model.loginRequired = true;
+        const el = await fixture(html `
+      <item-image
+        .isListTile=${false}
+        .isCompactTile=${false}
+        .model=${model}
+        .baseImageUrl=${baseImageUrl}
+      >
+      </item-image>
+    `);
+        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
+        expect(dropShadow).to.exist;
+        const imgClasses = (_b = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img')) === null || _b === void 0 ? void 0 : _b.classList;
+        expect(imgClasses === null || imgClasses === void 0 ? void 0 : imgClasses.contains('blur')).to.be.true;
+    });
+    it('should blur image if content warning flag set', async () => {
+        var _a, _b;
+        const model = new TileModel({ identifier: 'foo' });
+        model.contentWarning = true;
+        const el = await fixture(html `
+      <item-image
+        .isListTile=${false}
+        .isCompactTile=${false}
+        .model=${model}
+        .baseImageUrl=${baseImageUrl}
+      >
+      </item-image>
+    `);
+        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
+        expect(dropShadow).to.exist;
+        const imgClasses = (_b = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img')) === null || _b === void 0 ? void 0 : _b.classList;
+        expect(imgClasses === null || imgClasses === void 0 ? void 0 : imgClasses.contains('blur')).to.be.true;
+    });
+    it('should not blur image if no login required nor content warning', async () => {
+        var _a, _b;
+        const model = new TileModel({ identifier: 'foo' });
+        const el = await fixture(html `
+      <item-image
+        .isListTile=${false}
+        .isCompactTile=${false}
+        .model=${model}
+        .baseImageUrl=${baseImageUrl}
+      >
+      </item-image>
+    `);
+        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
+        expect(dropShadow).to.exist;
+        const imgClasses = (_b = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img')) === null || _b === void 0 ? void 0 : _b.classList;
+        expect(imgClasses === null || imgClasses === void 0 ? void 0 : imgClasses.contains('blur')).to.be.false;
+    });
+    it('should not blur image if blurring is suppressed, regardless of content flags', async () => {
+        var _a, _b;
+        const model = new TileModel({ identifier: 'foo' });
+        model.loginRequired = true;
+        model.contentWarning = true;
+        const el = await fixture(html `
+      <item-image
+        .isListTile=${false}
+        .isCompactTile=${false}
+        .model=${model}
+        .baseImageUrl=${baseImageUrl}
+        suppressBlurring
+      >
+      </item-image>
+    `);
+        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
+        expect(dropShadow).to.exist;
+        const imgClasses = (_b = dropShadow === null || dropShadow === void 0 ? void 0 : dropShadow.querySelector('img')) === null || _b === void 0 ? void 0 : _b.classList;
+        expect(imgClasses === null || imgClasses === void 0 ? void 0 : imgClasses.contains('blur')).to.be.false;
+    });
+});
+//# sourceMappingURL=item-image.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item-image.test.js","sourceRoot":"","sources":["../../test/item-image.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\n\nimport { TileModel } from '../src/models';\nimport type { ItemImage } from '../src/tiles/item-image';\n\nimport '../src/tiles/item-image';\nimport { MediaType } from '@internetarchive/field-parsers';\n\nconst baseImageUrl = 'https://archive.org';\nconst testBookModel: TileModel = new TileModel({});\ntestBookModel.checked = false;\ntestBookModel.collections = [];\ntestBookModel.commentCount = 0;\ntestBookModel.creators = [];\ntestBookModel.favCount = 0;\ntestBookModel.identifier = '18730130BloomfieldRecordCompleteIssue';\ntestBookModel.itemCount = 0;\ntestBookModel.mediatype = 'texts';\ntestBookModel.subjects = [];\ntestBookModel.title = 'Sample Waveform';\ntestBookModel.viewCount = 0;\ntestBookModel.loginRequired = false;\ntestBookModel.contentWarning = false;\ntestBookModel.collectionFilesCount = 0;\ntestBookModel.collectionSize = 0;\n\nconst testAudioModel: TileModel = new TileModel({});\ntestAudioModel.checked = false;\ntestAudioModel.collections = [];\ntestAudioModel.commentCount = 0;\ntestAudioModel.creators = [];\ntestAudioModel.favCount = 0;\ntestAudioModel.identifier = 'dwd2015-01-24';\ntestAudioModel.itemCount = 0;\ntestAudioModel.mediatype = 'audio';\ntestAudioModel.subjects = [];\ntestAudioModel.title = 'Sample Waveform';\ntestAudioModel.viewCount = 0;\ntestAudioModel.loginRequired = false;\ntestAudioModel.contentWarning = false;\ntestAudioModel.collectionFilesCount = 0;\ntestAudioModel.collectionSize = 0;\n\ndescribe('ItemImage component', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${testBookModel}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n    const imgClassName = dropShadow?.querySelector('img')?.className;\n\n    expect(dropShadow).to.exist;\n    expect(imgClassName).to.eql(' contain ');\n  });\n\n  it('should render component if mediatype is waveform', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${testAudioModel}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n    const image = dropShadow?.querySelector('img');\n    expect(dropShadow).to.exist;\n    expect(image).to.exist;\n\n    // simulate image onLoad event check if image className is waveform\n    setTimeout(() => {\n      const imgClassName = image?.className;\n      expect(imgClassName).to.eql(' waveform ');\n    }, 1000);\n  });\n\n  it('should not fetch image with undefined base url', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${testBookModel}\n      >\n      </item-image>\n    `);\n\n    // Doesn't set the image src if base url is undefined\n    const img = el.shadowRoot?.querySelector('img');\n    expect(img).to.exist;\n    expect(img?.getAttribute('src')).not.to.exist;\n  });\n\n  it('should not fetch image with undefined model', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    // Doesn't set the image src if model is not present\n    const img = el.shadowRoot?.querySelector('img');\n    expect(img).to.exist;\n    expect(img?.getAttribute('src')).not.to.exist;\n  });\n\n  it('should not fetch image with undefined identifier', async () => {\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${{}}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    // Doesn't set the image src if identifier is not present\n    const img = el.shadowRoot?.querySelector('img');\n    expect(img).to.exist;\n    expect(img?.getAttribute('src')).not.to.exist;\n  });\n\n  it('should blur image if login required flag set', async () => {\n    const model = new TileModel({ identifier: 'foo' });\n    model.loginRequired = true;\n\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${model}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n    expect(dropShadow).to.exist;\n\n    const imgClasses = dropShadow?.querySelector('img')?.classList;\n    expect(imgClasses?.contains('blur')).to.be.true;\n  });\n\n  it('should blur image if content warning flag set', async () => {\n    const model = new TileModel({ identifier: 'foo' });\n    model.contentWarning = true;\n\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${model}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n    expect(dropShadow).to.exist;\n\n    const imgClasses = dropShadow?.querySelector('img')?.classList;\n    expect(imgClasses?.contains('blur')).to.be.true;\n  });\n\n  it('should not blur image if no login required nor content warning', async () => {\n    const model = new TileModel({ identifier: 'foo' });\n\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${model}\n        .baseImageUrl=${baseImageUrl}\n      >\n      </item-image>\n    `);\n\n    const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n    expect(dropShadow).to.exist;\n\n    const imgClasses = dropShadow?.querySelector('img')?.classList;\n    expect(imgClasses?.contains('blur')).to.be.false;\n  });\n\n  it('should not blur image if blurring is suppressed, regardless of content flags', async () => {\n    const model = new TileModel({ identifier: 'foo' });\n    model.loginRequired = true;\n    model.contentWarning = true;\n\n    const el = await fixture<ItemImage>(html`\n      <item-image\n        .isListTile=${false}\n        .isCompactTile=${false}\n        .model=${model}\n        .baseImageUrl=${baseImageUrl}\n        suppressBlurring\n      >\n      </item-image>\n    `);\n\n    const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');\n    expect(dropShadow).to.exist;\n\n    const imgClasses = dropShadow?.querySelector('img')?.classList;\n    expect(imgClasses?.contains('blur')).to.be.false;\n  });\n});\n"]}

package/dist/test/manage/manage-bar.test.d.ts

@@ -0,0 +1,2 @@
+import '../../src/manage/manage-bar';
+import '@internetarchive/modal-manager';

package/dist/test/manage/manage-bar.test.js

@@ -0,0 +1,106 @@
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import Sinon from 'sinon';
+import '../../src/manage/manage-bar';
+import '@internetarchive/modal-manager';
+import { msg } from '@lit/localize';
+describe('Manage bar', () => {
+    it('renders basic component', async () => {
+        var _a, _b, _c, _d;
+        const el = await fixture(html `<manage-bar></manage-bar>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.manage-label')).to.exist;
+        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.manage-buttons')).to.exist;
+        expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.ia-button.dark')).to.exist;
+        expect((_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.ia-button.danger')).to.exist;
+    });
+    it('can set the label', async () => {
+        var _a, _b;
+        const el = await fixture(html `<manage-bar label="foo bar"></manage-bar>`);
+        expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.manage-label')) === null || _b === void 0 ? void 0 : _b.textContent).to.equal('foo bar');
+    });
+    it('does not include Select All/Unselect All buttons by default', async () => {
+        var _a, _b;
+        const el = await fixture(html `<manage-bar></manage-bar>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-all-btn')).not.to.exist;
+        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.unselect-all-btn')).not.to.exist;
+    });
+    it('does not render item manager button except /search/ page', async () => {
+        var _a;
+        const el = await fixture(html `<manage-bar></manage-bar>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ia-button.warning')).not.to.exist;
+    });
+    it('render item manager button for /search/ page', async () => {
+        var _a;
+        const el = await fixture(html `<manage-bar showItemManageButton></manage-bar>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ia-button.warning')).to.exist;
+    });
+    it('includes Select All button when requested', async () => {
+        var _a;
+        const el = await fixture(html `<manage-bar showSelectAll></manage-bar>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-all-btn')).to.exist;
+    });
+    it('includes Unselect All button when requested', async () => {
+        var _a;
+        const el = await fixture(html `<manage-bar showUnselectAll></manage-bar>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.unselect-all-btn')).to.exist;
+    });
+    it('default and toggle state of remove button', async () => {
+        var _a, _b;
+        const el = await fixture(html `<manage-bar></manage-bar>`);
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ia-button.danger:disabled')).to.exist;
+        el.removeAllowed = true;
+        await el.updateComplete;
+        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.ia-button.danger:disabled')).to.not
+            .exist;
+    });
+    it('emits event when Cancel button clicked', async () => {
+        var _a;
+        const spy = Sinon.spy();
+        const el = await fixture(html `<manage-bar @cancel=${spy}></manage-bar>`);
+        const cancelBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ia-button.dark');
+        expect(cancelBtn).to.exist;
+        cancelBtn.click();
+        expect(spy.callCount).to.equal(1);
+    });
+    it('emits event when Select All button clicked', async () => {
+        var _a;
+        const spy = Sinon.spy();
+        const el = await fixture(html `<manage-bar showSelectAll @selectAll=${spy}></manage-bar>`);
+        const selectAllBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select-all-btn');
+        expect(selectAllBtn).to.exist;
+        selectAllBtn.click();
+        expect(spy.callCount).to.equal(1);
+    });
+    it('emits event when Unselect All button clicked', async () => {
+        var _a;
+        const spy = Sinon.spy();
+        const el = await fixture(html `<manage-bar showUnselectAll @unselectAll=${spy}></manage-bar>`);
+        const unselectAllBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.unselect-all-btn');
+        expect(unselectAllBtn).to.exist;
+        unselectAllBtn.click();
+        expect(spy.callCount).to.equal(1);
+    });
+    it('opens the remove items modal when showRemoveItemsModal is clicked', async () => {
+        var _a, _b, _c, _d;
+        const modalManager = await fixture(html `<modal-manager></modal-manager>`);
+        const el = await fixture(html `
+      <manage-bar
+        .modalManager=${modalManager}
+        .selectedItems=${[{ identifier: '1', title: 'Item 1' }]}
+        removeAllowed
+      ></manage-bar>
+    `);
+        await el.updateComplete;
+        const removeButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ia-button.danger');
+        expect(removeButton).to.exist;
+        const showModalSpy = Sinon.spy(el.modalManager, 'showModal');
+        await el.updateComplete;
+        removeButton === null || removeButton === void 0 ? void 0 : removeButton.click();
+        console.log((_b = showModalSpy.args[0][0].config.title) === null || _b === void 0 ? void 0 : _b.values[0]);
+        expect(showModalSpy.callCount).to.equal(1);
+        expect((_c = el.modalManager) === null || _c === void 0 ? void 0 : _c.classList.contains('remove-items')).to.be;
+        expect((_d = showModalSpy.args[0][0].config.title) === null || _d === void 0 ? void 0 : _d.values[0]).to.equal(msg('Are you sure you want to remove these items?'));
+        expect(showModalSpy.args[0][0].customModalContent).to.exist;
+    });
+});
+//# sourceMappingURL=manage-bar.test.js.map

package/dist/test/manage/manage-bar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manage-bar.test.js","sourceRoot":"","sources":["../../../test/manage/manage-bar.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport Sinon from 'sinon';\nimport '../../src/manage/manage-bar';\nimport {\n  ModalManager,\n  ModalManagerInterface,\n} from '@internetarchive/modal-manager';\nimport '@internetarchive/modal-manager';\nimport { msg } from '@lit/localize';\nimport type { ManageBar } from '../../src/manage/manage-bar';\n\ndescribe('Manage bar', () => {\n  it('renders basic component', async () => {\n    const el = await fixture<ManageBar>(html`<manage-bar></manage-bar>`);\n\n    expect(el.shadowRoot?.querySelector('.manage-label')).to.exist;\n    expect(el.shadowRoot?.querySelector('.manage-buttons')).to.exist;\n    expect(el.shadowRoot?.querySelector('.ia-button.dark')).to.exist;\n    expect(el.shadowRoot?.querySelector('.ia-button.danger')).to.exist;\n  });\n\n  it('can set the label', async () => {\n    const el = await fixture<ManageBar>(\n      html`<manage-bar label=\"foo bar\"></manage-bar>`,\n    );\n    expect(el.shadowRoot?.querySelector('.manage-label')?.textContent).to.equal(\n      'foo bar',\n    );\n  });\n\n  it('does not include Select All/Unselect All buttons by default', async () => {\n    const el = await fixture<ManageBar>(html`<manage-bar></manage-bar>`);\n    expect(el.shadowRoot?.querySelector('.select-all-btn')).not.to.exist;\n    expect(el.shadowRoot?.querySelector('.unselect-all-btn')).not.to.exist;\n  });\n\n  it('does not render item manager button except /search/ page', async () => {\n    const el = await fixture<ManageBar>(html`<manage-bar></manage-bar>`);\n    expect(el.shadowRoot?.querySelector('.ia-button.warning')).not.to.exist;\n  });\n\n  it('render item manager button for /search/ page', async () => {\n    const el = await fixture<ManageBar>(\n      html`<manage-bar showItemManageButton></manage-bar>`,\n    );\n    expect(el.shadowRoot?.querySelector('.ia-button.warning')).to.exist;\n  });\n\n  it('includes Select All button when requested', async () => {\n    const el = await fixture<ManageBar>(\n      html`<manage-bar showSelectAll></manage-bar>`,\n    );\n    expect(el.shadowRoot?.querySelector('.select-all-btn')).to.exist;\n  });\n\n  it('includes Unselect All button when requested', async () => {\n    const el = await fixture<ManageBar>(\n      html`<manage-bar showUnselectAll></manage-bar>`,\n    );\n    expect(el.shadowRoot?.querySelector('.unselect-all-btn')).to.exist;\n  });\n\n  it('default and toggle state of remove button', async () => {\n    const el = await fixture<ManageBar>(html`<manage-bar></manage-bar>`);\n\n    expect(el.shadowRoot?.querySelector('.ia-button.danger:disabled')).to.exist;\n\n    el.removeAllowed = true;\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('.ia-button.danger:disabled')).to.not\n      .exist;\n  });\n\n  it('emits event when Cancel button clicked', async () => {\n    const spy = Sinon.spy();\n    const el = await fixture<ManageBar>(\n      html`<manage-bar @cancel=${spy}></manage-bar>`,\n    );\n\n    const cancelBtn = el.shadowRoot?.querySelector(\n      '.ia-button.dark',\n    ) as HTMLButtonElement;\n    expect(cancelBtn).to.exist;\n\n    cancelBtn.click();\n    expect(spy.callCount).to.equal(1);\n  });\n\n  it('emits event when Select All button clicked', async () => {\n    const spy = Sinon.spy();\n    const el = await fixture<ManageBar>(\n      html`<manage-bar showSelectAll @selectAll=${spy}></manage-bar>`,\n    );\n\n    const selectAllBtn = el.shadowRoot?.querySelector(\n      '.select-all-btn',\n    ) as HTMLButtonElement;\n    expect(selectAllBtn).to.exist;\n\n    selectAllBtn.click();\n    expect(spy.callCount).to.equal(1);\n  });\n\n  it('emits event when Unselect All button clicked', async () => {\n    const spy = Sinon.spy();\n    const el = await fixture<ManageBar>(\n      html`<manage-bar showUnselectAll @unselectAll=${spy}></manage-bar>`,\n    );\n\n    const unselectAllBtn = el.shadowRoot?.querySelector(\n      '.unselect-all-btn',\n    ) as HTMLButtonElement;\n    expect(unselectAllBtn).to.exist;\n\n    unselectAllBtn.click();\n    expect(spy.callCount).to.equal(1);\n  });\n\n  it('opens the remove items modal when showRemoveItemsModal is clicked', async () => {\n    const modalManager = await fixture<ModalManager>(\n      html`<modal-manager></modal-manager>`,\n    );\n\n    const el = await fixture<ManageBar>(html`\n      <manage-bar\n        .modalManager=${modalManager}\n        .selectedItems=${[{ identifier: '1', title: 'Item 1' }]}\n        removeAllowed\n      ></manage-bar>\n    `);\n    await el.updateComplete;\n\n    const removeButton = el.shadowRoot?.querySelector(\n      '.ia-button.danger',\n    ) as HTMLButtonElement;\n    expect(removeButton).to.exist;\n\n    const showModalSpy = Sinon.spy(\n      el.modalManager as ModalManagerInterface,\n      'showModal',\n    );\n\n    await el.updateComplete;\n    removeButton?.click();\n\n    console.log(showModalSpy.args[0][0].config.title?.values[0]);\n\n    expect(showModalSpy.callCount).to.equal(1);\n    expect(el.modalManager?.classList.contains('remove-items')).to.be;\n    expect(showModalSpy.args[0][0].config.title?.values[0]).to.equal(\n      msg('Are you sure you want to remove these items?'),\n    );\n    expect(showModalSpy.args[0][0].customModalContent).to.exist;\n  });\n});\n"]}

package/dist/test/manage/remove-items-modal-content.test.d.ts

@@ -0,0 +1 @@
+import '../../src/manage/remove-items-modal-content';