@internetarchive/collection-browser 4.5.2 → 4.7.0

package/dist/test/tiles/hover/hover-pane-controller.test.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { expect, fixture } from '@open-wc/testing';
+import { expect, fixture, waitUntil } from '@open-wc/testing';
 import { html, LitElement, nothing } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
 import { HoverPaneController, } from '../../../src/tiles/hover/hover-pane-controller';
@@ -76,8 +76,8 @@ describe('Hover Pane Controller', () => {
         expect(host.controller?.getTemplate()).to.equal(nothing);
     });
     it('should produce a hover pane template after mousemove, and hide it after mouseleave', async () => {
-        const host = await fixture(html `<host-element
-        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
+        const host = await fixture(html `<host-element
+        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
       ></host-element>`);
         host.dispatchEvent(new MouseEvent('mousemove'));
         // Need to wait a tick for the event handlers to run
@@ -93,8 +93,8 @@ describe('Hover Pane Controller', () => {
         expect(host.controller?.getTemplate()).to.equal(nothing);
     });
     it('should produce a hover pane template after mouseenter, even without mousemove', async () => {
-        const host = await fixture(html `<host-element
-        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
+        const host = await fixture(html `<host-element
+        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
       ></host-element>`);
         host.dispatchEvent(new MouseEvent('mouseenter'));
         // Need to wait a tick for the event handlers to run
@@ -104,8 +104,8 @@ describe('Hover Pane Controller', () => {
         expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult
     });
     it('should immediately fade back in if mouse enters while fading out', async () => {
-        const host = await fixture(html `<host-element
-        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
+        const host = await fixture(html `<host-element
+        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
       ></host-element>`);
         // Enter the host element and wait for the show handlers to run
         host.dispatchEvent(new MouseEvent('mousemove'));
@@ -126,8 +126,8 @@ describe('Hover Pane Controller', () => {
         expect(host.controller?.getTemplate()).not.to.equal(nothing);
     });
     it('should flip hover pane if it would overflow the viewport', async () => {
-        const host = await fixture(html `<host-element
-        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
+        const host = await fixture(html `<host-element
+        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
       ></host-element>`);
         host.dispatchEvent(new MouseEvent('mousemove', { clientX: 800, clientY: 600 }));
         // Need to wait a tick for the event handlers to run
@@ -140,8 +140,8 @@ describe('Hover Pane Controller', () => {
         expect(host.getHoverPane()?.getBoundingClientRect()?.bottom).to.be.lessThan(window.innerHeight);
     });
     it('should not call showPopover when the hover pane is already open', async () => {
-        const host = await fixture(html `<host-element
-        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
+        const host = await fixture(html `<host-element
+        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
       ></host-element>`);
         // Show the pane and confirm the :popover-open state
         host.dispatchEvent(new MouseEvent('mousemove'));
@@ -167,9 +167,9 @@ describe('Hover Pane Controller', () => {
         expect(host.getHoverPane()?.matches(':popover-open')).to.be.true;
     });
     it('should gracefully handle undefined hover pane from host element', async () => {
-        const host = await fixture(html `<host-element
-        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
-        ?suppressHoverPane=${true}
+        const host = await fixture(html `<host-element
+        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
+        ?suppressHoverPane=${true}
       ></host-element>`);
         host.dispatchEvent(new MouseEvent('mousemove'));
         // Need to wait a tick for the event handlers to run
@@ -197,12 +197,12 @@ describe('Hover Pane Controller', () => {
             touches: [new Touch({ identifier: 0, target: host })],
         });
         it('should produce a hover pane after long press', async () => {
-            const host = await fixture(html `<host-element
+            const host = await fixture(html `<host-element
           .controllerOptions=${{
                 showDelay: 0,
                 longPressDelay: 0,
                 enableLongPress: true,
-            }}
+            }}
         ></host-element>`);
             // Touch the host element and wait for the long press handlers to run
             host.dispatchEvent(getTouchStartEvent(host));
@@ -212,12 +212,12 @@ describe('Hover Pane Controller', () => {
             expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult
         });
         it('should cancel a long press by moving', async () => {
-            const host = await fixture(html `<host-element
+            const host = await fixture(html `<host-element
           .controllerOptions=${{
                 showDelay: 0,
                 longPressDelay: 100,
                 enableLongPress: true,
-            }}
+            }}
         ></host-element>`);
             // Touch the host element
             host.dispatchEvent(getTouchStartEvent(host));
@@ -232,12 +232,12 @@ describe('Hover Pane Controller', () => {
             expect(host.controller?.getTemplate()).to.equal(nothing);
         });
         it('should cancel a long press by ending touch', async () => {
-            const host = await fixture(html `<host-element
+            const host = await fixture(html `<host-element
           .controllerOptions=${{
                 showDelay: 0,
                 longPressDelay: 100,
                 enableLongPress: true,
-            }}
+            }}
         ></host-element>`);
             // Touch the host element
             host.dispatchEvent(getTouchStartEvent(host));
@@ -252,12 +252,12 @@ describe('Hover Pane Controller', () => {
             expect(host.controller?.getTemplate()).to.equal(nothing);
         });
         it('should cancel a long press by cancelling touch (e.g., too many touch points)', async () => {
-            const host = await fixture(html `<host-element
+            const host = await fixture(html `<host-element
           .controllerOptions=${{
                 showDelay: 0,
                 longPressDelay: 100,
                 enableLongPress: true,
-            }}
+            }}
         ></host-element>`);
             // Touch the host element
             host.dispatchEvent(getTouchStartEvent(host));
@@ -272,14 +272,14 @@ describe('Hover Pane Controller', () => {
             expect(host.controller?.getTemplate()).to.equal(nothing);
         });
         it('should close the hover pane on mobile when touching the backdrop', async () => {
-            const host = await fixture(html `<host-element
+            const host = await fixture(html `<host-element
           .controllerOptions=${{
                 showDelay: 0,
                 hideDelay: 0,
                 longPressDelay: 0,
                 enableLongPress: true,
                 mobileBreakpoint: 9999, // Ensure we get the mobile view
-            }}
+            }}
         ></host-element>`);
             // Touch the host element
             host.dispatchEvent(getTouchStartEvent(host));
@@ -300,44 +300,51 @@ describe('Hover Pane Controller', () => {
     });
     describe('keyboard accessibility', () => {
         it('should call host getBoundingClientRect if anchor is host', async () => {
-            const host = await fixture(html `<host-element
-          .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
+            const host = await fixture(html `<host-element
+          .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
         ></host-element>`);
             const getBoundingClientRectSpy = sinon.spy(host, 'getBoundingClientRect');
             host.dispatchEvent(new FocusEvent('focus'));
-            // Need to wait a tick for the event handlers to run
-            await new Promise(resolve => {
-                setTimeout(resolve, 0);
-            });
-            expect(getBoundingClientRectSpy.called).to.be.true;
+            await waitUntil(() => getBoundingClientRectSpy.called, 'host getBoundingClientRect was never consulted for positioning');
         });
         it('should show hover pane on focus', async () => {
-            const host = await fixture(html `<host-element
-          .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
+            const host = await fixture(html `<host-element
+          .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
         ></host-element>`);
             host.dispatchEvent(new FocusEvent('focus'));
-            // Need to wait a tick for the event handlers to run
-            await new Promise(resolve => {
-                setTimeout(resolve, 0);
-            });
-            expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult
+            // The controller template becomes available synchronously with the focus event
+            expect(host.controller?.getTemplate()).not.to.equal(nothing);
+            // The pane element then renders and opens as a popover
+            await waitUntil(() => host.getHoverPane()?.matches(':popover-open') ?? false, 'Hover pane never opened as a popover');
         });
         it('should hide hover pane on blur', async () => {
-            const host = await fixture(html `<host-element
-          .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
+            const host = await fixture(html `<host-element
+          .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
         ></host-element>`);
             host.dispatchEvent(new FocusEvent('focus'));
-            // Need to wait a tick for the event handlers to run
-            await new Promise(resolve => {
-                setTimeout(resolve, 0);
-            });
-            expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult
+            await waitUntil(() => host.getHoverPane()?.matches(':popover-open') ?? false, 'Hover pane never opened as a popover');
             host.dispatchEvent(new FocusEvent('blur'));
-            // Need to wait for the fade out transition
-            await new Promise(resolve => {
-                setTimeout(resolve, 150);
-            });
-            expect(host.controller?.getTemplate()).to.equal(nothing);
+            await waitUntil(() => !host.getHoverPane(), 'Hover pane was not removed after blur');
+        });
+    });
+    describe('frame-starved environments', () => {
+        let realRaf;
+        before(() => {
+            realRaf = window.requestAnimationFrame;
+            // Simulate an environment that never produces rendering frames:
+            // callbacks are accepted but never invoked.
+            window.requestAnimationFrame = () => 0;
+        });
+        after(() => {
+            window.requestAnimationFrame = realRaf;
+        });
+        it('should position the hover pane even when animation frames never fire', async () => {
+            const host = await fixture(html `<host-element
+          .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}
+        ></host-element>`);
+            const getBoundingClientRectSpy = sinon.spy(host, 'getBoundingClientRect');
+            host.dispatchEvent(new FocusEvent('focus'));
+            await waitUntil(() => getBoundingClientRectSpy.called, 'host getBoundingClientRect was never consulted for positioning');
         });
     });
 });

package/dist/test/tiles/hover/hover-pane-controller.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover-pane-controller.test.js","sourceRoot":"","sources":["../../../../test/tiles/hover/hover-pane-controller.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\r\nimport { html, LitElement, nothing, TemplateResult } from 'lit';\r\nimport { customElement, property, query } from 'lit/decorators.js';\r\nimport {\r\n  HoverPaneController,\r\n  HoverPaneControllerInterface,\r\n  HoverPaneControllerOptions,\r\n  HoverPaneProperties,\r\n  HoverPaneProviderInterface,\r\n} from '../../../src/tiles/hover/hover-pane-controller';\r\nimport type { TileHoverPane } from '../../../src/tiles/hover/tile-hover-pane';\r\nimport { TileModel } from '../../../src/models';\r\nimport sinon from 'sinon';\r\n\r\n@customElement('host-element')\r\nclass HostElement extends LitElement implements HoverPaneProviderInterface {\r\n  @property({ type: Object }) controllerOptions?: HoverPaneControllerOptions;\r\n\r\n  @property({ type: Boolean }) suppressHoverPane: boolean = false;\r\n\r\n  @query('tile-hover-pane') hoverPane?: TileHoverPane;\r\n\r\n  controller?: HoverPaneControllerInterface;\r\n\r\n  render(): TemplateResult {\r\n    return html` ${this.controller?.getTemplate()} `;\r\n  }\r\n\r\n  protected firstUpdated(): void {\r\n    this.controller = new HoverPaneController(this, this.controllerOptions);\r\n  }\r\n\r\n  acquireFocus(): void {}\r\n\r\n  releaseFocus(): void {}\r\n\r\n  getHoverPane(): HTMLElement | undefined {\r\n    return this.suppressHoverPane ? undefined : this.hoverPane;\r\n  }\r\n\r\n  getHoverPaneProps(): HoverPaneProperties {\r\n    const tileModel = new TileModel({});\r\n    tileModel.checked = false;\r\n    tileModel.collectionFilesCount = 1;\r\n    tileModel.collections = ['foo', 'bar'];\r\n    tileModel.collectionSize = 1;\r\n    tileModel.commentCount = 1;\r\n    tileModel.contentWarning = false;\r\n    tileModel.creators = ['foo', 'bar'];\r\n    tileModel.favCount = 1;\r\n    tileModel.identifier = 'foo';\r\n    tileModel.itemCount = 1;\r\n    tileModel.loginRequired = false;\r\n    tileModel.mediatype = 'data';\r\n    tileModel.subjects = ['foo', 'bar'];\r\n    tileModel.title = 'foo';\r\n    tileModel.viewCount = 1;\r\n\r\n    return {\r\n      model: tileModel,\r\n      loggedIn: false,\r\n      suppressBlurring: false,\r\n      sortParam: null,\r\n    };\r\n  }\r\n}\r\n\r\ndescribe('Hover Pane Controller', () => {\r\n  let oldMatchMedia: typeof window.matchMedia;\r\n  let oldOnTouchStart: typeof window.ontouchstart;\r\n\r\n  before(() => {\r\n    oldMatchMedia = window.matchMedia;\r\n    oldOnTouchStart = window.ontouchstart;\r\n    window.matchMedia = () => ({ matches: true }) as MediaQueryList;\r\n    window.ontouchstart = () => {};\r\n  });\r\n\r\n  after(() => {\r\n    window.matchMedia = oldMatchMedia;\r\n    window.ontouchstart = oldOnTouchStart;\r\n  });\r\n\r\n  it('should initially provide empty template', async () => {\r\n    const host = await fixture<HostElement>(\r\n      html`<host-element></host-element>`,\r\n    );\r\n    expect(host.controller?.getTemplate()).to.equal(nothing);\r\n  });\r\n\r\n  it('should produce a hover pane template after mousemove, and hide it after mouseleave', async () => {\r\n    const host = await fixture<HostElement>(\r\n      html`<host-element\r\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\r\n      ></host-element>`,\r\n    );\r\n\r\n    host.dispatchEvent(new MouseEvent('mousemove'));\r\n    // Need to wait a tick for the event handlers to run\r\n    await new Promise(resolve => {\r\n      setTimeout(resolve, 0);\r\n    });\r\n\r\n    expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\r\n\r\n    host.dispatchEvent(new MouseEvent('mouseleave'));\r\n    // Need to wait for the fade out transition\r\n    await new Promise(resolve => {\r\n      setTimeout(resolve, 150);\r\n    });\r\n\r\n    expect(host.controller?.getTemplate()).to.equal(nothing);\r\n  });\r\n\r\n  it('should produce a hover pane template after mouseenter, even without mousemove', async () => {\r\n    const host = await fixture<HostElement>(\r\n      html`<host-element\r\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\r\n      ></host-element>`,\r\n    );\r\n\r\n    host.dispatchEvent(new MouseEvent('mouseenter'));\r\n    // Need to wait a tick for the event handlers to run\r\n    await new Promise(resolve => {\r\n      setTimeout(resolve, 0);\r\n    });\r\n\r\n    expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\r\n  });\r\n\r\n  it('should immediately fade back in if mouse enters while fading out', async () => {\r\n    const host = await fixture<HostElement>(\r\n      html`<host-element\r\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\r\n      ></host-element>`,\r\n    );\r\n\r\n    // Enter the host element and wait for the show handlers to run\r\n    host.dispatchEvent(new MouseEvent('mousemove'));\r\n    await new Promise(resolve => {\r\n      setTimeout(resolve, 0);\r\n    });\r\n\r\n    // Leave the host element so it begins fading out, but not all the way\r\n    host.dispatchEvent(new MouseEvent('mouseleave'));\r\n    await new Promise(resolve => {\r\n      setTimeout(resolve, 20);\r\n    });\r\n\r\n    // Re-enter the host element and wait long enough that it would disappear\r\n    // if the hide were not cancelled\r\n    host.dispatchEvent(new MouseEvent('mousemove'));\r\n    await new Promise(resolve => {\r\n      setTimeout(resolve, 150);\r\n    });\r\n\r\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\r\n  });\r\n\r\n  it('should flip hover pane if it would overflow the viewport', async () => {\r\n    const host = await fixture<HostElement>(\r\n      html`<host-element\r\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\r\n      ></host-element>`,\r\n    );\r\n\r\n    host.dispatchEvent(\r\n      new MouseEvent('mousemove', { clientX: 800, clientY: 600 }),\r\n    );\r\n    // Need to wait a tick for the event handlers to run\r\n    await new Promise(resolve => {\r\n      setTimeout(resolve, 0);\r\n    });\r\n    await host.updateComplete;\r\n\r\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\r\n    expect(host.getHoverPane()?.getBoundingClientRect()?.right).to.be.lessThan(\r\n      window.innerWidth,\r\n    );\r\n    expect(host.getHoverPane()?.getBoundingClientRect()?.bottom).to.be.lessThan(\r\n      window.innerHeight,\r\n    );\r\n  });\r\n\r\n  it('should not call showPopover when the hover pane is already open', async () => {\r\n    const host = await fixture<HostElement>(\r\n      html`<host-element\r\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\r\n      ></host-element>`,\r\n    );\r\n\r\n    // Show the pane and confirm the :popover-open state\r\n    host.dispatchEvent(new MouseEvent('mousemove'));\r\n    await new Promise(resolve => {\r\n      setTimeout(resolve, 0);\r\n    });\r\n    await host.updateComplete;\r\n\r\n    const pane = host.getHoverPane() as TileHoverPane;\r\n    expect(pane?.matches(':popover-open')).to.be.true;\r\n\r\n    const showPopoverSpy = sinon.spy(pane, 'showPopover');\r\n\r\n    // Simulate the condition where the hover pane has finished its fade out\r\n    // but its popover has not yet been hidden.\r\n    (host.controller as unknown as { hoverPaneState: string }).hoverPaneState =\r\n      'hidden';\r\n\r\n    // Subsequent mousemove tries to re-show the hover pane...\r\n    host.dispatchEvent(new MouseEvent('mousemove'));\r\n    await new Promise(resolve => {\r\n      setTimeout(resolve, 10);\r\n    });\r\n    await host.updateComplete;\r\n\r\n    // ...but should NOT call showPopover() again\r\n    expect(showPopoverSpy.called).to.be.false;\r\n    expect(host.getHoverPane()?.matches(':popover-open')).to.be.true;\r\n  });\r\n\r\n  it('should gracefully handle undefined hover pane from host element', async () => {\r\n    const host = await fixture<HostElement>(\r\n      html`<host-element\r\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\r\n        ?suppressHoverPane=${true}\r\n      ></host-element>`,\r\n    );\r\n\r\n    host.dispatchEvent(new MouseEvent('mousemove'));\r\n    // Need to wait a tick for the event handlers to run\r\n    await new Promise(resolve => {\r\n      setTimeout(resolve, 0);\r\n    });\r\n\r\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\r\n\r\n    host.dispatchEvent(new MouseEvent('mouseleave'));\r\n    await new Promise(resolve => {\r\n      setTimeout(resolve, 20);\r\n    });\r\n\r\n    host.dispatchEvent(new MouseEvent('mousemove'));\r\n    await new Promise(resolve => {\r\n      setTimeout(resolve, 0);\r\n    });\r\n\r\n    host.dispatchEvent(new MouseEvent('mouseleave'));\r\n    // Need to wait for the fade out transition\r\n    await new Promise(resolve => {\r\n      setTimeout(resolve, 150);\r\n    });\r\n\r\n    expect(host.controller?.getTemplate()).to.equal(nothing);\r\n  });\r\n\r\n  describe('Touch & long-press', () => {\r\n    const getTouchStartEvent = (host: EventTarget) =>\r\n      new TouchEvent('touchstart', {\r\n        touches: [new Touch({ identifier: 0, target: host })],\r\n      });\r\n\r\n    it('should produce a hover pane after long press', async () => {\r\n      const host = await fixture<HostElement>(\r\n        html`<host-element\r\n          .controllerOptions=${{\r\n            showDelay: 0,\r\n            longPressDelay: 0,\r\n            enableLongPress: true,\r\n          }}\r\n        ></host-element>`,\r\n      );\r\n\r\n      // Touch the host element and wait for the long press handlers to run\r\n      host.dispatchEvent(getTouchStartEvent(host));\r\n      await new Promise(resolve => {\r\n        setTimeout(resolve, 0);\r\n      });\r\n\r\n      expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\r\n    });\r\n\r\n    it('should cancel a long press by moving', async () => {\r\n      const host = await fixture<HostElement>(\r\n        html`<host-element\r\n          .controllerOptions=${{\r\n            showDelay: 0,\r\n            longPressDelay: 100,\r\n            enableLongPress: true,\r\n          }}\r\n        ></host-element>`,\r\n      );\r\n\r\n      // Touch the host element\r\n      host.dispatchEvent(getTouchStartEvent(host));\r\n      await new Promise(resolve => {\r\n        setTimeout(resolve, 0);\r\n      });\r\n\r\n      // Move the touch point, cancelling the long press\r\n      host.dispatchEvent(new TouchEvent('touchmove'));\r\n      await new Promise(resolve => {\r\n        setTimeout(resolve, 150);\r\n      });\r\n\r\n      expect(host.controller?.getTemplate()).to.equal(nothing);\r\n    });\r\n\r\n    it('should cancel a long press by ending touch', async () => {\r\n      const host = await fixture<HostElement>(\r\n        html`<host-element\r\n          .controllerOptions=${{\r\n            showDelay: 0,\r\n            longPressDelay: 100,\r\n            enableLongPress: true,\r\n          }}\r\n        ></host-element>`,\r\n      );\r\n\r\n      // Touch the host element\r\n      host.dispatchEvent(getTouchStartEvent(host));\r\n      await new Promise(resolve => {\r\n        setTimeout(resolve, 0);\r\n      });\r\n\r\n      // Lift the touch point, cancelling the long press\r\n      host.dispatchEvent(new TouchEvent('touchend'));\r\n      await new Promise(resolve => {\r\n        setTimeout(resolve, 150);\r\n      });\r\n\r\n      expect(host.controller?.getTemplate()).to.equal(nothing);\r\n    });\r\n\r\n    it('should cancel a long press by cancelling touch (e.g., too many touch points)', async () => {\r\n      const host = await fixture<HostElement>(\r\n        html`<host-element\r\n          .controllerOptions=${{\r\n            showDelay: 0,\r\n            longPressDelay: 100,\r\n            enableLongPress: true,\r\n          }}\r\n        ></host-element>`,\r\n      );\r\n\r\n      // Touch the host element\r\n      host.dispatchEvent(getTouchStartEvent(host));\r\n      await new Promise(resolve => {\r\n        setTimeout(resolve, 0);\r\n      });\r\n\r\n      // Cancel the touch point, also cancelling the long press\r\n      host.dispatchEvent(new TouchEvent('touchcancel'));\r\n      await new Promise(resolve => {\r\n        setTimeout(resolve, 150);\r\n      });\r\n\r\n      expect(host.controller?.getTemplate()).to.equal(nothing);\r\n    });\r\n\r\n    it('should close the hover pane on mobile when touching the backdrop', async () => {\r\n      const host = await fixture<HostElement>(\r\n        html`<host-element\r\n          .controllerOptions=${{\r\n            showDelay: 0,\r\n            hideDelay: 0,\r\n            longPressDelay: 0,\r\n            enableLongPress: true,\r\n            mobileBreakpoint: 9999, // Ensure we get the mobile view\r\n          }}\r\n        ></host-element>`,\r\n      );\r\n\r\n      // Touch the host element\r\n      host.dispatchEvent(getTouchStartEvent(host));\r\n      await new Promise(resolve => {\r\n        setTimeout(resolve, 0);\r\n      });\r\n\r\n      expect(host.controller?.getTemplate()).not.to.equal(nothing);\r\n\r\n      await host.updateComplete;\r\n\r\n      // Touch the backdrop\r\n      host.shadowRoot\r\n        ?.querySelector('#touch-backdrop')\r\n        ?.dispatchEvent(new TouchEvent('touchstart'));\r\n      await new Promise(resolve => {\r\n        setTimeout(resolve, 150);\r\n      });\r\n\r\n      expect(host.controller?.getTemplate()).to.equal(nothing);\r\n    });\r\n  });\r\n\r\n  describe('keyboard accessibility', () => {\r\n    it('should call host getBoundingClientRect if anchor is host', async () => {\r\n      const host = await fixture<HostElement>(\r\n        html`<host-element\r\n          .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\r\n        ></host-element>`,\r\n      );\r\n\r\n      const getBoundingClientRectSpy = sinon.spy(host, 'getBoundingClientRect');\r\n\r\n      host.dispatchEvent(new FocusEvent('focus'));\r\n      // Need to wait a tick for the event handlers to run\r\n      await new Promise(resolve => {\r\n        setTimeout(resolve, 0);\r\n      });\r\n\r\n      expect(getBoundingClientRectSpy.called).to.be.true;\r\n    });\r\n\r\n    it('should show hover pane on focus', async () => {\r\n      const host = await fixture<HostElement>(\r\n        html`<host-element\r\n          .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\r\n        ></host-element>`,\r\n      );\r\n\r\n      host.dispatchEvent(new FocusEvent('focus'));\r\n      // Need to wait a tick for the event handlers to run\r\n      await new Promise(resolve => {\r\n        setTimeout(resolve, 0);\r\n      });\r\n\r\n      expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\r\n    });\r\n\r\n    it('should hide hover pane on blur', async () => {\r\n      const host = await fixture<HostElement>(\r\n        html`<host-element\r\n          .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\r\n        ></host-element>`,\r\n      );\r\n\r\n      host.dispatchEvent(new FocusEvent('focus'));\r\n      // Need to wait a tick for the event handlers to run\r\n      await new Promise(resolve => {\r\n        setTimeout(resolve, 0);\r\n      });\r\n\r\n      expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\r\n\r\n      host.dispatchEvent(new FocusEvent('blur'));\r\n      // Need to wait for the fade out transition\r\n      await new Promise(resolve => {\r\n        setTimeout(resolve, 150);\r\n      });\r\n\r\n      expect(host.controller?.getTemplate()).to.equal(nothing);\r\n    });\r\n  });\r\n});\r\n"]}
+{"version":3,"file":"hover-pane-controller.test.js","sourceRoot":"","sources":["../../../../test/tiles/hover/hover-pane-controller.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, waitUntil } from '@open-wc/testing';\nimport { html, LitElement, nothing, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport {\n  HoverPaneController,\n  HoverPaneControllerInterface,\n  HoverPaneControllerOptions,\n  HoverPaneProperties,\n  HoverPaneProviderInterface,\n} from '../../../src/tiles/hover/hover-pane-controller';\nimport type { TileHoverPane } from '../../../src/tiles/hover/tile-hover-pane';\nimport { TileModel } from '../../../src/models';\nimport sinon from 'sinon';\n\n@customElement('host-element')\nclass HostElement extends LitElement implements HoverPaneProviderInterface {\n  @property({ type: Object }) controllerOptions?: HoverPaneControllerOptions;\n\n  @property({ type: Boolean }) suppressHoverPane: boolean = false;\n\n  @query('tile-hover-pane') hoverPane?: TileHoverPane;\n\n  controller?: HoverPaneControllerInterface;\n\n  render(): TemplateResult {\n    return html` ${this.controller?.getTemplate()} `;\n  }\n\n  protected firstUpdated(): void {\n    this.controller = new HoverPaneController(this, this.controllerOptions);\n  }\n\n  acquireFocus(): void {}\n\n  releaseFocus(): void {}\n\n  getHoverPane(): HTMLElement | undefined {\n    return this.suppressHoverPane ? undefined : this.hoverPane;\n  }\n\n  getHoverPaneProps(): HoverPaneProperties {\n    const tileModel = new TileModel({});\n    tileModel.checked = false;\n    tileModel.collectionFilesCount = 1;\n    tileModel.collections = ['foo', 'bar'];\n    tileModel.collectionSize = 1;\n    tileModel.commentCount = 1;\n    tileModel.contentWarning = false;\n    tileModel.creators = ['foo', 'bar'];\n    tileModel.favCount = 1;\n    tileModel.identifier = 'foo';\n    tileModel.itemCount = 1;\n    tileModel.loginRequired = false;\n    tileModel.mediatype = 'data';\n    tileModel.subjects = ['foo', 'bar'];\n    tileModel.title = 'foo';\n    tileModel.viewCount = 1;\n\n    return {\n      model: tileModel,\n      loggedIn: false,\n      suppressBlurring: false,\n      sortParam: null,\n    };\n  }\n}\n\ndescribe('Hover Pane Controller', () => {\n  let oldMatchMedia: typeof window.matchMedia;\n  let oldOnTouchStart: typeof window.ontouchstart;\n\n  before(() => {\n    oldMatchMedia = window.matchMedia;\n    oldOnTouchStart = window.ontouchstart;\n    window.matchMedia = () => ({ matches: true }) as MediaQueryList;\n    window.ontouchstart = () => {};\n  });\n\n  after(() => {\n    window.matchMedia = oldMatchMedia;\n    window.ontouchstart = oldOnTouchStart;\n  });\n\n  it('should initially provide empty template', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element></host-element>`,\n    );\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  it('should produce a hover pane template after mousemove, and hide it after mouseleave', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    // Need to wait for the fade out transition\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  it('should produce a hover pane template after mouseenter, even without mousemove', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(new MouseEvent('mouseenter'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n  });\n\n  it('should immediately fade back in if mouse enters while fading out', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    // Enter the host element and wait for the show handlers to run\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    // Leave the host element so it begins fading out, but not all the way\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 20);\n    });\n\n    // Re-enter the host element and wait long enough that it would disappear\n    // if the hide were not cancelled\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n  });\n\n  it('should flip hover pane if it would overflow the viewport', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(\n      new MouseEvent('mousemove', { clientX: 800, clientY: 600 }),\n    );\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n    await host.updateComplete;\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n    expect(host.getHoverPane()?.getBoundingClientRect()?.right).to.be.lessThan(\n      window.innerWidth,\n    );\n    expect(host.getHoverPane()?.getBoundingClientRect()?.bottom).to.be.lessThan(\n      window.innerHeight,\n    );\n  });\n\n  it('should not call showPopover when the hover pane is already open', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    // Show the pane and confirm the :popover-open state\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n    await host.updateComplete;\n\n    const pane = host.getHoverPane() as TileHoverPane;\n    expect(pane?.matches(':popover-open')).to.be.true;\n\n    const showPopoverSpy = sinon.spy(pane, 'showPopover');\n\n    // Simulate the condition where the hover pane has finished its fade out\n    // but its popover has not yet been hidden.\n    (host.controller as unknown as { hoverPaneState: string }).hoverPaneState =\n      'hidden';\n\n    // Subsequent mousemove tries to re-show the hover pane...\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 10);\n    });\n    await host.updateComplete;\n\n    // ...but should NOT call showPopover() again\n    expect(showPopoverSpy.called).to.be.false;\n    expect(host.getHoverPane()?.matches(':popover-open')).to.be.true;\n  });\n\n  it('should gracefully handle undefined hover pane from host element', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n        ?suppressHoverPane=${true}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 20);\n    });\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    // Need to wait for the fade out transition\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  describe('Touch & long-press', () => {\n    const getTouchStartEvent = (host: EventTarget) =>\n      new TouchEvent('touchstart', {\n        touches: [new Touch({ identifier: 0, target: host })],\n      });\n\n    it('should produce a hover pane after long press', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 0,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element and wait for the long press handlers to run\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n    });\n\n    it('should cancel a long press by moving', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Move the touch point, cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchmove'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should cancel a long press by ending touch', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Lift the touch point, cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchend'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should cancel a long press by cancelling touch (e.g., too many touch points)', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Cancel the touch point, also cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchcancel'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should close the hover pane on mobile when touching the backdrop', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            hideDelay: 0,\n            longPressDelay: 0,\n            enableLongPress: true,\n            mobileBreakpoint: 9999, // Ensure we get the mobile view\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      expect(host.controller?.getTemplate()).not.to.equal(nothing);\n\n      await host.updateComplete;\n\n      // Touch the backdrop\n      host.shadowRoot\n        ?.querySelector('#touch-backdrop')\n        ?.dispatchEvent(new TouchEvent('touchstart'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n  });\n\n  describe('keyboard accessibility', () => {\n    it('should call host getBoundingClientRect if anchor is host', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n        ></host-element>`,\n      );\n\n      const getBoundingClientRectSpy = sinon.spy(host, 'getBoundingClientRect');\n\n      host.dispatchEvent(new FocusEvent('focus'));\n      await waitUntil(\n        () => getBoundingClientRectSpy.called,\n        'host getBoundingClientRect was never consulted for positioning',\n      );\n    });\n\n    it('should show hover pane on focus', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n        ></host-element>`,\n      );\n\n      host.dispatchEvent(new FocusEvent('focus'));\n\n      // The controller template becomes available synchronously with the focus event\n      expect(host.controller?.getTemplate()).not.to.equal(nothing);\n\n      // The pane element then renders and opens as a popover\n      await waitUntil(\n        () => host.getHoverPane()?.matches(':popover-open') ?? false,\n        'Hover pane never opened as a popover',\n      );\n    });\n\n    it('should hide hover pane on blur', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n        ></host-element>`,\n      );\n\n      host.dispatchEvent(new FocusEvent('focus'));\n      await waitUntil(\n        () => host.getHoverPane()?.matches(':popover-open') ?? false,\n        'Hover pane never opened as a popover',\n      );\n\n      host.dispatchEvent(new FocusEvent('blur'));\n      await waitUntil(\n        () => !host.getHoverPane(),\n        'Hover pane was not removed after blur',\n      );\n    });\n  });\n\n  describe('frame-starved environments', () => {\n    let realRaf: typeof window.requestAnimationFrame;\n\n    before(() => {\n      realRaf = window.requestAnimationFrame;\n      // Simulate an environment that never produces rendering frames:\n      // callbacks are accepted but never invoked.\n      window.requestAnimationFrame = () => 0;\n    });\n\n    after(() => {\n      window.requestAnimationFrame = realRaf;\n    });\n\n    it('should position the hover pane even when animation frames never fire', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n        ></host-element>`,\n      );\n\n      const getBoundingClientRectSpy = sinon.spy(host, 'getBoundingClientRect');\n\n      host.dispatchEvent(new FocusEvent('focus'));\n      await waitUntil(\n        () => getBoundingClientRectSpy.called,\n        'host getBoundingClientRect was never consulted for positioning',\n      );\n    });\n  });\n});\n"]}