@internetarchive/ia-item-navigator 0.0.0-a10 → 0.0.0-a16

package/dist/test/book-nav-stub.js

@@ -0,0 +1,49 @@
+import { __decorate } from "tslib";
+import { html, customElement, LitElement, property } from 'lit-element';
+let BookNavigator = class BookNavigator extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.signedIn = null;
+    }
+    emitLoadingStatusUpdate() { }
+    addMenuShortcut(menuId) {
+        return menuId;
+    }
+    removeMenuShortcut(menuId) {
+        return menuId;
+    }
+    sortMenuShortcuts() { }
+    emitMenuShortcutsUpdated() { }
+    render() {
+        return html ` <p>foo</p> `;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], BookNavigator.prototype, "modal", void 0);
+__decorate([
+    property({ type: Object })
+], BookNavigator.prototype, "itemMD", void 0);
+__decorate([
+    property({ type: String })
+], BookNavigator.prototype, "baseHost", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BookNavigator.prototype, "signedIn", void 0);
+__decorate([
+    property({ type: Boolean })
+], BookNavigator.prototype, "sideMenuOpen", void 0);
+__decorate([
+    property({ attribute: false })
+], BookNavigator.prototype, "sharedObserver", void 0);
+__decorate([
+    property({ type: Array })
+], BookNavigator.prototype, "menuProviders", void 0);
+__decorate([
+    property({ type: Array })
+], BookNavigator.prototype, "menuShortcuts", void 0);
+BookNavigator = __decorate([
+    customElement('book-navigator')
+], BookNavigator);
+export { BookNavigator };
+//# sourceMappingURL=book-nav-stub.js.map

package/dist/test/book-nav-stub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"book-nav-stub.js","sourceRoot":"","sources":["../../test/book-nav-stub.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQxE,IAAa,aAAa,GAA1B,MAAa,aACX,SAAQ,UAAU;IADpB;;QAS8C,aAAQ,GAAoB,IAAI,CAAC;IA2B/E,CAAC;IAjBC,uBAAuB,KAAI,CAAC;IAE5B,eAAe,CAAC,MAAc;QAC5B,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,kBAAkB,CAAC,MAAc;QAC/B,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,iBAAiB,KAAI,CAAC;IAEtB,wBAAwB,KAAI,CAAC;IAE7B,MAAM;QACJ,OAAO,IAAI,CAAA,cAAc,CAAC;IAC5B,CAAC;CACF,CAAA;AAjCiC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4CAAsB;AAEzB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAA2B;AAE1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAmB;AAEF;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAkC;AAEhD;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDAAwB;AAEpB;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;qDAAuC;AAE3C;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;oDAAyC;AAExC;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;oDAAyC;AAjBxD,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAoCzB;SApCY,aAAa","sourcesContent":["import { ModalManager } from '@internetarchive/modal-manager';\nimport { SharedResizeObserver } from '@internetarchive/shared-resize-observer';\nimport { html, customElement, LitElement, property } from 'lit-element';\nimport { MetadataResponse } from '@internetarchive/search-service';\nimport {\n  MenuProviderInterface,\n  MenuShortcutInterface,\n} from '../src/interfaces/menu-interfaces';\nimport { CustomTheaterInterface } from '../src/interfaces/custom-theater-interface';\n@customElement('book-navigator')\nexport class BookNavigator\n  extends LitElement\n  implements CustomTheaterInterface {\n  @property({ attribute: false }) modal?: ModalManager;\n\n  @property({ type: Object }) itemMD?: MetadataResponse;\n\n  @property({ type: String }) baseHost?: string;\n\n  @property({ type: Boolean, reflect: true }) signedIn?: boolean | null = null;\n\n  @property({ type: Boolean }) sideMenuOpen!: boolean;\n\n  @property({ attribute: false }) sharedObserver?: SharedResizeObserver;\n\n  @property({ type: Array }) menuProviders?: MenuProviderInterface[];\n\n  @property({ type: Array }) menuShortcuts?: MenuShortcutInterface[];\n\n  emitLoadingStatusUpdate() {}\n\n  addMenuShortcut(menuId: string) {\n    return menuId;\n  }\n\n  removeMenuShortcut(menuId: string) {\n    return menuId;\n  }\n\n  sortMenuShortcuts() {}\n\n  emitMenuShortcutsUpdated() {}\n\n  render() {\n    return html` <p>foo</p> `;\n  }\n}\n"]}

package/dist/test/ia-item-navigator.test.d.ts

@@ -1 +1,2 @@
 import '../src/item-navigator';
+import '../test/book-nav-stub';

package/dist/test/ia-item-navigator.test.js

@@ -1,169 +1,317 @@
 /* eslint-disable camelcase */
-/* eslint-disable import/no-duplicates */
 import { html, fixture, expect } from '@open-wc/testing';
 import Sinon from 'sinon';
-// import { MetadataResponse, Metadata, File, Review, SpeechMusicASREntry } from '@internetarchive/search-service';
-import { SharedResizeObserver,
-// SharedResizeObserverInterface
- } from '@internetarchive/shared-resize-observer';
+import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
+import { ModalManager } from '@internetarchive/modal-manager';
+import { ItemType } from '../src/item-navigator';
 import '../src/item-navigator';
