@internetarchive/collection-browser 3.3.2 → 3.3.3

package/dist/test/tiles/tile-dispatcher.test.js

@@ -0,0 +1,231 @@
+import { aTimeout, expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import sinon from 'sinon';
+import '../../src/tiles/tile-dispatcher';
+import { TileHoverPane } from '../../src/tiles/hover/tile-hover-pane';
+describe('Tile Dispatcher', () => {
+    it('should render item-tile for grid mode by default', async () => {
+        var _a;
+        const el = await fixture(html `
+      <tile-dispatcher
+        .tileDisplayMode=${'grid'}
+        .model=${{ mediatype: 'texts' }}
+      >
+      </tile-dispatcher>
+    `);
+        const itemTile = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('item-tile');
+        expect(itemTile).to.exist;
+    });
+    it('should render collection-tile for grid mode and collection mediatype', async () => {
+        var _a;
+        const el = await fixture(html `
+      <tile-dispatcher
+        .tileDisplayMode=${'grid'}
+        .model=${{ mediatype: 'collection' }}
+      >
+      </tile-dispatcher>
+    `);
+        const collectionTile = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('collection-tile');
+        expect(collectionTile).to.exist;
+    });
+    it('should render account-tile for grid mode and account mediatype', async () => {
+        var _a;
+        const el = await fixture(html `
+      <tile-dispatcher
+        .tileDisplayMode=${'grid'}
+        .model=${{ mediatype: 'account' }}
+      >
+      </tile-dispatcher>
+    `);
+        const accountTile = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('account-tile');
+        expect(accountTile).to.exist;
+    });
+    it('should render search-tile for grid mode and search mediatype', async () => {
+        var _a;
+        const el = await fixture(html `
+      <tile-dispatcher
+        .tileDisplayMode=${'grid'}
+        .model=${{ mediatype: 'search' }}
+      >
+      </tile-dispatcher>
+    `);
+        const searchTile = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('search-tile');
+        expect(searchTile).to.exist;
+    });
+    it('should render tile-list for extended list mode', async () => {
+        var _a;
+        const el = await fixture(html `
+      <tile-dispatcher .tileDisplayMode=${'list-detail'} .model=${{}}>
+      </tile-dispatcher>
+    `);
+        const listTile = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('tile-list');
+        expect(listTile).to.exist;
+    });
+    it('should render tile-list-compact for compact list mode', async () => {
+        var _a;
+        const el = await fixture(html `
+      <tile-dispatcher .tileDisplayMode=${'list-compact'} .model=${{}}>
+      </tile-dispatcher>
+    `);
+        const compactListTile = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('tile-list-compact');
+        expect(compactListTile).to.exist;
+    });
+    it('should open item in new tab when right-clicked in manage mode', async () => {
+        var _a;
+        const oldWindowOpen = window.open;
+        const spy = sinon.spy();
+        window.open = spy;
+        const el = await fixture(html `
+      <tile-dispatcher
+        isManageView
+        .model=${{ identifier: 'foo', href: '/foo' }}
+        .baseNavigationUrl=${''}
+      >
+      </tile-dispatcher>
+    `);
+        const tileLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('a[href]');
+        expect(tileLink).to.exist;
+        tileLink.dispatchEvent(new Event('contextmenu'));
+        await el.updateComplete;
+        expect(spy.callCount).to.equal(1);
+        expect(spy.args[0][0]).to.equal('/foo');
+        expect(spy.args[0][1]).to.equal('_blank');
+        window.open = oldWindowOpen;
+    });
+    it('should toggle model checked state when manage check clicked', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `
+      <tile-dispatcher
+        isManageView
+        .model=${{ identifier: 'foo', href: '/foo' }}
+        .tileDisplayMode=${'grid'}
+      ></tile-dispatcher>
+    `);
+        const manageCheck = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.manage-check > input[type="checkbox"]');
+        manageCheck.click();
+        await el.updateComplete;
+        expect((_b = el.model) === null || _b === void 0 ? void 0 : _b.checked).to.be.true;
+        manageCheck.click();
+        await el.updateComplete;
+        expect((_c = el.model) === null || _c === void 0 ? void 0 : _c.checked).to.be.false;
+    });
+    it('should return hover pane props', async () => {
+        const el = await fixture(html `
+      <tile-dispatcher .model=${{ identifier: 'foo' }}> </tile-dispatcher>
+    `);
+        expect(el.getHoverPaneProps()).to.satisfy((props) => { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.model) === null || _a === void 0 ? void 0 : _a.identifier) === 'foo'; });
+    });
+    it('should focus the tile link when requested', async () => {
+        var _a;
+        const el = await fixture(html `
+      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>
+    `);
+        const tileLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tile-link');
+        expect(tileLink).to.exist;
+        const spyFocus = sinon.spy(tileLink, 'focus');
+        el.acquireFocus();
+        expect(spyFocus.callCount).to.equal(1);
+    });
+    it('should blur the tile link when requested', async () => {
+        var _a;
+        const el = await fixture(html `
+      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>
+    `);
+        const tileLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tile-link');
+        expect(tileLink).to.exist;
+        const spyBlur = sinon.spy(tileLink, 'blur');
+        el.releaseFocus();
+        expect(spyBlur.callCount).to.equal(1);
+    });
+    describe('Hover pane info button behavior', () => {
+        let oldMatchMedia;
+        before(() => {
+            oldMatchMedia = window.matchMedia;
+            // Pretend that there is no hover-capable input device
+            window.matchMedia = () => ({ matches: false });
+        });
+        after(() => {
+            window.matchMedia = oldMatchMedia;
+        });
+        it('should toggle hover pane when tile info button is pressed', async () => {
+            var _a, _b;
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'grid'}
+          .model=${{ mediatype: 'texts' }}
+          .enableHoverPane=${true}
+        >
+        </tile-dispatcher>
+      `);
+            const itemTile = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('item-tile');
+            expect(itemTile).to.exist;
+            const infoButton = (_b = itemTile.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.info-button');
+            expect(infoButton).to.exist;
+            infoButton.click();
+            await aTimeout(500);
+            await el.updateComplete;
+            expect(el.getHoverPane()).to.be.instanceOf(TileHoverPane);
+            infoButton.click();
+            await aTimeout(500);
+            await el.updateComplete;
+            expect(el.getHoverPane()).not.to.exist;
+        });
+    });
+    describe('Accessibility', () => {
+        it('should have proper aria-label on tile link', async () => {
+            var _a;
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'grid'}
+          .model=${{
+                title: 'Example Title',
+                mediatype: 'texts',
+            }}
+        >
+        </tile-dispatcher>
+      `);
+            const tileLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tile-link');
+            expect(tileLink).to.exist;
+            expect(tileLink.getAttribute('aria-label')).to.equal('Example Title');
+        });
+        it('should fallback to untitled aria-label on tile link when no title', async () => {
+            var _a;
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'grid'}
+          .model=${{
+                mediatype: 'texts',
+            }}
+        >
+        </tile-dispatcher>
+      `);
+            const tileLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tile-link');
+            expect(tileLink).to.exist;
+            expect(tileLink.getAttribute('aria-label')).to.equal('Untitled item');
+        });
+        it('should have no accessibility violations in grid mode', async () => {
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'grid'}
+          .model=${{
+                title: 'Example Title',
+                mediatype: 'texts',
+            }}
+        >
+        </tile-dispatcher>
+      `);
+            await expect(el).to.be.accessible();
+        });
+        it('should have no accessibility violations in list mode', async () => {
+            const el = await fixture(html `
+        <tile-dispatcher
+          .tileDisplayMode=${'list-detail'}
+          .model=${{ mediatype: 'texts' }}
+        >
+        </tile-dispatcher>
+      `);
+            await expect(el).to.be.accessible();
+        });
+    });
+});
+//# sourceMappingURL=tile-dispatcher.test.js.map

