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

package/dist/test/sort-filter-bar/alpha-bar.test.js

@@ -3,68 +3,62 @@ import { html } from 'lit';
 import '../../src/sort-filter-bar/alpha-bar';
 describe('Alphabetical Filter Bar', () => {
     it('renders component', async () => {
-        var _a;
         const el = await fixture(html `<alpha-bar></alpha-bar>`);
         // Should have all the letters
-        const letters = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li');
-        expect(letters === null || letters === void 0 ? void 0 : letters.length).to.equal(26);
+        const letters = el.shadowRoot?.querySelectorAll('li');
+        expect(letters?.length).to.equal(26);
     });
     it('renders letters with items as buttons', async () => {
-        var _a, _b, _c;
         const el = await fixture(html `<alpha-bar></alpha-bar>`);
         el.letterCounts = { U: 10, X: 10 };
         await el.updateComplete;
         // Should have exactly two letter buttons
-        const letterButtons = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li > button:not(:disabled)');
-        expect(letterButtons === null || letterButtons === void 0 ? void 0 : letterButtons.length).to.equal(2);
-        expect((_b = letterButtons === null || letterButtons === void 0 ? void 0 : letterButtons.item(0).textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('U');
-        expect((_c = letterButtons === null || letterButtons === void 0 ? void 0 : letterButtons.item(1).textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('X');
+        const letterButtons = el.shadowRoot?.querySelectorAll('li > button:not(:disabled)');
+        expect(letterButtons?.length).to.equal(2);
+        expect(letterButtons?.item(0).textContent?.trim()).to.equal('U');
+        expect(letterButtons?.item(1).textContent?.trim()).to.equal('X');
     });
     it('renders letters without items as disabled buttons', async () => {
-        var _a, _b, _c;
         const el = await fixture(html `<alpha-bar></alpha-bar>`);
         el.letterCounts = { U: 10, X: 10 };
         await el.updateComplete;
         // All but the two letters above should be disabled
-        const letterButtons = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li > button:disabled');
-        expect(letterButtons === null || letterButtons === void 0 ? void 0 : letterButtons.length).to.equal(24);
-        expect((_b = letterButtons === null || letterButtons === void 0 ? void 0 : letterButtons.item(0).textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('A');
-        expect((_c = letterButtons === null || letterButtons === void 0 ? void 0 : letterButtons.item(23).textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('Z');
+        const letterButtons = el.shadowRoot?.querySelectorAll('li > button:disabled');
+        expect(letterButtons?.length).to.equal(24);
+        expect(letterButtons?.item(0).textContent?.trim()).to.equal('A');
+        expect(letterButtons?.item(23).textContent?.trim()).to.equal('Z');
     });
     it('renders the selected letter with the "selected" class', async () => {
-        var _a, _b;
         const el = await fixture(html `<alpha-bar></alpha-bar>`);
         el.selectedLetter = 'B';
         await el.updateComplete;
-        const selectedLetter = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('li.selected');
+        const selectedLetter = el.shadowRoot?.querySelector('li.selected');
         expect(selectedLetter).to.exist;
-        expect((_b = selectedLetter === null || selectedLetter === void 0 ? void 0 : selectedLetter.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('B');
+        expect(selectedLetter?.textContent?.trim()).to.equal('B');
     });
     it('renders a tooltip when hovered and removes it when un-hovered', async () => {
-        var _a, _b, _c;
         const el = await fixture(html `<alpha-bar></alpha-bar>`);
-        const firstLetter = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('li');
+        const firstLetter = el.shadowRoot?.querySelector('li');
         expect(firstLetter).to.exist;
         firstLetter.dispatchEvent(new MouseEvent('mousemove'));
         await el.updateComplete;
-        const tooltip = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('alpha-bar-tooltip');
+        const tooltip = el.shadowRoot?.querySelector('alpha-bar-tooltip');
         expect(tooltip).to.exist;
         // Should be positioned after next tick
         await aTimeout(0);
         expect(tooltip.style.left).to.exist;
         firstLetter.dispatchEvent(new MouseEvent('mouseleave'));
         await el.updateComplete;
-        expect((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('alpha-bar-tooltip')).not.to.exist;
+        expect(el.shadowRoot?.querySelector('alpha-bar-tooltip')).not.to.exist;
     });
     it('positions tooltip correctly when it would overflow viewport', async () => {
-        var _a, _b;
         const el = await fixture(html `<alpha-bar></alpha-bar>`);
-        const letters = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li');
-        const lastLetter = letters === null || letters === void 0 ? void 0 : letters.item(letters.length - 1);
+        const letters = el.shadowRoot?.querySelectorAll('li');
+        const lastLetter = letters?.item(letters.length - 1);
         expect(lastLetter).to.exist;
         lastLetter.dispatchEvent(new MouseEvent('mousemove'));
         await el.updateComplete;
-        const tooltip = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('alpha-bar-tooltip');
+        const tooltip = el.shadowRoot?.querySelector('alpha-bar-tooltip');
         expect(tooltip).to.exist;
         // Should be positioned after next tick, but not off-screen
         await aTimeout(0);

package/dist/test/sort-filter-bar/alpha-bar.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha-bar.test.js","sourceRoot":"","sources":["../../../test/sort-filter-bar/alpha-bar.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { aTimeout, expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { AlphaBar } from '../../src/sort-filter-bar/alpha-bar';\n\nimport '../../src/sort-filter-bar/alpha-bar';\nimport type { AlphaBarTooltip } from '../../src/sort-filter-bar/alpha-bar-tooltip';\n\ndescribe('Alphabetical Filter Bar', () => {\n  it('renders component', async () => {\n    const el = await fixture<AlphaBar>(html`<alpha-bar></alpha-bar>`);\n\n    // Should have all the letters\n    const letters = el.shadowRoot?.querySelectorAll('li');\n    expect(letters?.length).to.equal(26);\n  });\n\n  it('renders letters with items as buttons', async () => {\n    const el = await fixture<AlphaBar>(html`<alpha-bar></alpha-bar>`);\n\n    el.letterCounts = { U: 10, X: 10 };\n    await el.updateComplete;\n\n    // Should have exactly two letter buttons\n    const letterButtons = el.shadowRoot?.querySelectorAll(\n      'li > button:not(:disabled)',\n    );\n    expect(letterButtons?.length).to.equal(2);\n    expect(letterButtons?.item(0).textContent?.trim()).to.equal('U');\n    expect(letterButtons?.item(1).textContent?.trim()).to.equal('X');\n  });\n\n  it('renders letters without items as disabled buttons', async () => {\n    const el = await fixture<AlphaBar>(html`<alpha-bar></alpha-bar>`);\n\n    el.letterCounts = { U: 10, X: 10 };\n    await el.updateComplete;\n\n    // All but the two letters above should be disabled\n    const letterButtons = el.shadowRoot?.querySelectorAll(\n      'li > button:disabled',\n    );\n    expect(letterButtons?.length).to.equal(24);\n    expect(letterButtons?.item(0).textContent?.trim()).to.equal('A');\n    expect(letterButtons?.item(23).textContent?.trim()).to.equal('Z');\n  });\n\n  it('renders the selected letter with the \"selected\" class', async () => {\n    const el = await fixture<AlphaBar>(html`<alpha-bar></alpha-bar>`);\n\n    el.selectedLetter = 'B';\n    await el.updateComplete;\n\n    const selectedLetter = el.shadowRoot?.querySelector('li.selected');\n    expect(selectedLetter).to.exist;\n    expect(selectedLetter?.textContent?.trim()).to.equal('B');\n  });\n\n  it('renders a tooltip when hovered and removes it when un-hovered', async () => {\n    const el = await fixture<AlphaBar>(html`<alpha-bar></alpha-bar>`);\n    const firstLetter = el.shadowRoot?.querySelector('li') as HTMLLIElement;\n    expect(firstLetter).to.exist;\n\n    firstLetter.dispatchEvent(new MouseEvent('mousemove'));\n    await el.updateComplete;\n\n    const tooltip = el.shadowRoot?.querySelector(\n      'alpha-bar-tooltip',\n    ) as AlphaBarTooltip;\n    expect(tooltip).to.exist;\n\n    // Should be positioned after next tick\n    await aTimeout(0);\n    expect(tooltip.style.left).to.exist;\n\n    firstLetter.dispatchEvent(new MouseEvent('mouseleave'));\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('alpha-bar-tooltip')).not.to.exist;\n  });\n\n  it('positions tooltip correctly when it would overflow viewport', async () => {\n    const el = await fixture<AlphaBar>(html`<alpha-bar></alpha-bar>`);\n    const letters = el.shadowRoot?.querySelectorAll('li');\n    const lastLetter = letters?.item(letters.length - 1) as HTMLLIElement;\n    expect(lastLetter).to.exist;\n\n    lastLetter.dispatchEvent(new MouseEvent('mousemove'));\n    await el.updateComplete;\n\n    const tooltip = el.shadowRoot?.querySelector(\n      'alpha-bar-tooltip',\n    ) as AlphaBarTooltip;\n    expect(tooltip).to.exist;\n\n    // Should be positioned after next tick, but not off-screen\n    await aTimeout(0);\n    expect(tooltip.getBoundingClientRect().right).to.be.lessThan(\n      window.innerWidth,\n    );\n  });\n});\n"]}
+{"version":3,"file":"alpha-bar.test.js","sourceRoot":"","sources":["../../../test/sort-filter-bar/alpha-bar.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { aTimeout, expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { AlphaBar } from '../../src/sort-filter-bar/alpha-bar';\n\nimport '../../src/sort-filter-bar/alpha-bar';\nimport type { AlphaBarTooltip } from '../../src/sort-filter-bar/alpha-bar-tooltip';\n\ndescribe('Alphabetical Filter Bar', () => {\n  it('renders component', async () => {\n    const el = await fixture<AlphaBar>(html`<alpha-bar></alpha-bar>`);\n\n    // Should have all the letters\n    const letters = el.shadowRoot?.querySelectorAll('li');\n    expect(letters?.length).to.equal(26);\n  });\n\n  it('renders letters with items as buttons', async () => {\n    const el = await fixture<AlphaBar>(html`<alpha-bar></alpha-bar>`);\n\n    el.letterCounts = { U: 10, X: 10 };\n    await el.updateComplete;\n\n    // Should have exactly two letter buttons\n    const letterButtons = el.shadowRoot?.querySelectorAll(\n      'li > button:not(:disabled)',\n    );\n    expect(letterButtons?.length).to.equal(2);\n    expect(letterButtons?.item(0).textContent?.trim()).to.equal('U');\n    expect(letterButtons?.item(1).textContent?.trim()).to.equal('X');\n  });\n\n  it('renders letters without items as disabled buttons', async () => {\n    const el = await fixture<AlphaBar>(html`<alpha-bar></alpha-bar>`);\n\n    el.letterCounts = { U: 10, X: 10 };\n    await el.updateComplete;\n\n    // All but the two letters above should be disabled\n    const letterButtons = el.shadowRoot?.querySelectorAll(\n      'li > button:disabled',\n    );\n    expect(letterButtons?.length).to.equal(24);\n    expect(letterButtons?.item(0).textContent?.trim()).to.equal('A');\n    expect(letterButtons?.item(23).textContent?.trim()).to.equal('Z');\n  });\n\n  it('renders the selected letter with the \"selected\" class', async () => {\n    const el = await fixture<AlphaBar>(html`<alpha-bar></alpha-bar>`);\n\n    el.selectedLetter = 'B';\n    await el.updateComplete;\n\n    const selectedLetter = el.shadowRoot?.querySelector('li.selected');\n    expect(selectedLetter).to.exist;\n    expect(selectedLetter?.textContent?.trim()).to.equal('B');\n  });\n\n  it('renders a tooltip when hovered and removes it when un-hovered', async () => {\n    const el = await fixture<AlphaBar>(html`<alpha-bar></alpha-bar>`);\n    const firstLetter = el.shadowRoot?.querySelector('li') as HTMLLIElement;\n    expect(firstLetter).to.exist;\n\n    firstLetter.dispatchEvent(new MouseEvent('mousemove'));\n    await el.updateComplete;\n\n    const tooltip = el.shadowRoot?.querySelector(\n      'alpha-bar-tooltip',\n    ) as AlphaBarTooltip;\n    expect(tooltip).to.exist;\n\n    // Should be positioned after next tick\n    await aTimeout(0);\n    expect(tooltip.style.left).to.exist;\n\n    firstLetter.dispatchEvent(new MouseEvent('mouseleave'));\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('alpha-bar-tooltip')).not.to.exist;\n  });\n\n  it('positions tooltip correctly when it would overflow viewport', async () => {\n    const el = await fixture<AlphaBar>(html`<alpha-bar></alpha-bar>`);\n    const letters = el.shadowRoot?.querySelectorAll('li');\n    const lastLetter = letters?.item(letters.length - 1) as HTMLLIElement;\n    expect(lastLetter).to.exist;\n\n    lastLetter.dispatchEvent(new MouseEvent('mousemove'));\n    await el.updateComplete;\n\n    const tooltip = el.shadowRoot?.querySelector(\n      'alpha-bar-tooltip',\n    ) as AlphaBarTooltip;\n    expect(tooltip).to.exist;\n\n    // Should be positioned after next tick, but not off-screen\n    await aTimeout(0);\n    expect(tooltip.getBoundingClientRect().right).to.be.lessThan(\n      window.innerWidth,\n    );\n  });\n});\n"]}