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

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

@@ -3,7 +3,6 @@ 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=${{
@@ -19,15 +18,14 @@ describe('Image block component', () => {
       >
       </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');
+        const viewSize = el.shadowRoot?.querySelector('.grid');
+        const itemImage = el.shadowRoot?.querySelector('item-image');
+        const textOverlay = el.shadowRoot?.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=${{
@@ -43,15 +41,14 @@ describe('Image block component', () => {
       >
       </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');
+        const viewSize = el.shadowRoot?.querySelector('.list.desktop');
+        const itemImage = el.shadowRoot?.querySelector('item-image');
+        const iconOverlay = el.shadowRoot?.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=${{
@@ -67,15 +64,14 @@ describe('Image block component', () => {
       >
       </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');
+        const viewSize = el.shadowRoot?.querySelector('.list-compact.desktop');
+        const itemImage = el.shadowRoot?.querySelector('item-image');
+        const iconOverlay = el.shadowRoot?.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=${{
@@ -90,12 +86,11 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        const textOverlay = el.shadowRoot?.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=${{
@@ -110,11 +105,10 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        const textOverlay = el.shadowRoot?.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=${{
@@ -129,12 +123,11 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        const textOverlay = el.shadowRoot?.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=${{
@@ -150,12 +143,11 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        const textOverlay = el.shadowRoot?.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=${{
@@ -171,12 +163,11 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        const textOverlay = el.shadowRoot?.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=${{
@@ -190,11 +181,10 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        const textOverlay = el.shadowRoot?.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=${{
@@ -211,7 +201,7 @@ describe('Image block component', () => {
       >
       </image-block>
     `);
-        const textOverlay = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('text-overlay');
+        const textOverlay = el.shadowRoot?.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"]}

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

@@ -37,7 +37,6 @@ 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}
@@ -47,13 +46,12 @@ describe('ItemImage component', () => {
       >
       </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;
+        const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');
+        const imgClassName = dropShadow?.querySelector('img')?.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}
@@ -63,18 +61,17 @@ describe('ItemImage component', () => {
       >
       </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');
+        const dropShadow = el.shadowRoot?.querySelector('.drop-shadow');
+        const image = 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;
+            const imgClassName = 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}
@@ -84,12 +81,11 @@ describe('ItemImage component', () => {
       </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');
+        const img = el.shadowRoot?.querySelector('img');
         expect(img).to.exist;
-        expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
+        expect(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}
@@ -99,12 +95,11 @@ describe('ItemImage component', () => {
       </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');
+        const img = el.shadowRoot?.querySelector('img');
         expect(img).to.exist;
-        expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
+        expect(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}
@@ -115,12 +110,11 @@ describe('ItemImage component', () => {
       </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');
+        const img = el.shadowRoot?.querySelector('img');
         expect(img).to.exist;
-        expect(img === null || img === void 0 ? void 0 : img.getAttribute('src')).not.to.exist;
+        expect(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 `
@@ -132,13 +126,12 @@ describe('ItemImage component', () => {
       >
       </item-image>
     `);
-        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
+        const dropShadow = el.shadowRoot?.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;
+        const imgClasses = dropShadow?.querySelector('img')?.classList;
+        expect(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 `
@@ -150,13 +143,12 @@ describe('ItemImage component', () => {
       >
       </item-image>
     `);
-        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
+        const dropShadow = el.shadowRoot?.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;
+        const imgClasses = dropShadow?.querySelector('img')?.classList;
+        expect(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
@@ -167,13 +159,12 @@ describe('ItemImage component', () => {
       >
       </item-image>
     `);
-        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
+        const dropShadow = el.shadowRoot?.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;
+        const imgClasses = dropShadow?.querySelector('img')?.classList;
+        expect(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;
@@ -187,10 +178,10 @@ describe('ItemImage component', () => {
       >
       </item-image>
     `);
-        const dropShadow = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drop-shadow');
+        const dropShadow = el.shadowRoot?.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;
+        const imgClasses = dropShadow?.querySelector('img')?.classList;
+        expect(imgClasses?.contains('blur')).to.be.false;
     });
 });
 //# sourceMappingURL=item-image.test.js.map

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

@@ -1 +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"]}
+{"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.js

@@ -6,82 +6,70 @@ 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;
+        expect(el.shadowRoot?.querySelector('.manage-label')).to.exist;
+        expect(el.shadowRoot?.querySelector('.manage-buttons')).to.exist;
+        expect(el.shadowRoot?.querySelector('.ia-button.dark')).to.exist;
+        expect(el.shadowRoot?.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');
+        expect(el.shadowRoot?.querySelector('.manage-label')?.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;
+        expect(el.shadowRoot?.querySelector('.select-all-btn')).not.to.exist;
+        expect(el.shadowRoot?.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;
+        expect(el.shadowRoot?.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;
+        expect(el.shadowRoot?.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;
+        expect(el.shadowRoot?.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;
+        expect(el.shadowRoot?.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;
+        expect(el.shadowRoot?.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
+        expect(el.shadowRoot?.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');
+        const cancelBtn = el.shadowRoot?.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');
+        const selectAllBtn = el.shadowRoot?.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');
+        const unselectAllBtn = el.shadowRoot?.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
@@ -91,15 +79,15 @@ describe('Manage bar', () => {
       ></manage-bar>
     `);
         await el.updateComplete;
-        const removeButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ia-button.danger');
+        const removeButton = el.shadowRoot?.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]);
+        removeButton?.click();
+        console.log(showModalSpy.args[0][0].config.title?.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(el.modalManager?.classList.contains('remove-items')).to.be;
+        expect(showModalSpy.args[0][0].config.title?.values[0]).to.equal(msg('Are you sure you want to remove these items?'));
         expect(showModalSpy.args[0][0].customModalContent).to.exist;
     });
 });

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

@@ -1 +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"]}
+{"version":3,"file":"manage-bar.test.js","sourceRoot":"","sources":["../../../test/manage/manage-bar.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,6BAA6B,CAAC;AAKrC,OAAO,gCAAgC,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAGpC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,2BAA2B,CAAC,CAAC;QAErE,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/D,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACjE,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACjE,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,2CAA2C,CAChD,CAAC;QACF,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CACzE,SAAS,CACV,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;QAC3E,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,2BAA2B,CAAC,CAAC;QACrE,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC;QACrE,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE,KAAK,IAAI,EAAE;QACxE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,2BAA2B,CAAC,CAAC;QACrE,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,gDAAgD,CACrD,CAAC;QACF,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;QACF,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,2CAA2C,CAChD,CAAC;QACF,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,2BAA2B,CAAC,CAAC;QAErE,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE5E,EAAE,CAAC,aAAa,GAAG,IAAI,CAAC;QACxB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG;aACtE,KAAK,CAAC;IACX,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACxB,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,uBAAuB,GAAG,gBAAgB,CAC/C,CAAC;QAEF,MAAM,SAAS,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC5C,iBAAiB,CACG,CAAC;QACvB,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE3B,SAAS,CAAC,KAAK,EAAE,CAAC;QAClB,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACxB,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,wCAAwC,GAAG,gBAAgB,CAChE,CAAC;QAEF,MAAM,YAAY,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC/C,iBAAiB,CACG,CAAC;QACvB,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE9B,YAAY,CAAC,KAAK,EAAE,CAAC;QACrB,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACxB,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,4CAA4C,GAAG,gBAAgB,CACpE,CAAC;QAEF,MAAM,cAAc,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CACjD,mBAAmB,CACC,CAAC;QACvB,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAEhC,cAAc,CAAC,KAAK,EAAE,CAAC;QACvB,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE,KAAK,IAAI,EAAE;QACjF,MAAM,YAAY,GAAG,MAAM,OAAO,CAChC,IAAI,CAAA,iCAAiC,CACtC,CAAC;QAEF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA;;wBAEpB,YAAY;yBACX,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;;;KAG1D,CAAC,CAAC;QACH,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,YAAY,GAAG,EAAE,CAAC,UAAU,EAAE,aAAa,CAC/C,mBAAmB,CACC,CAAC;QACvB,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE9B,MAAM,YAAY,GAAG,KAAK,CAAC,GAAG,CAC5B,EAAE,CAAC,YAAqC,EACxC,WAAW,CACZ,CAAC;QAEF,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,YAAY,EAAE,KAAK,EAAE,CAAC;QAEtB,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAE7D,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3C,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;QAClE,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAC9D,GAAG,CAAC,8CAA8C,CAAC,CACpD,CAAC;QACF,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC9D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","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"]}