-// import { IaItemInspector } from '../src/item-inspector/item-inspector';
-// class ItemStub implements MetadataResponse {
-//   constructor() {
-//     this.rawResponse = '';
-//     this.created = 1;
-//     this.d1 = 'hello';
-//     this.d2 = 'boop';
-//     this.dir = 'whee';
-//     this.files = [];
-//     this.files_count = 0;
-//     this.item_last_updated = 2020;
-//     this.item_size = 111;
-//     this.metadata = { identifier: 'foo' } as Metadata;
-//     this.server = 'foo-server';
-//     this.uniq = 2;
-//     this.workable_servers = ['abc'];
-//   }
-//   rawResponse: any;
-//   created: number;
-//   d1: string;
-//   d2: string;
-//   dir: string;
-//   files: File[];
-//   files_count: number;
-//   item_last_updated: number;
-//   item_size: number;
-//   metadata: Metadata;
-//   server: string;
-//   uniq: number;
-//   workable_servers: string[];
-//   speech_vs_music_asr?: SpeechMusicASREntry[] | undefined;
-//   reviews?: Review[] | undefined;
-// };
+import '../test/book-nav-stub';
+import { ItemStub, menuProvider, shortcut } from '../test/ia-stub';
 afterEach(() => {
     Sinon.restore();
 });
 describe('ItemNavigator', () => {
-    describe('Loading Behavior', () => {
-        it('shows the spinning loader', async () => {
+    describe('Theaters', () => {
+        it('shows <ia-no-theater-available> by default', async () => {
             var _a;
-            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
-            expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ia-itemnav-loader')).to.be.exist;
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ia-no-theater-available')).to.exist;
         });
-        it('hides reader section if not `loaded`', async () => {
+        it('shows <book-navigator> if `this.itemType = "bookreader"`', async () => {
             var _a;
-            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
-            const mainTheaterSection = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#reader');
-            expect(mainTheaterSection).to.be.exist;
-            expect(mainTheaterSection === null || mainTheaterSection === void 0 ? void 0 : mainTheaterSection.classList.contains('hide')).to.be.true;
-            expect(el.loaded).to.be.false;
-            expect(el.hasAttribute('loaded')).to.equal(false);
+            const el = await fixture(html `<ia-item-navigator
+          .itemType=${ItemType.BOOK}
+          .item=${new ItemStub()}
+          .modal=${new ModalManager()}
+          .sharedObserver=${new SharedResizeObserver()}
+        ></ia-item-navigator>`);
+            await el.updateComplete;
+            el.toggleMenu();
+            await el.updateComplete;
+            const bookNavigator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('book-navigator');
+            await bookNavigator.updateComplete;
+            console.log('132234234324324324');
+            // TODO: add BookNavigator type & import via @internetarchive/bookreader
+            // For now, let's check that the BookNavigator element and its properties exist w/ stub
+            expect(bookNavigator).to.exist;
+            expect(bookNavigator === null || bookNavigator === void 0 ? void 0 : bookNavigator.modal).to.exist;
+            expect(bookNavigator === null || bookNavigator === void 0 ? void 0 : bookNavigator.baseHost).to.exist;
+            expect(bookNavigator === null || bookNavigator === void 0 ? void 0 : bookNavigator.signedIn).to.be.null;
+            expect(bookNavigator === null || bookNavigator === void 0 ? void 0 : bookNavigator.sharedObserver).to.exist;
+            expect(bookNavigator === null || bookNavigator === void 0 ? void 0 : bookNavigator.sideMenuOpen).to.exist;
         });
-        it('shows reader once `loaded`', async () => {
+    });
+    describe('`el.loaded`', () => {
+        it('toggles the spinning loader', async () => {
             var _a;
             const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
-            el.loaded = true;
-            await el.updateComplete;
+            expect(el.loaded).to.be.null; // initial load
+            expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ia-itemnav-loader')).to.exist;
+        });
+        it('hides reader section if `!loaded`', async () => {
+            var _a, _b;
+            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
+            expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#reader')) === null || _b === void 0 ? void 0 : _b.getAttribute('class')).to.contain('hide');
+        });
+        it('shows reader when `loaded` ', async () => {
+            var _a, _b;
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
             const mainTheaterSection = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#reader');
             expect(mainTheaterSection === null || mainTheaterSection === void 0 ? void 0 : mainTheaterSection.classList.contains('hide')).to.be.false;
             expect(el.loaded).to.be.true;
             // `loaded` property is reflected as DOM attribute
             expect(el.hasAttribute('loaded')).to.equal(true);
+            expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('ia-no-theater-available')).to.exist;
         });
-        // it('listens to event `loadingStateUpdated` to signal load', async () => {
-        //   const item = new ItemStub() as MetadataResponse;
-        //   const el = await fixture<ItemNavigator>(
-        //     html`<ia-item-navigator .item=${item}></ia-item-navigator>`
-        //   );
-        //   // const loadSpy = Sinon.spy();
-        //   // el.loadingStateUpdated = loadSpy;
-        //   await el.updateComplete;
-        //   expect(el?.item).to.not.be.undefined;
-        //   const mainTheaterSection = el.shadowRoot?.querySelector('#reader');
-        //   const contentController = mainTheaterSection?.querySelector('ia-item-inspector');
-        //   expect(contentController).to.equal(32324);
-        //   // const loadingEvent = new CustomEvent('loadingStateUpdated', { detail: { loaded: true }}) as IntLoadingStateUpdatedEvent;
-        //   // contentController?.emitLoadingStatusUpdate(true);
-        //   // await contentController?.updateComplete;
-        //   // await el.updateComplete;
-        // });
-    });
-    describe('It uses a shared ResizeObserver', () => {
-        it('can create one', async () => {
+        it('listens to `@loadingStateUpdated` to update `loaded`', async () => {
             const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
             await el.updateComplete;
-            expect(el.sharedObserver).to.not.be.null;
-            expect(el.sharedObserver).to.be.instanceOf(SharedResizeObserver);
+            const spy = Sinon.spy();
+            el.loadingStateUpdated = spy;
+            el.loaded = null;
+            await el.updateComplete;
+            // check base properties
+            expect(el.loaded).to.equal(null);
+            expect(el.item).to.be.undefined;
+            // hydrate item
+            el.item = new ItemStub();
+            await el.updateComplete;
+            // spy fires
+            expect(spy.called).to.equal(true);
+            expect(spy.callCount).to.equal(1);
         });
-        it('can recieve one', async () => {
+    });
+    describe('`el.sharedObserver`', () => {
+        it('uses one', async () => {
             const sharedObserver = new SharedResizeObserver();
             const el = await fixture(html `<ia-item-navigator
           .sharedObserver=${sharedObserver}
         ></ia-item-navigator>`);
-            await el.updateComplete;
-            expect(el.sharedObserver).to.be.instanceOf(SharedResizeObserver);
+            expect(el.sharedObserver).to.equal(sharedObserver);
+            expect(typeof el.handleResize).to.equal('function');
         });
-    });
-    describe('It uses a shared modal component', () => {
-        it('can create one', async () => {
-            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
-            await el.updateComplete;
-            expect(el.sharedObserver).to.not.be.null;
-            expect(el.sharedObserver).to.be.instanceOf(SharedResizeObserver);
+        it('freshly registers handler', async () => {
+            const sharedObserver = new SharedResizeObserver();
+            const addObserverSpy = Sinon.spy(sharedObserver, 'addObserver');
+            await fixture(html `<ia-item-navigator
+          .sharedObserver=${sharedObserver}
+        ></ia-item-navigator>`);
+            expect(addObserverSpy.callCount).to.equal(1);
         });
-        it('can recieve one', async () => {
+        it('removes handler when component disconnects', async () => {
             const sharedObserver = new SharedResizeObserver();
-            const observerSpy = Sinon.stub(sharedObserver, 'addObserver');
+            const removeObserverSpy = Sinon.spy(sharedObserver, 'removeObserver');
             const el = await fixture(html `<ia-item-navigator
           .sharedObserver=${sharedObserver}
         ></ia-item-navigator>`);
+            el.disconnectedCallback();
+            await el.updateComplete;
+            expect(removeObserverSpy.callCount).to.equal(1);
+        });
+        it('sets menu to overlay if container width is <= 600px', async () => {
+            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
+            expect(el.openMenuState).to.equal('shift'); // as starting point
+            const overlaySize = {
+                contentRect: { width: 600 },
+            };
+            el.handleResize(overlaySize);
+            await el.updateComplete;
+            expect(el.openMenuState).to.equal('overlay'); // changes open menu display to an overlay
+            const shiftSize = {
+                contentRect: { width: 601 },
+            };
+            el.handleResize(shiftSize);
+            await el.updateComplete;
+            expect(el.openMenuState).to.equal('shift');
+        });
+    });
+    describe('`el.modal`', () => {
+        it('uses one', async () => {
+            const modal = new ModalManager();
+            const el = await fixture(html `<ia-item-navigator .modal=${modal}></ia-item-navigator>`);
+            expect(el.modal).to.equal(modal);
+        });
+    });
+    describe('full browser window immersion "fullscreen"', () => {
+        it('creates reflected attribute `viewportinfullscreen`', async () => {
+            /** to help with external styling adjustmnents */
+            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
+            expect(el.getAttribute('viewportinfullscreen')).to.be.null;
+            el.viewportInFullscreen = true;
+            await el.updateComplete;
+            expect(el.getAttribute('viewportinfullscreen')).to.exist;
+        });
+        it('@ViewportInFullScreen', async () => {
+            const el = await fixture(html `<ia-item-navigator></ia-item-navigator>`);
+            expect(el.viewportInFullscreen).to.be.null;
+            const yesFullscreenEvent = {
+                detail: {
+                    isFullScreen: true,
+                },
+            };
+            el.manageViewportFullscreen(yesFullscreenEvent);
+            await el.updateComplete;
+            expect(el.viewportInFullscreen).to.be.true;
+            const noFullscreenEvent = {
+                detail: {
+                    isFullScreen: false,
+                },
+            };
+            el.manageViewportFullscreen(noFullscreenEvent);
+            await el.updateComplete;
+            expect(el.viewportInFullscreen).to.be.null;
+        });
+    });
+    /* Side menu & shortcuts tests */
+    describe('el.menuOpened', () => {
+        it('toggles side menu open', async () => {
+            var _a, _b, _c;
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            el.menuContents = [menuProvider];
+            await el.updateComplete;
+            const nav = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('nav');
+            expect(nav === null || nav === void 0 ? void 0 : nav.querySelector('#menu')).to.exist;
+            // side menu starts closed
+            expect(el.menuOpened).to.be.false;
+            expect((_b = nav === null || nav === void 0 ? void 0 : nav.querySelector('#menu')) === null || _b === void 0 ? void 0 : _b.getAttribute('class')).to.contain('hidden');
+            // let's open menu
+            el.toggleMenu();
+            await el.updateComplete;
+            expect(el.menuOpened).to.be.true;
+            expect((_c = nav === null || nav === void 0 ? void 0 : nav.querySelector('#menu')) === null || _c === void 0 ? void 0 : _c.getAttribute('class')).to.not.contain('hidden');
+        });
+        it('opens menu shortcut with `@manageSideMenuEvents`', async () => {
+            var _a;
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const detail = {
+                menuId: 'fullscreen',
+                action: 'open',
+            };
+            el.menuContents = [menuProvider];
+            await el.updateComplete;
+            const frame = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#frame');
+            // default menu open behavior is to side menu open, not overlay
+            expect(frame === null || frame === void 0 ? void 0 : frame.getAttribute('class')).to.contain('shift');
+            expect(el.menuOpened).to.be.false;
+            expect(el.openMenu).to.be.undefined;
+            expect(frame === null || frame === void 0 ? void 0 : frame.getAttribute('class')).to.not.contain('open');
+            const event = new CustomEvent('updateSideMenu', {
+                detail,
+            });
+            el.manageSideMenuEvents(event);
+            await el.updateComplete;
+            expect(el.shouldRenderMenu).to.be.true;
+            expect(el.menuOpened).to.be.true;
+            expect(el.openMenu).to.equal(detail.menuId);
+            expect(frame === null || frame === void 0 ? void 0 : frame.getAttribute('class')).to.contain('open');
+            // no menu provided
+            const openShortcutSpy = Sinon.spy(el, 'openShortcut');
+            const toggleMenuSpy = Sinon.spy(el, 'toggleMenu');
+            const noMenuProvidedEvent = new CustomEvent('updateSideMenu', {
+                detail: {},
+            });
+            el.manageSideMenuEvents(noMenuProvidedEvent);
+            await el.updateComplete;
+            expect(openShortcutSpy.called).to.be.false;
+            expect(toggleMenuSpy.called).to.be.false;
+            // toggle menu
+            const toggleMenuEvent = new CustomEvent('updateSideMenu', {
+                detail: { action: 'toggle', menuId: 'fullscreen' },
+            });
+            el.manageSideMenuEvents(toggleMenuEvent);
+            await el.updateComplete;
+            expect(toggleMenuSpy.callCount).to.equal(1);
+            // open menu
+            const openMenuEvent = new CustomEvent('updateSideMenu', {
+                detail: { action: 'open', menuId: 'fullscreen' },
+            });
+            el.manageSideMenuEvents(openMenuEvent);
+            await el.updateComplete;
+            expect(openShortcutSpy.callCount).to.equal(1);
+        });
+    });
+    describe('el.menuContents', () => {
+        it('draws side menu when populated', async () => {
+            var _a;
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            el.menuContents = [menuProvider];
+            await el.updateComplete;
+            expect(el.menuContents.length).to.exist;
+            expect(el.shouldRenderMenu).to.be.true;
+            const nav = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('nav');
+            expect(nav).to.exist;
+            const menuSlider = nav === null || nav === void 0 ? void 0 : nav.querySelector('ia-menu-slider');
+            expect(menuSlider).to.exist;
+            expect(menuSlider === null || menuSlider === void 0 ? void 0 : menuSlider.getAttribute('manuallyhandleclose')).to.exist;
+            expect(menuSlider === null || menuSlider === void 0 ? void 0 : menuSlider.getAttribute('open')).to.exist;
+        });
+    });
+    describe('`el.menuShortcuts`', () => {
+        it('displays shortcut & toggle side menu button', async () => {
+            var _a;
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            const anotherShortcut = {
+                id: 'foo',
+                icon: html `<i class="foo-shortcut"></i>`,
+            };
+            el.menuContents = [menuProvider];
+            el.menuShortcuts = [shortcut, anotherShortcut];
+            await el.updateComplete;
+            const nav = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('nav');
+            const shortcutsContainer = nav === null || nav === void 0 ? void 0 : nav.querySelector('.shortcuts');
+            expect(el.menuShortcuts.length).to.exist;
+            expect(nav).to.exist;
+            expect(shortcutsContainer).to.exist;
+            expect(shortcutsContainer === null || shortcutsContainer === void 0 ? void 0 : shortcutsContainer.querySelector('i.fullscreen-test')).to.exist;
+            expect(shortcutsContainer === null || shortcutsContainer === void 0 ? void 0 : shortcutsContainer.querySelector('button.shortcut.foo')).to.exist;
+            expect(nav === null || nav === void 0 ? void 0 : nav.querySelector('.toggle-menu')).to.exist;
+        });
+    });
+    describe('Menu events', () => {
+        it('`el.setMenuShortcuts`', async () => {
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            expect(el.menuShortcuts.length).to.equal(0);
+            const menuShortcuts = [shortcut];
+            el.setMenuShortcuts({
+                detail: menuShortcuts,
+            });
+            await el.updateComplete;
+            expect(el.menuShortcuts.length).to.equal(1);
+        });
+        it('`el.setMenuContents`', async () => {
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            expect(el.menuContents.length).to.equal(0);
+            el.setMenuShortcuts({
+                detail: [menuProvider],
+            });
+            await el.updateComplete;
+            expect(el.menuShortcuts.length).to.equal(1);
+        });
+        it('`el.setOpenMenu`', async () => {
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            el.setOpenMenu({
+                detail: { id: 'foo' },
+            });
+            await el.updateComplete;
+            expect(el.openMenu).to.equal('foo');
+            expect(el.selectedMenuId).to.equal('foo');
+            // toggles it off
+            el.setOpenMenu({
+                detail: { id: 'foo' },
+            });
+            await el.updateComplete;
+            expect(el.openMenu).to.be.undefined;
+            expect(el.selectedMenuId).to.equal('');
+        });
+        it('`el.closeMenu`', async () => {
+            const el = await fixture(html `<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`);
+            el.menuOpened = true;
+            await el.updateComplete;
+            expect(el.menuOpened).to.be.true;
+            el.closeMenu();
             await el.updateComplete;
-            expect(el.sharedObserver).to.be.instanceOf(SharedResizeObserver);
-            expect(observerSpy.called).to.equal(true);
+            expect(el.menuOpened).to.be.false;
         });
     });
-    // describe('full browser window immersion "fullscreen"', () => {
-    //   it('creates reflected attribute `viewportinfullscreen`', () =>{
-    //     /** to help with external styling adjustmnents */
-    //   });
-    // });
-    // describe('Loads side menu contents', () =>{
-    // });
-    // describe('Menu Shortcuts', () => {
-    // });
-    //   it('passes the a11y audit', async () => {
-    //     const el = await fixture<YourWebComponent>(
-    //       html`<your-webcomponent></your-webcomponent>`
-    //     );
-    //     await expect(el).shadowDom.to.be.accessible();
-    //   });
 });
-// describe('YourWebComponent', () => {
-//   it('has a default title "Hey there" and counter 5', async () => {
-//     const el = await fixture<YourWebComponent>(
-//       html`<your-webcomponent></your-webcomponent>`
-//     );
-//     expect(el.title).to.equal('Hey there');
-//     expect(el.counter).to.equal(5);
-//   });
-//   it('increases the counter on button click', async () => {
-//     const el = await fixture<YourWebComponent>(
-//       html`<your-webcomponent></your-webcomponent>`
-//     );
-//     el.shadowRoot!.querySelector('button')!.click();
-//     expect(el.counter).to.equal(6);
-//   });
-//   it('can override the title via attribute', async () => {
-//     const el = await fixture<YourWebComponent>(
-//       html`<your-webcomponent title="attribute title"></your-webcomponent>`
-//     );
-//     expect(el.title).to.equal('attribute title');
-//   });
-//   it('passes the a11y audit', async () => {
-//     const el = await fixture<YourWebComponent>(
-//       html`<your-webcomponent></your-webcomponent>`
-//     );
-//     await expect(el).shadowDom.to.be.accessible();
-//   });
-// });
 //# sourceMappingURL=ia-item-navigator.test.js.map

package/dist/test/ia-item-navigator.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"ia-item-navigator.test.js","sourceRoot":"","sources":["../../test/ia-item-navigator.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable camelcase */\n/* eslint-disable import/no-duplicates */\nimport { html, fixture, expect } from '@open-wc/testing';\nimport Sinon from 'sinon';\n// import { MetadataResponse, Metadata, File, Review, SpeechMusicASREntry } from '@internetarchive/search-service';\nimport {\n  SharedResizeObserver,\n  // SharedResizeObserverInterface\n} from '@internetarchive/shared-resize-observer';\n\n// import { IntLoadingStateUpdatedEvent } from '../src/interfaces/event-interfaces';\nimport { ItemNavigator } from '../src/item-navigator';\nimport '../src/item-navigator';\n// import { IaItemInspector } from '../src/item-inspector/item-inspector';\n\n// class ItemStub implements MetadataResponse {\n//   constructor() {\n//     this.rawResponse = '';\n//     this.created = 1;\n//     this.d1 = 'hello';\n//     this.d2 = 'boop';\n//     this.dir = 'whee';\n//     this.files = [];\n//     this.files_count = 0;\n//     this.item_last_updated = 2020;\n//     this.item_size = 111;\n//     this.metadata = { identifier: 'foo' } as Metadata;\n//     this.server = 'foo-server';\n//     this.uniq = 2;\n//     this.workable_servers = ['abc'];\n//   }\n\n//   rawResponse: any;\n\n//   created: number;\n\n//   d1: string;\n\n//   d2: string;\n\n//   dir: string;\n\n//   files: File[];\n\n//   files_count: number;\n\n//   item_last_updated: number;\n\n//   item_size: number;\n\n//   metadata: Metadata;\n\n//   server: string;\n\n//   uniq: number;\n\n//   workable_servers: string[];\n\n//   speech_vs_music_asr?: SpeechMusicASREntry[] | undefined;\n\n//   reviews?: Review[] | undefined;\n// };\n\nafterEach(() => {\n  Sinon.restore();\n});\n\ndescribe('ItemNavigator', () => {\n  describe('Loading Behavior', () => {\n    it('shows the spinning loader', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator></ia-item-navigator>`\n      );\n      expect(el.shadowRoot?.querySelector('ia-itemnav-loader')).to.be.exist;\n    });\n    it('hides reader section if not `loaded`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator></ia-item-navigator>`\n      );\n      const mainTheaterSection = el.shadowRoot?.querySelector('#reader');\n      expect(mainTheaterSection).to.be.exist;\n      expect(mainTheaterSection?.classList.contains('hide')).to.be.true;\n      expect(el.loaded).to.be.false;\n      expect(el.hasAttribute('loaded')).to.equal(false);\n    });\n    it('shows reader once `loaded`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator></ia-item-navigator>`\n      );\n      el.loaded = true;\n      await el.updateComplete;\n\n      const mainTheaterSection = el.shadowRoot?.querySelector('#reader');\n      expect(mainTheaterSection?.classList.contains('hide')).to.be.false;\n      expect(el.loaded).to.be.true;\n      // `loaded` property is reflected as DOM attribute\n      expect(el.hasAttribute('loaded')).to.equal(true);\n    });\n\n    // it('listens to event `loadingStateUpdated` to signal load', async () => {\n    //   const item = new ItemStub() as MetadataResponse;\n    //   const el = await fixture<ItemNavigator>(\n    //     html`<ia-item-navigator .item=${item}></ia-item-navigator>`\n    //   );\n    //   // const loadSpy = Sinon.spy();\n    //   // el.loadingStateUpdated = loadSpy;\n    //   await el.updateComplete;\n\n    //   expect(el?.item).to.not.be.undefined;\n\n    //   const mainTheaterSection = el.shadowRoot?.querySelector('#reader');\n\n    //   const contentController = mainTheaterSection?.querySelector('ia-item-inspector');\n\n    //   expect(contentController).to.equal(32324);\n\n    //   // const loadingEvent = new CustomEvent('loadingStateUpdated', { detail: { loaded: true }}) as IntLoadingStateUpdatedEvent;\n    //   // contentController?.emitLoadingStatusUpdate(true);\n\n    //   // await contentController?.updateComplete;\n    //   // await el.updateComplete;\n\n    // });\n  });\n\n  describe('It uses a shared ResizeObserver', () => {\n    it('can create one', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator></ia-item-navigator>`\n      );\n      await el.updateComplete;\n      expect(el.sharedObserver).to.not.be.null;\n      expect(el.sharedObserver).to.be.instanceOf(SharedResizeObserver);\n    });\n\n    it('can recieve one', async () => {\n      const sharedObserver = new SharedResizeObserver();\n\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator\n          .sharedObserver=${sharedObserver}\n        ></ia-item-navigator>`\n      );\n      await el.updateComplete;\n      expect(el.sharedObserver).to.be.instanceOf(SharedResizeObserver);\n    });\n  });\n\n  describe('It uses a shared modal component', () => {\n    it('can create one', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator></ia-item-navigator>`\n      );\n      await el.updateComplete;\n      expect(el.sharedObserver).to.not.be.null;\n      expect(el.sharedObserver).to.be.instanceOf(SharedResizeObserver);\n    });\n\n    it('can recieve one', async () => {\n      const sharedObserver = new SharedResizeObserver();\n      const observerSpy = Sinon.stub(sharedObserver, 'addObserver');\n\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator\n          .sharedObserver=${sharedObserver}\n        ></ia-item-navigator>`\n      );\n      await el.updateComplete;\n      expect(el.sharedObserver).to.be.instanceOf(SharedResizeObserver);\n      expect(observerSpy.called).to.equal(true);\n    });\n  });\n\n  // describe('full browser window immersion \"fullscreen\"', () => {\n  //   it('creates reflected attribute `viewportinfullscreen`', () =>{\n  //     /** to help with external styling adjustmnents */\n  //   });\n  // });\n\n  // describe('Loads side menu contents', () =>{\n  // });\n\n  // describe('Menu Shortcuts', () => {\n  // });\n\n  //   it('passes the a11y audit', async () => {\n  //     const el = await fixture<YourWebComponent>(\n  //       html`<your-webcomponent></your-webcomponent>`\n  //     );\n\n  //     await expect(el).shadowDom.to.be.accessible();\n  //   });\n});\n\n// describe('YourWebComponent', () => {\n//   it('has a default title \"Hey there\" and counter 5', async () => {\n//     const el = await fixture<YourWebComponent>(\n//       html`<your-webcomponent></your-webcomponent>`\n//     );\n\n//     expect(el.title).to.equal('Hey there');\n//     expect(el.counter).to.equal(5);\n//   });\n\n//   it('increases the counter on button click', async () => {\n//     const el = await fixture<YourWebComponent>(\n//       html`<your-webcomponent></your-webcomponent>`\n//     );\n//     el.shadowRoot!.querySelector('button')!.click();\n\n//     expect(el.counter).to.equal(6);\n//   });\n\n//   it('can override the title via attribute', async () => {\n//     const el = await fixture<YourWebComponent>(\n//       html`<your-webcomponent title=\"attribute title\"></your-webcomponent>`\n//     );\n\n//     expect(el.title).to.equal('attribute title');\n//   });\n\n//   it('passes the a11y audit', async () => {\n//     const el = await fixture<YourWebComponent>(\n//       html`<your-webcomponent></your-webcomponent>`\n//     );\n\n//     await expect(el).shadowDom.to.be.accessible();\n//   });\n// });\n"]}
+{"version":3,"file":"ia-item-navigator.test.js","sourceRoot":"","sources":["../../test/ia-item-navigator.test.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAiB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,uBAAuB,CAAC;AAE/B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AASnE,SAAS,CAAC,GAAG,EAAE;IACb,KAAK,CAAC,OAAO,EAAE,CAAC;AAClB,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACxB,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;;YAC1D,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,4BAA4B,IAAI,QAAQ,EAAE,uBAAuB,CACtE,CAAC;YACF,MAAM,CAAC,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC3E,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0DAA0D,EAAE,KAAK,IAAI,EAAE;;YACxE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;sBACU,QAAQ,CAAC,IAAI;kBACjB,IAAI,QAAQ,EAAE;mBACb,IAAI,YAAY,EAAE;4BACT,IAAI,oBAAoB,EAAE;8BACxB,CACvB,CAAC;YAEF,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,EAAE,CAAC,UAAU,EAAE,CAAC;YAChB,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,aAAa,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAChD,gBAAgB,CACS,CAAC;YAC5B,MAAM,aAAa,CAAC,cAAc,CAAC;YAEnC,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;YAClC,wEAAwE;YACxE,uFAAuF;YACvF,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAC/B,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YACtC,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YACzC,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;YAC3C,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAC/C,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;QAC3B,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;;YAC3C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;YACF,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe;YAC7C,MAAM,CAAC,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACrE,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;;YACjD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;YAEF,MAAM,CACJ,MAAA,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,SAAS,CAAC,0CAAE,YAAY,CAAC,OAAO,CAAC,CAC/D,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;;YAC3C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,4BAA4B,IAAI,QAAQ,EAAE,uBAAuB,CACtE,CAAC;YAEF,MAAM,kBAAkB,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,SAAS,CAAC,CAAC;YACnE,MAAM,CAAC,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;YACnE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;YAC7B,kDAAkD;YAClD,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACjD,MAAM,CAAC,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC3E,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;YACpE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;YAEF,MAAM,EAAE,CAAC,cAAc,CAAC;YACxB,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;YACxB,EAAE,CAAC,mBAAmB,GAAG,GAAG,CAAC;YAC7B,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC;YACjB,MAAM,EAAE,CAAC,cAAc,CAAC;YACxB,wBAAwB;YACxB,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACjC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC;YAEhC,eAAe;YACf,EAAE,CAAC,IAAI,GAAG,IAAI,QAAQ,EAAE,CAAC;YACzB,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,YAAY;YACZ,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAClC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;QACnC,EAAE,CAAC,UAAU,EAAE,KAAK,IAAI,EAAE;YACxB,MAAM,cAAc,GAAG,IAAI,oBAAoB,EAAE,CAAC;YAClD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;4BACgB,cAAc;8BACZ,CACvB,CAAC;YAEF,MAAM,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;YACnD,MAAM,CAAC,OAAO,EAAE,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,2BAA2B,EAAE,KAAK,IAAI,EAAE;YACzC,MAAM,cAAc,GAAG,IAAI,oBAAoB,EAAE,CAAC;YAClD,MAAM,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC;YAEhE,MAAM,OAAO,CACX,IAAI,CAAA;4BACgB,cAAc;8BACZ,CACvB,CAAC;YAEF,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;YAC1D,MAAM,cAAc,GAAG,IAAI,oBAAoB,EAAE,CAAC;YAClD,MAAM,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;YAEtE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA;4BACgB,cAAc;8BACZ,CACvB,CAAC;YAEF,EAAE,CAAC,oBAAoB,EAAE,CAAC;YAC1B,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;YACnE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;YAEF,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB;YAEhE,MAAM,WAAW,GAAG;gBAClB,WAAW,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;aACL,CAAC;YACzB,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;YAC7B,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,0CAA0C;YAExF,MAAM,SAAS,GAAG;gBAChB,WAAW,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;aACL,CAAC;YACzB,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YAC3B,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;QAC1B,EAAE,CAAC,UAAU,EAAE,KAAK,IAAI,EAAE;YACxB,MAAM,KAAK,GAAG,IAAI,YAAY,EAAE,CAAC;YACjC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,6BAA6B,KAAK,uBAAuB,CAC9D,CAAC;YACF,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,4CAA4C,EAAE,GAAG,EAAE;QAC1D,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;YAClE,iDAAiD;YACjD,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;YACF,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;YAE3D,EAAE,CAAC,oBAAoB,GAAG,IAAI,CAAC;YAC/B,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC3D,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;YACrC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,yCAAyC,CAC9C,CAAC;YACF,MAAM,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;YAE3C,MAAM,kBAAkB,GAAG;gBACzB,MAAM,EAAE;oBACN,YAAY,EAAE,IAAI;iBACnB;aACuB,CAAC;YAC3B,EAAE,CAAC,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;YAChD,MAAM,EAAE,CAAC,cAAc,CAAC;YACxB,MAAM,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;YAE3C,MAAM,iBAAiB,GAAG;gBACxB,MAAM,EAAE;oBACN,YAAY,EAAE,KAAK;iBACpB;aACuB,CAAC;YAC3B,EAAE,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;YAC/C,MAAM,EAAE,CAAC,cAAc,CAAC;YACxB,MAAM,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,iCAAiC;IACjC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;QAC7B,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;;YACtC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,4BAA4B,IAAI,QAAQ,EAAE,uBAAuB,CACtE,CAAC;YAEF,EAAE,CAAC,YAAY,GAAG,CAAC,YAAY,CAAC,CAAC;YACjC,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,GAAG,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,KAAK,CAAC,CAAC;YAEhD,MAAM,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAC7C,0BAA0B;YAC1B,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;YAClC,MAAM,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAa,CAAC,OAAO,CAAC,0CAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CACnE,QAAQ,CACT,CAAC;YAEF,kBAAkB;YAClB,EAAE,CAAC,UAAU,EAAE,CAAC;YAChB,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;YACjC,MAAM,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAa,CAAC,OAAO,CAAC,0CAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CACvE,QAAQ,CACT,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;;YAChE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,4BAA4B,IAAI,QAAQ,EAAE,uBAAuB,CACtE,CAAC;YACF,MAAM,MAAM,GAAG;gBACb,MAAM,EAAE,YAAY;gBACpB,MAAM,EAAE,MAAM;aACf,CAAC;YAEF,EAAE,CAAC,YAAY,GAAG,CAAC,YAAY,CAAC,CAAC;YACjC,MAAM,EAAE,CAAC,cAAc,CAAC;YACxB,MAAM,KAAK,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;YACrD,+DAA+D;YAC/D,MAAM,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAEzD,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;YAClC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC;YACpC,MAAM,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAE5D,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,gBAAgB,EAAE;gBAC9C,MAAM;aACP,CAA4B,CAAC;YAC9B,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC/B,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;YACvC,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;YACjC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAE5C,MAAM,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAExD,mBAAmB;YACnB,MAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC;YACtD,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;YAElD,MAAM,mBAAmB,GAAG,IAAI,WAAW,CAAC,gBAAgB,EAAE;gBAC5D,MAAM,EAAE,EAAE;aACX,CAAQ,CAAC;YACV,EAAE,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;YAC7C,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;YAC3C,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;YAEzC,cAAc;YACd,MAAM,eAAe,GAAG,IAAI,WAAW,CAAC,gBAAgB,EAAE;gBACxD,MAAM,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE;aACnD,CAAQ,CAAC;YACV,EAAE,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC;YACzC,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAE5C,YAAY;YACZ,MAAM,aAAa,GAAG,IAAI,WAAW,CAAC,gBAAgB,EAAE;gBACtD,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE;aACjD,CAAQ,CAAC;YACV,EAAE,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;YACvC,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAC/B,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;;YAC9C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,4BAA4B,IAAI,QAAQ,EAAE,uBAAuB,CACtE,CAAC;YAEF,EAAE,CAAC,YAAY,GAAG,CAAC,YAAY,CAAC,CAAC;YACjC,MAAM,EAAE,CAAC,cAAc,CAAC;YACxB,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YACxC,MAAM,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;YAEvC,MAAM,GAAG,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAErB,MAAM,UAAU,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;YACxD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAC5B,MAAM,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YACjE,MAAM,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACpD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAClC,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;;YAC3D,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,4BAA4B,IAAI,QAAQ,EAAE,uBAAuB,CACtE,CAAC;YAEF,MAAM,eAAe,GAAG;gBACtB,EAAE,EAAE,KAAK;gBACT,IAAI,EAAE,IAAI,CAAA,8BAA8B;aACzC,CAAC;YACF,EAAE,CAAC,YAAY,GAAG,CAAC,YAAY,CAAC,CAAC;YACjC,EAAE,CAAC,aAAa,GAAG,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;YAC/C,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,GAAG,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,KAAK,CAAC,CAAC;YAEhD,MAAM,kBAAkB,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAa,CAAC,YAAY,CAAC,CAAC;YAC5D,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YACzC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YACrB,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YACpC,MAAM,CAAC,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YACxE,MAAM,CAAC,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAC1E,MAAM,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACtD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;QAC3B,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;YACrC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,4BAA4B,IAAI,QAAQ,EAAE,uBAAuB,CACtE,CAAC;YACF,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAE5C,MAAM,aAAa,GAAG,CAAC,QAAQ,CAAC,CAAC;YAEjC,EAAE,CAAC,gBAAgB,CAAC;gBAClB,MAAM,EAAE,aAAa;aACO,CAAC,CAAC;YAChC,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;YACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,4BAA4B,IAAI,QAAQ,EAAE,uBAAuB,CACtE,CAAC;YACF,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAE3C,EAAE,CAAC,gBAAgB,CAAC;gBAClB,MAAM,EAAE,CAAC,YAAY,CAAC;aACK,CAAC,CAAC;YAC/B,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;YAChC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,4BAA4B,IAAI,QAAQ,EAAE,uBAAuB,CACtE,CAAC;YAEF,EAAE,CAAC,WAAW,CAAC;gBACb,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;aACM,CAAC,CAAC;YAC/B,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACpC,MAAM,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAE1C,iBAAiB;YACjB,EAAE,CAAC,WAAW,CAAC;gBACb,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;aACM,CAAC,CAAC;YAC/B,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC;YACpC,MAAM,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;YAC9B,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,4BAA4B,IAAI,QAAQ,EAAE,uBAAuB,CACtE,CAAC;YAEF,EAAE,CAAC,UAAU,GAAG,IAAI,CAAC;YACrB,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;YAEjC,EAAE,CAAC,SAAS,EAAE,CAAC;YACf,MAAM,EAAE,CAAC,cAAc,CAAC;YAExB,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/* eslint-disable camelcase */\nimport { html, fixture, expect } from '@open-wc/testing';\nimport Sinon from 'sinon';\n\nimport { SharedResizeObserver } from '@internetarchive/shared-resize-observer';\nimport { ModalManager } from '@internetarchive/modal-manager';\nimport { CustomTheaterInterface } from '../src/interfaces/custom-theater-interface';\nimport { ItemNavigator, ItemType } from '../src/item-navigator';\nimport '../src/item-navigator';\n\nimport '../test/book-nav-stub';\nimport { ItemStub, menuProvider, shortcut } from '../test/ia-stub';\nimport {\n  ManageFullscreenEvent,\n  ToggleSideMenuOpenEvent,\n  SetSideMenuContentsEvent,\n  SetSideMenuShortcutsEvent,\n  ToggleSidePanelOpenEvent,\n} from '../src/interfaces/event-interfaces';\n\nafterEach(() => {\n  Sinon.restore();\n});\n\ndescribe('ItemNavigator', () => {\n  describe('Theaters', () => {\n    it('shows <ia-no-theater-available> by default', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`\n      );\n      expect(el.shadowRoot?.querySelector('ia-no-theater-available')).to.exist;\n    });\n\n    it('shows <book-navigator> if `this.itemType = \"bookreader\"`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator\n          .itemType=${ItemType.BOOK}\n          .item=${new ItemStub()}\n          .modal=${new ModalManager()}\n          .sharedObserver=${new SharedResizeObserver()}\n        ></ia-item-navigator>`\n      );\n\n      await el.updateComplete;\n\n      el.toggleMenu();\n      await el.updateComplete;\n\n      const bookNavigator = el.shadowRoot?.querySelector(\n        'book-navigator'\n      ) as CustomTheaterInterface;\n      await bookNavigator.updateComplete;\n\n      console.log('132234234324324324');\n      // TODO: add BookNavigator type & import via @internetarchive/bookreader\n      // For now, let's check that the BookNavigator element and its properties exist w/ stub\n      expect(bookNavigator).to.exist;\n      expect(bookNavigator?.modal).to.exist;\n      expect(bookNavigator?.baseHost).to.exist;\n      expect(bookNavigator?.signedIn).to.be.null;\n      expect(bookNavigator?.sharedObserver).to.exist;\n      expect(bookNavigator?.sideMenuOpen).to.exist;\n    });\n  });\n  describe('`el.loaded`', () => {\n    it('toggles the spinning loader', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator></ia-item-navigator>`\n      );\n      expect(el.loaded).to.be.null; // initial load\n      expect(el.shadowRoot?.querySelector('ia-itemnav-loader')).to.exist;\n    });\n    it('hides reader section if `!loaded`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator></ia-item-navigator>`\n      );\n\n      expect(\n        el.shadowRoot?.querySelector('#reader')?.getAttribute('class')\n      ).to.contain('hide');\n    });\n    it('shows reader when `loaded` ', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`\n      );\n\n      const mainTheaterSection = el.shadowRoot?.querySelector('#reader');\n      expect(mainTheaterSection?.classList.contains('hide')).to.be.false;\n      expect(el.loaded).to.be.true;\n      // `loaded` property is reflected as DOM attribute\n      expect(el.hasAttribute('loaded')).to.equal(true);\n      expect(el.shadowRoot?.querySelector('ia-no-theater-available')).to.exist;\n    });\n    it('listens to `@loadingStateUpdated` to update `loaded`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator></ia-item-navigator>`\n      );\n\n      await el.updateComplete;\n      const spy = Sinon.spy();\n      el.loadingStateUpdated = spy;\n      el.loaded = null;\n      await el.updateComplete;\n      // check base properties\n      expect(el.loaded).to.equal(null);\n      expect(el.item).to.be.undefined;\n\n      // hydrate item\n      el.item = new ItemStub();\n      await el.updateComplete;\n\n      // spy fires\n      expect(spy.called).to.equal(true);\n      expect(spy.callCount).to.equal(1);\n    });\n  });\n\n  describe('`el.sharedObserver`', () => {\n    it('uses one', async () => {\n      const sharedObserver = new SharedResizeObserver();\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator\n          .sharedObserver=${sharedObserver}\n        ></ia-item-navigator>`\n      );\n\n      expect(el.sharedObserver).to.equal(sharedObserver);\n      expect(typeof el.handleResize).to.equal('function');\n    });\n    it('freshly registers handler', async () => {\n      const sharedObserver = new SharedResizeObserver();\n      const addObserverSpy = Sinon.spy(sharedObserver, 'addObserver');\n\n      await fixture<ItemNavigator>(\n        html`<ia-item-navigator\n          .sharedObserver=${sharedObserver}\n        ></ia-item-navigator>`\n      );\n\n      expect(addObserverSpy.callCount).to.equal(1);\n    });\n    it('removes handler when component disconnects', async () => {\n      const sharedObserver = new SharedResizeObserver();\n      const removeObserverSpy = Sinon.spy(sharedObserver, 'removeObserver');\n\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator\n          .sharedObserver=${sharedObserver}\n        ></ia-item-navigator>`\n      );\n\n      el.disconnectedCallback();\n      await el.updateComplete;\n\n      expect(removeObserverSpy.callCount).to.equal(1);\n    });\n    it('sets menu to overlay if container width is <= 600px', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator></ia-item-navigator>`\n      );\n\n      expect(el.openMenuState).to.equal('shift'); // as starting point\n\n      const overlaySize = {\n        contentRect: { width: 600 },\n      } as ResizeObserverEntry;\n      el.handleResize(overlaySize);\n      await el.updateComplete;\n\n      expect(el.openMenuState).to.equal('overlay'); // changes open menu display to an overlay\n\n      const shiftSize = {\n        contentRect: { width: 601 },\n      } as ResizeObserverEntry;\n      el.handleResize(shiftSize);\n      await el.updateComplete;\n\n      expect(el.openMenuState).to.equal('shift');\n    });\n  });\n\n  describe('`el.modal`', () => {\n    it('uses one', async () => {\n      const modal = new ModalManager();\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator .modal=${modal}></ia-item-navigator>`\n      );\n      expect(el.modal).to.equal(modal);\n    });\n  });\n\n  describe('full browser window immersion \"fullscreen\"', () => {\n    it('creates reflected attribute `viewportinfullscreen`', async () => {\n      /** to help with external styling adjustmnents */\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator></ia-item-navigator>`\n      );\n      expect(el.getAttribute('viewportinfullscreen')).to.be.null;\n\n      el.viewportInFullscreen = true;\n      await el.updateComplete;\n\n      expect(el.getAttribute('viewportinfullscreen')).to.exist;\n    });\n    it('@ViewportInFullScreen', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator></ia-item-navigator>`\n      );\n      expect(el.viewportInFullscreen).to.be.null;\n\n      const yesFullscreenEvent = {\n        detail: {\n          isFullScreen: true,\n        },\n      } as ManageFullscreenEvent;\n      el.manageViewportFullscreen(yesFullscreenEvent);\n      await el.updateComplete;\n      expect(el.viewportInFullscreen).to.be.true;\n\n      const noFullscreenEvent = {\n        detail: {\n          isFullScreen: false,\n        },\n      } as ManageFullscreenEvent;\n      el.manageViewportFullscreen(noFullscreenEvent);\n      await el.updateComplete;\n      expect(el.viewportInFullscreen).to.be.null;\n    });\n  });\n\n  /* Side menu & shortcuts tests */\n  describe('el.menuOpened', () => {\n    it('toggles side menu open', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`\n      );\n\n      el.menuContents = [menuProvider];\n      await el.updateComplete;\n\n      const nav = el.shadowRoot?.querySelector('nav');\n\n      expect(nav?.querySelector('#menu')).to.exist;\n      // side menu starts closed\n      expect(el.menuOpened).to.be.false;\n      expect(nav?.querySelector('#menu')?.getAttribute('class')).to.contain(\n        'hidden'\n      );\n\n      // let's open menu\n      el.toggleMenu();\n      await el.updateComplete;\n\n      expect(el.menuOpened).to.be.true;\n      expect(nav?.querySelector('#menu')?.getAttribute('class')).to.not.contain(\n        'hidden'\n      );\n    });\n\n    it('opens menu shortcut with `@manageSideMenuEvents`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`\n      );\n      const detail = {\n        menuId: 'fullscreen',\n        action: 'open',\n      };\n\n      el.menuContents = [menuProvider];\n      await el.updateComplete;\n      const frame = el.shadowRoot?.querySelector('#frame');\n      // default menu open behavior is to side menu open, not overlay\n      expect(frame?.getAttribute('class')).to.contain('shift');\n\n      expect(el.menuOpened).to.be.false;\n      expect(el.openMenu).to.be.undefined;\n      expect(frame?.getAttribute('class')).to.not.contain('open');\n\n      const event = new CustomEvent('updateSideMenu', {\n        detail,\n      }) as ToggleSideMenuOpenEvent;\n      el.manageSideMenuEvents(event);\n      await el.updateComplete;\n\n      expect(el.shouldRenderMenu).to.be.true;\n      expect(el.menuOpened).to.be.true;\n      expect(el.openMenu).to.equal(detail.menuId);\n\n      expect(frame?.getAttribute('class')).to.contain('open');\n\n      // no menu provided\n      const openShortcutSpy = Sinon.spy(el, 'openShortcut');\n      const toggleMenuSpy = Sinon.spy(el, 'toggleMenu');\n\n      const noMenuProvidedEvent = new CustomEvent('updateSideMenu', {\n        detail: {},\n      }) as any;\n      el.manageSideMenuEvents(noMenuProvidedEvent);\n      await el.updateComplete;\n\n      expect(openShortcutSpy.called).to.be.false;\n      expect(toggleMenuSpy.called).to.be.false;\n\n      // toggle menu\n      const toggleMenuEvent = new CustomEvent('updateSideMenu', {\n        detail: { action: 'toggle', menuId: 'fullscreen' },\n      }) as any;\n      el.manageSideMenuEvents(toggleMenuEvent);\n      await el.updateComplete;\n\n      expect(toggleMenuSpy.callCount).to.equal(1);\n\n      // open menu\n      const openMenuEvent = new CustomEvent('updateSideMenu', {\n        detail: { action: 'open', menuId: 'fullscreen' },\n      }) as any;\n      el.manageSideMenuEvents(openMenuEvent);\n      await el.updateComplete;\n\n      expect(openShortcutSpy.callCount).to.equal(1);\n    });\n  });\n\n  describe('el.menuContents', () => {\n    it('draws side menu when populated', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`\n      );\n\n      el.menuContents = [menuProvider];\n      await el.updateComplete;\n      expect(el.menuContents.length).to.exist;\n      expect(el.shouldRenderMenu).to.be.true;\n\n      const nav = el.shadowRoot?.querySelector('nav');\n      expect(nav).to.exist;\n\n      const menuSlider = nav?.querySelector('ia-menu-slider');\n      expect(menuSlider).to.exist;\n      expect(menuSlider?.getAttribute('manuallyhandleclose')).to.exist;\n      expect(menuSlider?.getAttribute('open')).to.exist;\n    });\n  });\n\n  describe('`el.menuShortcuts`', () => {\n    it('displays shortcut & toggle side menu button', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`\n      );\n\n      const anotherShortcut = {\n        id: 'foo',\n        icon: html`<i class=\"foo-shortcut\"></i>`,\n      };\n      el.menuContents = [menuProvider];\n      el.menuShortcuts = [shortcut, anotherShortcut];\n      await el.updateComplete;\n\n      const nav = el.shadowRoot?.querySelector('nav');\n\n      const shortcutsContainer = nav?.querySelector('.shortcuts');\n      expect(el.menuShortcuts.length).to.exist;\n      expect(nav).to.exist;\n      expect(shortcutsContainer).to.exist;\n      expect(shortcutsContainer?.querySelector('i.fullscreen-test')).to.exist;\n      expect(shortcutsContainer?.querySelector('button.shortcut.foo')).to.exist;\n      expect(nav?.querySelector('.toggle-menu')).to.exist;\n    });\n  });\n\n  describe('Menu events', () => {\n    it('`el.setMenuShortcuts`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`\n      );\n      expect(el.menuShortcuts.length).to.equal(0);\n\n      const menuShortcuts = [shortcut];\n\n      el.setMenuShortcuts({\n        detail: menuShortcuts,\n      } as SetSideMenuShortcutsEvent);\n      await el.updateComplete;\n\n      expect(el.menuShortcuts.length).to.equal(1);\n    });\n    it('`el.setMenuContents`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`\n      );\n      expect(el.menuContents.length).to.equal(0);\n\n      el.setMenuShortcuts({\n        detail: [menuProvider],\n      } as SetSideMenuContentsEvent);\n      await el.updateComplete;\n\n      expect(el.menuShortcuts.length).to.equal(1);\n    });\n    it('`el.setOpenMenu`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`\n      );\n\n      el.setOpenMenu({\n        detail: { id: 'foo' },\n      } as ToggleSidePanelOpenEvent);\n      await el.updateComplete;\n\n      expect(el.openMenu).to.equal('foo');\n      expect(el.selectedMenuId).to.equal('foo');\n\n      // toggles it off\n      el.setOpenMenu({\n        detail: { id: 'foo' },\n      } as ToggleSidePanelOpenEvent);\n      await el.updateComplete;\n\n      expect(el.openMenu).to.be.undefined;\n      expect(el.selectedMenuId).to.equal('');\n    });\n    it('`el.closeMenu`', async () => {\n      const el = await fixture<ItemNavigator>(\n        html`<ia-item-navigator .item=${new ItemStub()}></ia-item-navigator>`\n      );\n\n      el.menuOpened = true;\n      await el.updateComplete;\n\n      expect(el.menuOpened).to.be.true;\n\n      el.closeMenu();\n      await el.updateComplete;\n\n      expect(el.menuOpened).to.be.false;\n    });\n  });\n});\n"]}

package/dist/test/ia-stub.d.ts

@@ -0,0 +1,22 @@
+import { MetadataResponse, Metadata, File, Review, SpeechMusicASREntry } from '@internetarchive/search-service';
+import { MenuShortcutInterface, MenuProviderInterface } from '../src/interfaces/menu-interfaces';
+export declare class ItemStub implements MetadataResponse {
+    constructor();
+    rawResponse: any;
+    created: number;
+    d1: string;
+    d2: string;
+    dir: string;
+    files: File[];
+    files_count: number;
+    item_last_updated: number;
+    item_size: number;
+    metadata: Metadata;
+    server: string;
+    uniq: number;
+    workable_servers: string[];
+    speech_vs_music_asr?: SpeechMusicASREntry[] | undefined;
+    reviews?: Review[] | undefined;
+}
+export declare const shortcut: MenuShortcutInterface;
+export declare const menuProvider: MenuProviderInterface;