package/dist/test/tiles/tile-dispatcher.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile-dispatcher.test.js","sourceRoot":"","sources":["../../../test/tiles/tile-dispatcher.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { aTimeout, expect, fixture } from '@open-wc/testing';\r\nimport { html } from 'lit';\r\nimport sinon from 'sinon';\r\nimport type { TileDispatcher } from '../../src/tiles/tile-dispatcher';\r\n\r\nimport '../../src/tiles/tile-dispatcher';\r\nimport type { ItemTile } from '../../src/tiles/grid/item-tile';\r\nimport { TileHoverPane } from '../../src/tiles/hover/tile-hover-pane';\r\nimport type { HoverPaneProperties } from '../../src/tiles/hover/hover-pane-controller';\r\n\r\ndescribe('Tile Dispatcher', () => {\r\n  it('should render item-tile for grid mode by default', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher\r\n        .tileDisplayMode=${'grid'}\r\n        .model=${{ mediatype: 'texts' }}\r\n      >\r\n      </tile-dispatcher>\r\n    `);\r\n\r\n    const itemTile = el.shadowRoot?.querySelector('item-tile');\r\n    expect(itemTile).to.exist;\r\n  });\r\n\r\n  it('should render collection-tile for grid mode and collection mediatype', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher\r\n        .tileDisplayMode=${'grid'}\r\n        .model=${{ mediatype: 'collection' }}\r\n      >\r\n      </tile-dispatcher>\r\n    `);\r\n\r\n    const collectionTile = el.shadowRoot?.querySelector('collection-tile');\r\n    expect(collectionTile).to.exist;\r\n  });\r\n\r\n  it('should render account-tile for grid mode and account mediatype', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher\r\n        .tileDisplayMode=${'grid'}\r\n        .model=${{ mediatype: 'account' }}\r\n      >\r\n      </tile-dispatcher>\r\n    `);\r\n\r\n    const accountTile = el.shadowRoot?.querySelector('account-tile');\r\n    expect(accountTile).to.exist;\r\n  });\r\n\r\n  it('should render search-tile for grid mode and search mediatype', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher\r\n        .tileDisplayMode=${'grid'}\r\n        .model=${{ mediatype: 'search' }}\r\n      >\r\n      </tile-dispatcher>\r\n    `);\r\n\r\n    const searchTile = el.shadowRoot?.querySelector('search-tile');\r\n    expect(searchTile).to.exist;\r\n  });\r\n\r\n  it('should render tile-list for extended list mode', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher .tileDisplayMode=${'list-detail'} .model=${{}}>\r\n      </tile-dispatcher>\r\n    `);\r\n\r\n    const listTile = el.shadowRoot?.querySelector('tile-list');\r\n    expect(listTile).to.exist;\r\n  });\r\n\r\n  it('should render tile-list-compact for compact list mode', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher .tileDisplayMode=${'list-compact'} .model=${{}}>\r\n      </tile-dispatcher>\r\n    `);\r\n\r\n    const compactListTile = el.shadowRoot?.querySelector('tile-list-compact');\r\n    expect(compactListTile).to.exist;\r\n  });\r\n\r\n  it('should open item in new tab when right-clicked in manage mode', async () => {\r\n    const oldWindowOpen = window.open;\r\n    const spy = sinon.spy();\r\n    window.open = spy;\r\n\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher\r\n        isManageView\r\n        .model=${{ identifier: 'foo', href: '/foo' }}\r\n        .baseNavigationUrl=${''}\r\n      >\r\n      </tile-dispatcher>\r\n    `);\r\n\r\n    const tileLink = el.shadowRoot?.querySelector(\r\n      'a[href]',\r\n    ) as HTMLAnchorElement;\r\n    expect(tileLink).to.exist;\r\n\r\n    tileLink.dispatchEvent(new Event('contextmenu'));\r\n    await el.updateComplete;\r\n\r\n    expect(spy.callCount).to.equal(1);\r\n    expect(spy.args[0][0]).to.equal('/foo');\r\n    expect(spy.args[0][1]).to.equal('_blank');\r\n\r\n    window.open = oldWindowOpen;\r\n  });\r\n\r\n  it('should toggle model checked state when manage check clicked', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher\r\n        isManageView\r\n        .model=${{ identifier: 'foo', href: '/foo' }}\r\n        .tileDisplayMode=${'grid'}\r\n      ></tile-dispatcher>\r\n    `);\r\n\r\n    const manageCheck = el.shadowRoot?.querySelector(\r\n      '.manage-check > input[type=\"checkbox\"]',\r\n    ) as HTMLButtonElement;\r\n\r\n    manageCheck.click();\r\n    await el.updateComplete;\r\n    expect(el.model?.checked).to.be.true;\r\n\r\n    manageCheck.click();\r\n    await el.updateComplete;\r\n    expect(el.model?.checked).to.be.false;\r\n  });\r\n\r\n  it('should return hover pane props', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher .model=${{ identifier: 'foo' }}> </tile-dispatcher>\r\n    `);\r\n\r\n    expect(el.getHoverPaneProps()).to.satisfy(\r\n      (props: HoverPaneProperties) => props?.model?.identifier === 'foo',\r\n    );\r\n  });\r\n\r\n  it('should focus the tile link when requested', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>\r\n    `);\r\n\r\n    const tileLink = el.shadowRoot?.querySelector(\r\n      '.tile-link',\r\n    ) as HTMLAnchorElement;\r\n    expect(tileLink).to.exist;\r\n\r\n    const spyFocus = sinon.spy(tileLink, 'focus');\r\n    el.acquireFocus();\r\n    expect(spyFocus.callCount).to.equal(1);\r\n  });\r\n\r\n  it('should blur the tile link when requested', async () => {\r\n    const el = await fixture<TileDispatcher>(html`\r\n      <tile-dispatcher .tileDisplayMode=${'grid'}> </tile-dispatcher>\r\n    `);\r\n\r\n    const tileLink = el.shadowRoot?.querySelector(\r\n      '.tile-link',\r\n    ) as HTMLAnchorElement;\r\n    expect(tileLink).to.exist;\r\n\r\n    const spyBlur = sinon.spy(tileLink, 'blur');\r\n    el.releaseFocus();\r\n    expect(spyBlur.callCount).to.equal(1);\r\n  });\r\n\r\n  describe('Hover pane info button behavior', () => {\r\n    let oldMatchMedia: typeof window.matchMedia;\r\n\r\n    before(() => {\r\n      oldMatchMedia = window.matchMedia;\r\n      // Pretend that there is no hover-capable input device\r\n      window.matchMedia = () => ({ matches: false }) as MediaQueryList;\r\n    });\r\n\r\n    after(() => {\r\n      window.matchMedia = oldMatchMedia;\r\n    });\r\n\r\n    it('should toggle hover pane when tile info button is pressed', async () => {\r\n      const el = await fixture<TileDispatcher>(html`\r\n        <tile-dispatcher\r\n          .tileDisplayMode=${'grid'}\r\n          .model=${{ mediatype: 'texts' }}\r\n          .enableHoverPane=${true}\r\n        >\r\n        </tile-dispatcher>\r\n      `);\r\n\r\n      const itemTile = el.shadowRoot?.querySelector('item-tile') as ItemTile;\r\n      expect(itemTile).to.exist;\r\n\r\n      const infoButton = itemTile.shadowRoot?.querySelector(\r\n        '.info-button',\r\n      ) as HTMLButtonElement;\r\n      expect(infoButton).to.exist;\r\n\r\n      infoButton.click();\r\n      await aTimeout(500);\r\n      await el.updateComplete;\r\n      expect(el.getHoverPane()).to.be.instanceOf(TileHoverPane);\r\n\r\n      infoButton.click();\r\n      await aTimeout(500);\r\n      await el.updateComplete;\r\n      expect(el.getHoverPane()).not.to.exist;\r\n    });\r\n  });\r\n\r\n  describe('Accessibility', () => {\r\n    it('should have proper aria-label on tile link', async () => {\r\n      const el = await fixture<TileDispatcher>(html`\r\n        <tile-dispatcher\r\n          .tileDisplayMode=${'grid'}\r\n          .model=${{\r\n            title: 'Example Title',\r\n            mediatype: 'texts',\r\n          }}\r\n        >\r\n        </tile-dispatcher>\r\n      `);\r\n\r\n      const tileLink = el.shadowRoot?.querySelector(\r\n        '.tile-link',\r\n      ) as HTMLAnchorElement;\r\n      expect(tileLink).to.exist;\r\n      expect(tileLink.getAttribute('aria-label')).to.equal('Example Title');\r\n    });\r\n\r\n    it('should fallback to untitled aria-label on tile link when no title', async () => {\r\n      const el = await fixture<TileDispatcher>(html`\r\n        <tile-dispatcher\r\n          .tileDisplayMode=${'grid'}\r\n          .model=${{\r\n            mediatype: 'texts',\r\n          }}\r\n        >\r\n        </tile-dispatcher>\r\n      `);\r\n\r\n      const tileLink = el.shadowRoot?.querySelector(\r\n        '.tile-link',\r\n      ) as HTMLAnchorElement;\r\n      expect(tileLink).to.exist;\r\n      expect(tileLink.getAttribute('aria-label')).to.equal('Untitled item');\r\n    });\r\n\r\n    it('should have no accessibility violations in grid mode', async () => {\r\n      const el = await fixture<TileDispatcher>(html`\r\n        <tile-dispatcher\r\n          .tileDisplayMode=${'grid'}\r\n          .model=${{\r\n            title: 'Example Title',\r\n            mediatype: 'texts',\r\n          }}\r\n        >\r\n        </tile-dispatcher>\r\n      `);\r\n\r\n      await expect(el).to.be.accessible();\r\n    });\r\n\r\n    it('should have no accessibility violations in list mode', async () => {\r\n      const el = await fixture<TileDispatcher>(html`\r\n        <tile-dispatcher\r\n          .tileDisplayMode=${'list-detail'}\r\n          .model=${{ mediatype: 'texts' }}\r\n        >\r\n        </tile-dispatcher>\r\n      `);\r\n\r\n      await expect(el).to.be.accessible();\r\n    });\r\n  });\r\n});\r\n"]}

package/dist/test/tiles/tile-display-value-provider.test.d.ts

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

package/dist/test/tiles/tile-display-value-provider.test.js

@@ -0,0 +1,142 @@
+import { expect } from '@open-wc/testing';
+import { nothing } from 'lit';
+import { TileDisplayValueProvider } from '../../src/tiles/tile-display-value-provider';
+describe('Tile Display Value Provider', () => {
+    describe('basic construction', () => {
+        it('constructs w/ no options', () => {
+            const provider = new TileDisplayValueProvider();
+            expect(provider).to.exist;
+        });
+        it('constructs w/ options', () => {
+            const provider = new TileDisplayValueProvider({
+                model: {},
+                baseNavigationUrl: 'foo',
+                collectionPagePath: 'bar',
+                sortParam: { field: 'baz', direction: 'asc' },
+                creatorFilter: 'X',
+            });
+            expect(provider).to.exist;
+        });
+    });
+    describe('firstCreatorMatchingFilter', () => {
+        it('provides undefined creator when no model set', () => {
+            const provider = new TileDisplayValueProvider();
+            expect(provider.firstCreatorMatchingFilter).to.be.undefined;
+        });
+        it('provides creator from model with no filter', () => {
+            const provider = new TileDisplayValueProvider({
+                model: { creator: 'foo', creators: ['foo', 'bar', 'baz'] },
+            });
+            expect(provider.firstCreatorMatchingFilter).to.equal('foo');
+        });
+        it('provides first creator matching filter when present', () => {
+            const provider = new TileDisplayValueProvider({
+                model: { creator: 'foo', creators: ['foo', 'bar', 'baz'] },
+                creatorFilter: 'B',
+            });
+            expect(provider.firstCreatorMatchingFilter).to.equal('bar');
+        });
+        it('matches letters with diacritics', () => {
+            const provider = new TileDisplayValueProvider({
+                model: {
+                    creator: 'foo',
+                    creators: ['foo', 'émile', 'ernest'],
+                },
+                creatorFilter: 'E',
+            });
+            expect(provider.firstCreatorMatchingFilter).to.equal('émile');
+        });
+        it('ignores non-alphabetical characters when matching', () => {
+            const provider = new TileDisplayValueProvider({
+                model: {
+                    creator: 'foo',
+                    creators: ['foo', '"(bar)"', 'baz'],
+                },
+                creatorFilter: 'B',
+            });
+            expect(provider.firstCreatorMatchingFilter).to.equal('"(bar)"');
+        });
+    });
+    describe('accountLabel', () => {
+        it('provides empty account label when no model', () => {
+            const provider = new TileDisplayValueProvider();
+            expect(provider.accountLabel).to.equal('');
+        });
+        it('provides empty account label when no date added', () => {
+            const provider = new TileDisplayValueProvider({ model: {} });
+            expect(provider.accountLabel).to.equal('');
+        });
+        it('provides Archivist label from date added', () => {
+            const provider = new TileDisplayValueProvider({
+                model: { dateAdded: new Date(2010, 1, 2) },
+            });
+            expect(provider.accountLabel).to.equal('Archivist since 2010');
+        });
+    });
+    describe('dateLabel', () => {
+        it('provides empty date label when no sort param', () => {
+            const provider = new TileDisplayValueProvider();
+            expect(provider.dateLabel).to.equal('');
+        });
+        it('provides empty date label when sorting by non-date', () => {
+            const provider = new TileDisplayValueProvider({
+                sortParam: { field: 'downloads', direction: 'desc' },
+            });
+            expect(provider.dateLabel).to.equal('');
+        });
+        it('provides correct date label for publicdate', () => {
+            const provider = new TileDisplayValueProvider({
+                sortParam: { field: 'publicdate', direction: 'asc' },
+            });
+            expect(provider.dateLabel).to.equal('Archived');
+        });
+        it('provides correct date label for reviewdate', () => {
+            const provider = new TileDisplayValueProvider({
+                sortParam: { field: 'reviewdate', direction: 'asc' },
+            });
+            expect(provider.dateLabel).to.equal('Reviewed');
+        });
+        it('provides correct date label for addeddate', () => {
+            const provider = new TileDisplayValueProvider({
+                sortParam: { field: 'addeddate', direction: 'asc' },
+            });
+            expect(provider.dateLabel).to.equal('Added');
+        });
+        it('provides correct date label for published date', () => {
+            const provider = new TileDisplayValueProvider({
+                sortParam: { field: 'date', direction: 'asc' },
+            });
+            expect(provider.dateLabel).to.equal('Published');
+        });
+    });
+    describe('itemPageUrl', () => {
+        it('provides nothing when no base url set', () => {
+            const provider = new TileDisplayValueProvider();
+            expect(provider.itemPageUrl('foo')).to.equal(nothing);
+        });
+        it('provides nothing when identifier is empty', () => {
+            const provider = new TileDisplayValueProvider({
+                baseNavigationUrl: 'foo',
+            });
+            expect(provider.itemPageUrl('')).to.equal(nothing);
+        });
+        it('builds correct url from base and identifier', () => {
+            const provider = new TileDisplayValueProvider({
+                baseNavigationUrl: 'base',
+            });
+            expect(provider.itemPageUrl('foo')).to.equal('base/details/foo');
+        });
+        it('allows base url to be empty', () => {
+            const provider = new TileDisplayValueProvider({ baseNavigationUrl: '' });
+            expect(provider.itemPageUrl('foo')).to.equal('/details/foo');
+        });
+        it('uses provided collection base path for collections', () => {
+            const provider = new TileDisplayValueProvider({
+                baseNavigationUrl: 'base',
+                collectionPagePath: '/collection/',
+            });
+            expect(provider.itemPageUrl('foo', true)).to.equal('base/collection/foo');
+        });
+    });
+});
+//# sourceMappingURL=tile-display-value-provider.test.js.map

package/dist/test/tiles/tile-display-value-provider.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile-display-value-provider.test.js","sourceRoot":"","sources":["../../../test/tiles/tile-display-value-provider.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { nothing } from 'lit';\nimport { TileDisplayValueProvider } from '../../src/tiles/tile-display-value-provider';\nimport type { TileModel } from '../../src/models';\n\ndescribe('Tile Display Value Provider', () => {\n  describe('basic construction', () => {\n    it('constructs w/ no options', () => {\n      const provider = new TileDisplayValueProvider();\n      expect(provider).to.exist;\n    });\n\n    it('constructs w/ options', () => {\n      const provider = new TileDisplayValueProvider({\n        model: {} as TileModel,\n        baseNavigationUrl: 'foo',\n        collectionPagePath: 'bar',\n        sortParam: { field: 'baz', direction: 'asc' },\n        creatorFilter: 'X',\n      });\n      expect(provider).to.exist;\n    });\n  });\n\n  describe('firstCreatorMatchingFilter', () => {\n    it('provides undefined creator when no model set', () => {\n      const provider = new TileDisplayValueProvider();\n      expect(provider.firstCreatorMatchingFilter).to.be.undefined;\n    });\n\n    it('provides creator from model with no filter', () => {\n      const provider = new TileDisplayValueProvider({\n        model: { creator: 'foo', creators: ['foo', 'bar', 'baz'] } as TileModel,\n      });\n\n      expect(provider.firstCreatorMatchingFilter).to.equal('foo');\n    });\n\n    it('provides first creator matching filter when present', () => {\n      const provider = new TileDisplayValueProvider({\n        model: { creator: 'foo', creators: ['foo', 'bar', 'baz'] } as TileModel,\n        creatorFilter: 'B',\n      });\n\n      expect(provider.firstCreatorMatchingFilter).to.equal('bar');\n    });\n\n    it('matches letters with diacritics', () => {\n      const provider = new TileDisplayValueProvider({\n        model: {\n          creator: 'foo',\n          creators: ['foo', 'émile', 'ernest'],\n        } as TileModel,\n        creatorFilter: 'E',\n      });\n\n      expect(provider.firstCreatorMatchingFilter).to.equal('émile');\n    });\n\n    it('ignores non-alphabetical characters when matching', () => {\n      const provider = new TileDisplayValueProvider({\n        model: {\n          creator: 'foo',\n          creators: ['foo', '\"(bar)\"', 'baz'],\n        } as TileModel,\n        creatorFilter: 'B',\n      });\n\n      expect(provider.firstCreatorMatchingFilter).to.equal('\"(bar)\"');\n    });\n  });\n\n  describe('accountLabel', () => {\n    it('provides empty account label when no model', () => {\n      const provider = new TileDisplayValueProvider();\n      expect(provider.accountLabel).to.equal('');\n    });\n\n    it('provides empty account label when no date added', () => {\n      const provider = new TileDisplayValueProvider({ model: {} as TileModel });\n      expect(provider.accountLabel).to.equal('');\n    });\n\n    it('provides Archivist label from date added', () => {\n      const provider = new TileDisplayValueProvider({\n        model: { dateAdded: new Date(2010, 1, 2) } as TileModel,\n      });\n\n      expect(provider.accountLabel).to.equal('Archivist since 2010');\n    });\n  });\n\n  describe('dateLabel', () => {\n    it('provides empty date label when no sort param', () => {\n      const provider = new TileDisplayValueProvider();\n      expect(provider.dateLabel).to.equal('');\n    });\n\n    it('provides empty date label when sorting by non-date', () => {\n      const provider = new TileDisplayValueProvider({\n        sortParam: { field: 'downloads', direction: 'desc' },\n      });\n      expect(provider.dateLabel).to.equal('');\n    });\n\n    it('provides correct date label for publicdate', () => {\n      const provider = new TileDisplayValueProvider({\n        sortParam: { field: 'publicdate', direction: 'asc' },\n      });\n\n      expect(provider.dateLabel).to.equal('Archived');\n    });\n\n    it('provides correct date label for reviewdate', () => {\n      const provider = new TileDisplayValueProvider({\n        sortParam: { field: 'reviewdate', direction: 'asc' },\n      });\n\n      expect(provider.dateLabel).to.equal('Reviewed');\n    });\n\n    it('provides correct date label for addeddate', () => {\n      const provider = new TileDisplayValueProvider({\n        sortParam: { field: 'addeddate', direction: 'asc' },\n      });\n\n      expect(provider.dateLabel).to.equal('Added');\n    });\n\n    it('provides correct date label for published date', () => {\n      const provider = new TileDisplayValueProvider({\n        sortParam: { field: 'date', direction: 'asc' },\n      });\n\n      expect(provider.dateLabel).to.equal('Published');\n    });\n  });\n\n  describe('itemPageUrl', () => {\n    it('provides nothing when no base url set', () => {\n      const provider = new TileDisplayValueProvider();\n      expect(provider.itemPageUrl('foo')).to.equal(nothing);\n    });\n\n    it('provides nothing when identifier is empty', () => {\n      const provider = new TileDisplayValueProvider({\n        baseNavigationUrl: 'foo',\n      });\n      expect(provider.itemPageUrl('')).to.equal(nothing);\n    });\n\n    it('builds correct url from base and identifier', () => {\n      const provider = new TileDisplayValueProvider({\n        baseNavigationUrl: 'base',\n      });\n      expect(provider.itemPageUrl('foo')).to.equal('base/details/foo');\n    });\n\n    it('allows base url to be empty', () => {\n      const provider = new TileDisplayValueProvider({ baseNavigationUrl: '' });\n      expect(provider.itemPageUrl('foo')).to.equal('/details/foo');\n    });\n\n    it('uses provided collection base path for collections', () => {\n      const provider = new TileDisplayValueProvider({\n        baseNavigationUrl: 'base',\n        collectionPagePath: '/collection/',\n      });\n      expect(provider.itemPageUrl('foo', true)).to.equal('base/collection/foo');\n    });\n  });\n});\n"]}

package/dist/test/tiles/tile-mediatype-icon.test.d.ts

@@ -0,0 +1 @@
+import '../../src/tiles/tile-mediatype-icon';

package/dist/test/tiles/tile-mediatype-icon.test.js

@@ -0,0 +1,145 @@
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../../src/tiles/tile-mediatype-icon';
+import { TileModel } from '../../src/models';
+describe('Mediatype Icon', () => {
+    let model;
+    beforeEach(() => {
+        model = new TileModel({});
+    });
+    it('renders component', async () => {
+        var _a;
+        model.mediatype = 'texts';
+        const el = await fixture(html `
+      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
+    `);
+        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        expect(iconDiv).to.exist;
+    });
+    it('renders basic mediatype correctly', async () => {
+        var _a;
+        model.mediatype = 'movies';
+        const el = await fixture(html `
+      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
+    `);
+        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        expect(iconDiv.title).to.equal('Movie');
+        expect(iconDiv.getAttribute('style')).to.include('#f1644b');
+        expect(iconDiv.children[0]).to.be.instanceOf(SVGElement);
+    });
+    it('renders TV mediatype', async () => {
+        var _a;
+        model.mediatype = 'movies';
+        model.collections = ['tvnews'];
+        const el = await fixture(html `
+      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
+    `);
+        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        expect(iconDiv.title).to.equal('TV');
+    });
+    it('renders TV Commercial mediatype for TV items with ad ids', async () => {
+        var _a;
+        model.mediatype = 'movies';
+        model.collections = ['tvnews'];
+        model.adIds = ['foo'];
+        const el = await fixture(html `
+      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
+    `);
+        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        expect(iconDiv.title).to.equal('TV Commercial');
+    });
+    it('renders TV Commercial mediatype for TV items in tv_ads collection', async () => {
+        var _a;
+        model.mediatype = 'movies';
+        model.collections = ['tvnews', 'tv_ads'];
+        const el = await fixture(html `
+      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
+    `);
+        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        expect(iconDiv.title).to.equal('TV Commercial');
+    });
+    it('renders TV Fact Check mediatype for TV search results with fact check URLs', async () => {
+        var _a;
+        model.hitType = 'tv_clip';
+        model.hitRequestSource = 'search_query';
+        model.mediatype = 'movies';
+        model.collections = ['tvnews'];
+        model.factChecks = ['https://example.com'];
+        const el = await fixture(html `
+      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
+    `);
+        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        expect(iconDiv.title).to.equal('TV Fact Check');
+    });
+    it('renders TV Fact Check mediatype for TV search results in factchecked collection', async () => {
+        var _a;
+        model.hitType = 'tv_clip';
+        model.hitRequestSource = 'search_query';
+        model.mediatype = 'movies';
+        model.collections = ['tvnews', 'factchecked'];
+        const el = await fixture(html `
+      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
+    `);
+        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        expect(iconDiv.title).to.equal('TV Fact Check');
+    });
+    it('does not use TV Fact Check mediatype for non-search results', async () => {
+        var _a;
+        model.hitType = 'tv_clip';
+        model.hitRequestSource = 'collection_members';
+        model.mediatype = 'movies';
+        model.collections = ['tvnews'];
+        model.factChecks = ['https://example.com'];
+        const el = await fixture(html `
+      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
+    `);
+        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        expect(iconDiv.title).to.equal('TV');
+    });
+    it('renders TV Quote mediatype for TV search results that are clips', async () => {
+        var _a;
+        model.hitType = 'tv_clip';
+        model.hitRequestSource = 'search_query';
+        model.mediatype = 'movies';
+        model.collections = ['tvnews'];
+        model.isClip = true;
+        const el = await fixture(html `
+      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
+    `);
+        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        expect(iconDiv.title).to.equal('TV Quote');
+    });
+    it('does not use TV Quote mediatype for non-search results', async () => {
+        var _a;
+        model.hitType = 'tv_clip';
+        model.hitRequestSource = 'collection_members';
+        model.mediatype = 'movies';
+        model.collections = ['tvnews'];
+        model.isClip = true;
+        const el = await fixture(html `
+      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
+    `);
+        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        expect(iconDiv.title).to.equal('TV');
+    });
+    it('renders radio mediatype', async () => {
+        var _a;
+        model.mediatype = 'audio';
+        model.collections = ['radio'];
+        const el = await fixture(html `
+      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
+    `);
+        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        expect(iconDiv.title).to.equal('Radio');
+    });
+    it('renders no icon if mediatype is unrecognized', async () => {
+        var _a;
+        model.mediatype = 'foobar';
+        const el = await fixture(html `
+      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>
+    `);
+        const iconDiv = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#icon');
+        expect(iconDiv).not.to.exist;
+    });
+});
+//# sourceMappingURL=tile-mediatype-icon.test.js.map

package/dist/test/tiles/tile-mediatype-icon.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile-mediatype-icon.test.js","sourceRoot":"","sources":["../../../test/tiles/tile-mediatype-icon.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { TileMediatypeIcon } from '../../src/tiles/tile-mediatype-icon';\n\nimport '../../src/tiles/tile-mediatype-icon';\nimport { TileModel } from '../../src/models';\nimport { MediaType } from '@internetarchive/field-parsers';\n\ndescribe('Mediatype Icon', () => {\n  let model: TileModel;\n  beforeEach(() => {\n    model = new TileModel({});\n  });\n\n  it('renders component', async () => {\n    model.mediatype = 'texts';\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon');\n    expect(iconDiv).to.exist;\n  });\n\n  it('renders basic mediatype correctly', async () => {\n    model.mediatype = 'movies';\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('Movie');\n    expect(iconDiv.getAttribute('style')).to.include('#f1644b');\n    expect(iconDiv.children[0]).to.be.instanceOf(SVGElement);\n  });\n\n  it('renders TV mediatype', async () => {\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV');\n  });\n\n  it('renders TV Commercial mediatype for TV items with ad ids', async () => {\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.adIds = ['foo'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Commercial');\n  });\n\n  it('renders TV Commercial mediatype for TV items in tv_ads collection', async () => {\n    model.mediatype = 'movies';\n    model.collections = ['tvnews', 'tv_ads'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Commercial');\n  });\n\n  it('renders TV Fact Check mediatype for TV search results with fact check URLs', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'search_query';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.factChecks = ['https://example.com'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Fact Check');\n  });\n\n  it('renders TV Fact Check mediatype for TV search results in factchecked collection', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'search_query';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews', 'factchecked'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Fact Check');\n  });\n\n  it('does not use TV Fact Check mediatype for non-search results', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'collection_members';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.factChecks = ['https://example.com'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV');\n  });\n\n  it('renders TV Quote mediatype for TV search results that are clips', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'search_query';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.isClip = true;\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV Quote');\n  });\n\n  it('does not use TV Quote mediatype for non-search results', async () => {\n    model.hitType = 'tv_clip';\n    model.hitRequestSource = 'collection_members';\n    model.mediatype = 'movies';\n    model.collections = ['tvnews'];\n    model.isClip = true;\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('TV');\n  });\n\n  it('renders radio mediatype', async () => {\n    model.mediatype = 'audio';\n    model.collections = ['radio'];\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon') as HTMLDivElement;\n    expect(iconDiv.title).to.equal('Radio');\n  });\n\n  it('renders no icon if mediatype is unrecognized', async () => {\n    model.mediatype = 'foobar' as MediaType;\n    const el = await fixture<TileMediatypeIcon>(html`\n      <tile-mediatype-icon .model=${model}></tile-mediatype-icon>\n    `);\n\n    const iconDiv = el.shadowRoot?.querySelector('#icon');\n    expect(iconDiv).not.to.exist;\n  });\n});\n"]}

package/dist/test/utils/array-equals.test.d.ts

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