@internetarchive/collection-browser 2.4.1-alpha.0 → 2.4.1-alpha1

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

@@ -1,49 +1,49 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../src/tiles/review-block';
-describe('ReviewBlock component', () => {
-    it('renders basic component', async () => {
-        var _a, _b, _c, _d, _e, _f;
+/* eslint-disable import/no-duplicates */
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../src/tiles/review-block';
+describe('ReviewBlock component', () => {
+    it('renders basic component', async () => {
+        var _a, _b, _c, _d, _e, _f;
         const el = await fixture(html `<review-block
         title="Foo"
         body="foo bar baz"
         starRating="3"
-      ></review-block>`);
-        el.title = 'Foo';
-        await el.updateComplete;
-        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.review-container');
-        expect(container).to.exist;
-        const title = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.review-title');
-        expect((_c = title === null || title === void 0 ? void 0 : title.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('Foo');
-        const body = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.review-body');
-        expect((_e = body === null || body === void 0 ? void 0 : body.textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.equal('foo bar baz');
-        const stars = (_f = el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.star-rating');
-        expect(stars).to.exist;
-        expect(stars === null || stars === void 0 ? void 0 : stars.querySelectorAll('svg').length).to.equal(5);
-        expect(stars === null || stars === void 0 ? void 0 : stars.querySelectorAll('.unfilled-star').length).to.equal(2);
-    });
-    it('renders with any of title/body/stars', async () => {
-        var _a, _b, _c, _d, _e, _f;
-        const el = await fixture(html `<review-block></review-block>`);
-        // No content if no title/body/stars
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.children.length).to.equal(0);
-        el.title = 'Foo';
-        await el.updateComplete;
-        const title = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.review-title');
-        expect((_c = title === null || title === void 0 ? void 0 : title.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('Foo');
-        el.title = '';
-        el.body = 'foo bar baz';
-        await el.updateComplete;
-        const body = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.review-body');
-        expect((_e = body === null || body === void 0 ? void 0 : body.textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.equal('foo bar baz');
-        el.body = '';
-        el.starRating = 4;
-        await el.updateComplete;
-        const stars = (_f = el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.star-rating');
-        expect(stars).to.exist;
-        expect(stars === null || stars === void 0 ? void 0 : stars.querySelectorAll('svg').length).to.equal(5);
-        expect(stars === null || stars === void 0 ? void 0 : stars.querySelectorAll('.unfilled-star').length).to.equal(1);
-    });
-});
+      ></review-block>`);
+        el.title = 'Foo';
+        await el.updateComplete;
+        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.review-container');
+        expect(container).to.exist;
+        const title = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.review-title');
+        expect((_c = title === null || title === void 0 ? void 0 : title.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('Foo');
+        const body = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.review-body');
+        expect((_e = body === null || body === void 0 ? void 0 : body.textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.equal('foo bar baz');
+        const stars = (_f = el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.star-rating');
+        expect(stars).to.exist;
+        expect(stars === null || stars === void 0 ? void 0 : stars.querySelectorAll('svg').length).to.equal(5);
+        expect(stars === null || stars === void 0 ? void 0 : stars.querySelectorAll('.unfilled-star').length).to.equal(2);
+    });
+    it('renders with any of title/body/stars', async () => {
+        var _a, _b, _c, _d, _e, _f;
+        const el = await fixture(html `<review-block></review-block>`);
+        // No content if no title/body/stars
+        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.children.length).to.equal(0);
+        el.title = 'Foo';
+        await el.updateComplete;
+        const title = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.review-title');
+        expect((_c = title === null || title === void 0 ? void 0 : title.textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('Foo');
+        el.title = '';
+        el.body = 'foo bar baz';
+        await el.updateComplete;
+        const body = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.review-body');
+        expect((_e = body === null || body === void 0 ? void 0 : body.textContent) === null || _e === void 0 ? void 0 : _e.trim()).to.equal('foo bar baz');
+        el.body = '';
+        el.starRating = 4;
+        await el.updateComplete;
+        const stars = (_f = el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.star-rating');
+        expect(stars).to.exist;
+        expect(stars === null || stars === void 0 ? void 0 : stars.querySelectorAll('svg').length).to.equal(5);
+        expect(stars === null || stars === void 0 ? void 0 : stars.querySelectorAll('.unfilled-star').length).to.equal(1);
+    });
+});
 //# sourceMappingURL=review-block.test.js.map

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

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

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

@@ -1,13 +1,13 @@
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../../src/sort-filter-bar/alpha-bar-tooltip';
-describe('Alphabet Filter Bar Tooltips', () => {
-    it('renders component', async () => {
-        var _a, _b;
-        const el = await fixture(html `<alpha-bar-tooltip .numResults=${42}></alpha-bar-tooltip>`);
-        // Should render the number of results
-        const tooltipText = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#tooltip-text');
-        expect((_b = tooltipText === null || tooltipText === void 0 ? void 0 : tooltipText.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('42 results');
-    });
-});
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../../src/sort-filter-bar/alpha-bar-tooltip';
+describe('Alphabet Filter Bar Tooltips', () => {
+    it('renders component', async () => {
+        var _a, _b;
+        const el = await fixture(html `<alpha-bar-tooltip .numResults=${42}></alpha-bar-tooltip>`);
+        // Should render the number of results
+        const tooltipText = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#tooltip-text');
+        expect((_b = tooltipText === null || tooltipText === void 0 ? void 0 : tooltipText.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('42 results');
+    });
+});
 //# sourceMappingURL=alpha-bar-tooltip.test.js.map

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

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

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';