@internetarchive/collection-browser 0.4.9-alpha.1 → 0.4.9

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

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

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

@@ -0,0 +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');
+    });
+});
+//# sourceMappingURL=alpha-bar-tooltip.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alpha-bar-tooltip.test.js","sourceRoot":"","sources":["../../../test/sort-filter-bar/alpha-bar-tooltip.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,6CAA6C,CAAC;AAErD,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC5C,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;;QACjC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,kCAAkC,EAAE,uBAAuB,CAChE,CAAC;QAEF,sCAAsC;QACtC,MAAM,WAAW,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAClE,MAAM,CAAC,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { AlphaBarTooltip } from '../../src/sort-filter-bar/alpha-bar-tooltip';\n\nimport '../../src/sort-filter-bar/alpha-bar-tooltip';\n\ndescribe('Alphabet Filter Bar Tooltips', () => {\n  it('renders component', async () => {\n    const el = await fixture<AlphaBarTooltip>(\n      html`<alpha-bar-tooltip .numResults=${42}></alpha-bar-tooltip>`\n    );\n\n    // Should render the number of results\n    const tooltipText = el.shadowRoot?.querySelector('#tooltip-text');\n    expect(tooltipText?.textContent?.trim()).to.equal('42 results');\n  });\n});\n"]}

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,44 +1,74 @@
-import { 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');
-    });
-});
+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/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 { 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';\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 links', 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 links\n    const letterLinks = el.shadowRoot?.querySelectorAll('li > a[href]');\n    expect(letterLinks?.length).to.equal(2);\n    expect(letterLinks?.item(0).textContent?.trim()).to.equal('U');\n    expect(letterLinks?.item(1).textContent?.trim()).to.equal('X');\n  });\n\n  it('renders letters without items as uninteractive text', 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 just be inert spans, not links\n    const letterNonLinks = el.shadowRoot?.querySelectorAll('li > span');\n    expect(letterNonLinks?.length).to.equal(24);\n    expect(letterNonLinks?.item(0).textContent?.trim()).to.equal('A');\n    expect(letterNonLinks?.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"]}
+{"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 links', 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 links\n    const letterLinks = el.shadowRoot?.querySelectorAll('li > a[href]');\n    expect(letterLinks?.length).to.equal(2);\n    expect(letterLinks?.item(0).textContent?.trim()).to.equal('U');\n    expect(letterLinks?.item(1).textContent?.trim()).to.equal('X');\n  });\n\n  it('renders letters without items as uninteractive text', 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 just be inert spans, not links\n    const letterNonLinks = el.shadowRoot?.querySelectorAll('li > span');\n    expect(letterNonLinks?.length).to.equal(24);\n    expect(letterNonLinks?.item(0).textContent?.trim()).to.equal('A');\n    expect(letterNonLinks?.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"]}

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