@internetarchive/collection-browser 1.14.17-beta.5 → 1.14.18-alpha.0

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

@@ -1,74 +1,74 @@
-import { aTimeout, expect, fixture } from '@open-wc/testing';
-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);
-    });
-    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');
-    });
-    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');
-    });
-    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');
-        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');
-    });
-    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');
-        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');
-        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;
-    });
-    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);
-        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');
-        expect(tooltip).to.exist;
-        // Should be positioned after next tick, but not off-screen
-        await aTimeout(0);
-        expect(tooltip.getBoundingClientRect().right).to.be.lessThan(window.innerWidth);
-    });
-});
+import { aTimeout, expect, fixture } from '@open-wc/testing';
+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);
+    });
+    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');
+    });
+    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');
+    });
+    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');
+        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');
+    });
+    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');
+        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');
+        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;
+    });
+    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);
+        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');
+        expect(tooltip).to.exist;
+        // Should be positioned after next tick, but not off-screen
+        await aTimeout(0);
+        expect(tooltip.getBoundingClientRect().right).to.be.lessThan(window.innerWidth);
+    });
+});
 //# sourceMappingURL=alpha-bar.test.js.map

package/dist/test/sort-filter-bar/sort-filter-bar.test.d.ts

@@ -1 +1 @@
-import '../../src/sort-filter-bar/sort-filter-bar';
+import '../../src/sort-filter-bar/sort-filter-bar';