@internetarchive/collection-browser 0.4.9 → 0.4.10-alpha.2

package/dist/test/mocks/mock-search-service.d.ts

@@ -1,13 +1,13 @@
-import type { Result } from '@internetarchive/result-type';
-import type { SearchParams, SearchResponse, SearchServiceInterface, SearchServiceError, SearchType } from '@internetarchive/search-service';
-export declare class MockSearchService implements SearchServiceInterface {
-    searchParams?: SearchParams;
-    searchType?: SearchType;
-    asyncResponse: boolean;
-    resultsSpy: Function;
-    constructor({ asyncResponse, resultsSpy }?: {
-        asyncResponse?: boolean | undefined;
-        resultsSpy?: (() => void) | undefined;
-    });
-    search(params: SearchParams, searchType: SearchType): Promise<Result<SearchResponse, SearchServiceError>>;
-}
+import type { Result } from '@internetarchive/result-type';
+import type { SearchParams, SearchResponse, SearchServiceInterface, SearchServiceError, SearchType } from '@internetarchive/search-service';
+export declare class MockSearchService implements SearchServiceInterface {
+    searchParams?: SearchParams;
+    searchType?: SearchType;
+    asyncResponse: boolean;
+    resultsSpy: Function;
+    constructor({ asyncResponse, resultsSpy }?: {
+        asyncResponse?: boolean | undefined;
+        resultsSpy?: (() => void) | undefined;
+    });
+    search(params: SearchParams, searchType: SearchType): Promise<Result<SearchResponse, SearchServiceError>>;
+}

package/dist/test/mocks/mock-search-service.js

@@ -1,41 +1,41 @@
-import { mockSuccessSingleResult, mockSuccessMultipleResults, getMockSuccessSingleResultWithSort, mockSuccessLoggedInResult, mockSuccessNoPreviewResult, mockSuccessLoggedInAndNoPreviewResult, mockSuccessWithYearHistogramAggs, mockSuccessMultiLineDescription, mockSuccessFirstTitleResult, mockSuccessFirstCreatorResult, } from './mock-search-responses';
-export class MockSearchService {
-    constructor({ asyncResponse = false, resultsSpy = () => { } } = {}) {
-        this.asyncResponse = asyncResponse;
-        this.resultsSpy = resultsSpy;
-    }
-    async search(params, searchType) {
-        var _a;
-        this.searchParams = params;
-        this.searchType = searchType;
-        if (this.asyncResponse) {
-            // Add an artificial 1-tick delay
-            await new Promise(res => {
-                setTimeout(res, 0);
-            });
-        }
-        switch ((_a = this.searchParams) === null || _a === void 0 ? void 0 : _a.query) {
-            case 'single-result':
-                return mockSuccessSingleResult;
-            case 'years':
-                return mockSuccessWithYearHistogramAggs;
-            case 'multi-line-description':
-                return mockSuccessMultiLineDescription;
-            case 'loggedin':
-                return mockSuccessLoggedInResult;
-            case 'no-preview':
-                return mockSuccessNoPreviewResult;
-            case 'loggedin-no-preview':
-                return mockSuccessLoggedInAndNoPreviewResult;
-            case 'first-title':
-                return mockSuccessFirstTitleResult;
-            case 'first-creator':
-                return mockSuccessFirstCreatorResult;
-            case 'with-sort':
-                return getMockSuccessSingleResultWithSort(this.resultsSpy);
-            default:
-                return mockSuccessMultipleResults;
-        }
-    }
-}
+import { mockSuccessSingleResult, mockSuccessMultipleResults, getMockSuccessSingleResultWithSort, mockSuccessLoggedInResult, mockSuccessNoPreviewResult, mockSuccessLoggedInAndNoPreviewResult, mockSuccessWithYearHistogramAggs, mockSuccessMultiLineDescription, mockSuccessFirstTitleResult, mockSuccessFirstCreatorResult, } from './mock-search-responses';
+export class MockSearchService {
+    constructor({ asyncResponse = false, resultsSpy = () => { } } = {}) {
+        this.asyncResponse = asyncResponse;
+        this.resultsSpy = resultsSpy;
+    }
+    async search(params, searchType) {
+        var _a;
+        this.searchParams = params;
+        this.searchType = searchType;
+        if (this.asyncResponse) {
+            // Add an artificial 1-tick delay
+            await new Promise(res => {
+                setTimeout(res, 0);
+            });
+        }
+        switch ((_a = this.searchParams) === null || _a === void 0 ? void 0 : _a.query) {
+            case 'single-result':
+                return mockSuccessSingleResult;
+            case 'years':
+                return mockSuccessWithYearHistogramAggs;
+            case 'multi-line-description':
+                return mockSuccessMultiLineDescription;
+            case 'loggedin':
+                return mockSuccessLoggedInResult;
+            case 'no-preview':
+                return mockSuccessNoPreviewResult;
+            case 'loggedin-no-preview':
+                return mockSuccessLoggedInAndNoPreviewResult;
+            case 'first-title':
+                return mockSuccessFirstTitleResult;
+            case 'first-creator':
+                return mockSuccessFirstCreatorResult;
+            case 'with-sort':
+                return getMockSuccessSingleResultWithSort(this.resultsSpy);
+            default:
+                return mockSuccessMultipleResults;
+        }
+    }
+}
 //# sourceMappingURL=mock-search-service.js.map

package/dist/test/restoration-state-handler.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/test/restoration-state-handler.test.js

@@ -1,126 +1,126 @@
-import { SearchType } from '@internetarchive/search-service';
-import { expect } from '@open-wc/testing';
-import { RestorationStateHandler } from '../src/restoration-state-handler';
-describe('Restoration state handler', () => {
-    it('should restore query from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?query=boop';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.baseQuery).to.equal('boop');
-    });
-    it('should restore full text search type from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?sin=TXT';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.searchType).to.equal(SearchType.FULLTEXT);
-    });
-    it('should restore page number from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?page=42';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.currentPage).to.equal(42);
-    });
-    it('should restore selected year facets from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[]=year:"2018"';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedFacets.year['2018'].state).to.equal('selected');
-    });
-    it('should restore selected date range facets from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[]=year:"2018+TO+2021"';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.minSelectedDate).to.equal('2018');
-        expect(restorationState.maxSelectedDate).to.equal('2021');
-    });
-    it('should restore creator filter from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[]=firstCreator:F';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedCreatorFilter).to.equal('F');
-    });
-    it('should restore title filter from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[]=firstTitle:F';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedTitleFilter).to.equal('F');
-    });
-    it('should restore other selected facets from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[]=subject:"foo"';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedFacets.subject.foo.state).to.equal('selected');
-    });
-    it('should restore negative facets from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?not[]=year:2018';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedFacets.year['2018'].state).to.equal('hidden');
-    });
-    it('should restore multiple selected/negative facets from URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search =
-            '?and[]=collection:"foo"&and[]=collection:"bar"&not[]=collection:"baz"&not[]=collection:"boop"';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedFacets.collection.foo.state).to.equal('selected');
-        expect(restorationState.selectedFacets.collection.bar.state).to.equal('selected');
-        expect(restorationState.selectedFacets.collection.baz.state).to.equal('hidden');
-        expect(restorationState.selectedFacets.collection.boop.state).to.equal('hidden');
-    });
-    it('negative facets take precedence if both present in URL', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?and[]=collection:"foo"&not[]=collection:"foo"';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedFacets.collection.foo.state).to.equal('hidden');
-    });
-    it('should restore sort from URL (space format)', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?sort=date+desc';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedSort).to.equal('date');
-        expect(restorationState.sortDirection).to.equal('desc');
-    });
-    it('should restore sort from URL (prefix format, desc)', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?sort=-date';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedSort).to.equal('date');
-        expect(restorationState.sortDirection).to.equal('desc');
-    });
-    it('should restore sort from URL (prefix format, asc)', async () => {
-        const handler = new RestorationStateHandler({ context: 'search' });
-        const url = new URL(window.location.href);
-        url.search = '?sort=date';
-        window.history.replaceState({ path: url.href }, '', url.href);
-        const restorationState = handler.getRestorationState();
-        expect(restorationState.selectedSort).to.equal('date');
-        expect(restorationState.sortDirection).to.equal('asc');
-    });
-});
+import { SearchType } from '@internetarchive/search-service';
+import { expect } from '@open-wc/testing';
+import { RestorationStateHandler } from '../src/restoration-state-handler';
+describe('Restoration state handler', () => {
+    it('should restore query from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?query=boop';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.baseQuery).to.equal('boop');
+    });
+    it('should restore full text search type from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?sin=TXT';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.searchType).to.equal(SearchType.FULLTEXT);
+    });
+    it('should restore page number from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?page=42';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.currentPage).to.equal(42);
+    });
+    it('should restore selected year facets from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[]=year:"2018"';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedFacets.year['2018'].state).to.equal('selected');
+    });
+    it('should restore selected date range facets from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[]=year:"2018+TO+2021"';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.minSelectedDate).to.equal('2018');
+        expect(restorationState.maxSelectedDate).to.equal('2021');
+    });
+    it('should restore creator filter from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[]=firstCreator:F';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedCreatorFilter).to.equal('F');
+    });
+    it('should restore title filter from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[]=firstTitle:F';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedTitleFilter).to.equal('F');
+    });
+    it('should restore other selected facets from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[]=subject:"foo"';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedFacets.subject.foo.state).to.equal('selected');
+    });
+    it('should restore negative facets from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?not[]=year:2018';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedFacets.year['2018'].state).to.equal('hidden');
+    });
+    it('should restore multiple selected/negative facets from URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search =
+            '?and[]=collection:"foo"&and[]=collection:"bar"&not[]=collection:"baz"&not[]=collection:"boop"';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedFacets.collection.foo.state).to.equal('selected');
+        expect(restorationState.selectedFacets.collection.bar.state).to.equal('selected');
+        expect(restorationState.selectedFacets.collection.baz.state).to.equal('hidden');
+        expect(restorationState.selectedFacets.collection.boop.state).to.equal('hidden');
+    });
+    it('negative facets take precedence if both present in URL', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?and[]=collection:"foo"&not[]=collection:"foo"';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedFacets.collection.foo.state).to.equal('hidden');
+    });
+    it('should restore sort from URL (space format)', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?sort=date+desc';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedSort).to.equal('date');
+        expect(restorationState.sortDirection).to.equal('desc');
+    });
+    it('should restore sort from URL (prefix format, desc)', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?sort=-date';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedSort).to.equal('date');
+        expect(restorationState.sortDirection).to.equal('desc');
+    });
+    it('should restore sort from URL (prefix format, asc)', async () => {
+        const handler = new RestorationStateHandler({ context: 'search' });
+        const url = new URL(window.location.href);
+        url.search = '?sort=date';
+        window.history.replaceState({ path: url.href }, '', url.href);
+        const restorationState = handler.getRestorationState();
+        expect(restorationState.selectedSort).to.equal('date');
+        expect(restorationState.sortDirection).to.equal('asc');
+    });
+});
 //# sourceMappingURL=restoration-state-handler.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 links', 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 links
-        const letterLinks = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li > a[href]');
-        expect(letterLinks === null || letterLinks === void 0 ? void 0 : letterLinks.length).to.equal(2);
-        expect((_b = letterLinks === null || letterLinks === void 0 ? void 0 : letterLinks.item(0).textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('U');
-        expect((_c = letterLinks === null || letterLinks === void 0 ? void 0 : letterLinks.item(1).textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('X');
-    });
-    it('renders letters without items as uninteractive text', 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 just be inert spans, not links
-        const letterNonLinks = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li > span');
-        expect(letterNonLinks === null || letterNonLinks === void 0 ? void 0 : letterNonLinks.length).to.equal(24);
-        expect((_b = letterNonLinks === null || letterNonLinks === void 0 ? void 0 : letterNonLinks.item(0).textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('A');
-        expect((_c = letterNonLinks === null || letterNonLinks === void 0 ? void 0 : letterNonLinks.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 links', 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 links
+        const letterLinks = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li > a[href]');
+        expect(letterLinks === null || letterLinks === void 0 ? void 0 : letterLinks.length).to.equal(2);
+        expect((_b = letterLinks === null || letterLinks === void 0 ? void 0 : letterLinks.item(0).textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('U');
+        expect((_c = letterLinks === null || letterLinks === void 0 ? void 0 : letterLinks.item(1).textContent) === null || _c === void 0 ? void 0 : _c.trim()).to.equal('X');
+    });
+    it('renders letters without items as uninteractive text', 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 just be inert spans, not links
+        const letterNonLinks = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li > span');
+        expect(letterNonLinks === null || letterNonLinks === void 0 ? void 0 : letterNonLinks.length).to.equal(24);
+        expect((_b = letterNonLinks === null || letterNonLinks === void 0 ? void 0 : letterNonLinks.item(0).textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('A');
+        expect((_c = letterNonLinks === null || letterNonLinks === void 0 ? void 0 : letterNonLinks.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';