@lion/ui 0.8.5 → 0.8.7

package/components/overlays/src/OverlayMixin.js

@@ -182,11 +182,13 @@ export const OverlayMixinImplementation = superclass =>
       this._setupOverlayCtrl();
     }
 
-    disconnectedCallback() {
+    async disconnectedCallback() {
       super.disconnectedCallback();
-      if (this._overlayCtrl) {
-        this._teardownOverlayCtrl();
-      }
+
+      if (!this._overlayCtrl) return;
+      if (await this.#isMovingInDom()) return;
+
+      this._teardownOverlayCtrl();
     }
 
     /**
@@ -253,6 +255,7 @@ export const OverlayMixinImplementation = superclass =>
     _teardownOverlayCtrl() {
       this._teardownOpenCloseListeners();
       this.__teardownSyncFromOverlayController();
+
       /** @type {OverlayController} */
       (this._overlayCtrl).teardown();
     }
@@ -387,5 +390,15 @@ export const OverlayMixinImplementation = superclass =>
         ctrl._popper.update();
       }
     }
+
+    /**
+     * When we're moving around in dom, disconnectedCallback gets called.
+     * Before we decide to teardown, let's wait to see if we were not just moving nodes around.
+     * @return {Promise<boolean>}
+     */
+    async #isMovingInDom() {
+      await this.updateComplete;
+      return this.isConnected;
+    }
   };
 export const OverlayMixin = dedupeMixin(OverlayMixinImplementation);

package/components/overlays/src/utils/adopt-styles.js

@@ -25,7 +25,7 @@ export const _adoptStyleUtils = {
   adoptStyles: undefined,
 };
 
-const styleCache = new Map();
+const styleCache = new WeakMap();
 
 /**
  * @param {CSSStyleSheet} cssStyleSheet
@@ -81,10 +81,10 @@ function adoptStyleWhenAdoptedStylesheetsNotSupported(
  */
 function handleCache(renderRoot, style, { teardown = false } = {}) {
   let haltFurtherExecution = false;
-  if (!styleCache.has(renderRoot)) {
+  if (renderRoot && !styleCache.has(renderRoot)) {
     styleCache.set(renderRoot, []);
   }
-  const addedStylesForRoot = styleCache.get(renderRoot);
+  const addedStylesForRoot = styleCache.get(renderRoot) ?? [];
   const foundStyle = addedStylesForRoot.find(
     (/** @type {import("lit").CSSResultOrNative} */ addedStyle) => style === addedStyle,
   );

package/components/overlays/src/utils/contain-focus.js

@@ -6,7 +6,7 @@
  * and contains several bugs on IE11.
  */
 
-import { getDeepActiveElement } from './get-deep-active-element.js';
+import { getDeepActiveElement } from '../../../core/src/getDeepActiveElement.js';
 import { getFocusableElements } from './get-focusable-elements.js';
 import { deepContains } from './deep-contains.js';
 import { keyCodes } from './key-codes.js';

package/components/overlays/test/OverlayController.test.js

@@ -12,6 +12,7 @@ import {
   html,
 } from '@open-wc/testing';
 
+import { isActiveElement } from '../../core/test-helpers/isActiveElement.js';
 import { createShadowHost } from '../test-helpers/createShadowHost.js';
 import { _adoptStyleUtils } from '../src/utils/adopt-styles.js';
 import { simulateTab } from '../src/utils/simulate-tab.js';
@@ -36,6 +37,14 @@ async function mimicEscapePress(element) {
   await aTimeout(0);
 }
 
+/**
+ * @param {OverlayController} ctrlToFind
+ * @returns {boolean}
+ */
+function isRegisteredOnManager(ctrlToFind) {
+  return Boolean(ctrlToFind.manager?.list?.find(ctrl => ctrlToFind === ctrl));
+}
+
 /**
  * Make sure that all browsers serialize html in a similar way
  * (Firefox tends to output empty style attrs)
@@ -275,8 +284,18 @@ describe('OverlayController', () => {
     });
   });
 
-  // TODO: Add teardown feature tests
-  describe('Teardown', () => {});
+  // TODO: Add more teardown feature tests
+  describe('Teardown', () => {
+    it('unregisters itself from overlayManager', async () => {
+      const ctrl = new OverlayController(withGlobalTestConfig());
+
+      expect(isRegisteredOnManager(ctrl)).to.be.true;
+
+      ctrl.teardown();
+
+      expect(isRegisteredOnManager(ctrl)).to.be.false;
+    });
+  });
 
   describe('Node Configuration', () => {
     describe('Content', async () => {
@@ -556,7 +575,8 @@ describe('OverlayController', () => {
           trapsKeyboardFocus: true,
         });
         await ctrl.show();
-        expect(ctrl.contentNode).to.equal(document.activeElement);
+
+        expect(isActiveElement(ctrl.contentNode)).to.be.true;
       });
 
       it('keeps focus within the overlay e.g. you can not tab out by accident', async () => {
@@ -1092,6 +1112,19 @@ describe('OverlayController', () => {
 
         expect(ctrl.isShown).to.be.true;
       });
+
+      it('hides when window is blurred (useful for iframes)', async () => {
+        const ctrl = new OverlayController({
+          ...withGlobalTestConfig(),
+          hidesOnOutsideClick: true,
+        });
+        await ctrl.show();
+
+        window.dispatchEvent(new Event('blur'));
+        await aTimeout(0);
+
+        expect(ctrl.isShown).to.be.false;
+      });
     });
 
     describe('elementToFocusAfterHide', () => {
@@ -1108,10 +1141,10 @@ describe('OverlayController', () => {
         await ctrl.show();
         const input = /** @type {HTMLInputElement} */ (contentNode.querySelector('input'));
         input.focus();
-        expect(document.activeElement).to.equal(input);
+        expect(isActiveElement(input)).to.be.true;
 
         await ctrl.hide();
-        expect(document.activeElement).to.equal(document.body);
+        expect(isActiveElement(document.body)).to.be.true;
       });
 
       it('supports elementToFocusAfterHide option to focus it when hiding', async () => {
@@ -1128,10 +1161,10 @@ describe('OverlayController', () => {
         await ctrl.show();
         const textarea = /** @type {HTMLTextAreaElement} */ (contentNode.querySelector('textarea'));
         textarea.focus();
-        expect(document.activeElement).to.equal(textarea);
+        expect(isActiveElement(textarea)).to.be.true;
 
         await ctrl.hide();
-        expect(document.activeElement).to.equal(input);
+        expect(isActiveElement(input)).to.be.true;
         expect(isInViewport(input)).to.be.true;
       });
 
@@ -1156,10 +1189,10 @@ describe('OverlayController', () => {
         await ctrl.show();
         const textarea = /** @type {HTMLTextAreaElement} */ (contentNode.querySelector('textarea'));
         textarea.focus();
-        expect(document.activeElement).to.equal(textarea);
+        expect(isActiveElement(textarea)).to.be.true;
 
         await ctrl.hide();
-        expect(document.activeElement).to.equal(input);
+        expect(isActiveElement(input)).to.be.true;
 
         document.body.removeChild(shadowHost);
       });
@@ -1177,10 +1210,10 @@ describe('OverlayController', () => {
         await ctrl.show();
         // an outside element has taken over focus
         outsideButton.focus();
-        expect(document.activeElement).to.equal(outsideButton);
+        expect(isActiveElement(outsideButton)).to.be.true;
 
         await ctrl.hide();
-        expect(document.activeElement).to.equal(outsideButton);
+        expect(isActiveElement(outsideButton)).to.be.true;
       });
 
       it('allows to set elementToFocusAfterHide on show', async () => {
@@ -1199,10 +1232,10 @@ describe('OverlayController', () => {
         await ctrl.show(input);
         const textarea = /** @type {HTMLTextAreaElement} */ (contentNode.querySelector('textarea'));
         textarea.focus();
-        expect(document.activeElement).to.equal(textarea);
+        expect(isActiveElement(textarea)).to.be.true;
 
         await ctrl.hide();
-        expect(document.activeElement).to.equal(input);
+        expect(isActiveElement(input)).to.be.true;
       });
     });
 

package/components/overlays/test/utils-tests/contain-focus.test.js

@@ -1,11 +1,12 @@
 /* eslint-disable lit-a11y/no-autofocus */
 import { expect, fixture, nextFrame } from '@open-wc/testing';
-import { html } from 'lit/static-html.js';
+import { getFocusableElements } from '@lion/ui/overlays.js';
 import { renderLitAsNode } from '@lion/ui/helpers.js';
-import { getDeepActiveElement, getFocusableElements } from '@lion/ui/overlays.js';
+import { html } from 'lit/static-html.js';
 
-import { keyCodes } from '../../src/utils/key-codes.js';
+import { isActiveElement } from '../../../core/test-helpers/isActiveElement.js';
 import { containFocus } from '../../src/utils/contain-focus.js';
+import { keyCodes } from '../../src/utils/key-codes.js';
 
 function simulateTabWithinContainFocus() {
   const event = new CustomEvent('keydown', { detail: 0, bubbles: true });
@@ -87,7 +88,7 @@ describe('containFocus()', () => {
     const root = /** @type {HTMLElement} */ (document.getElementById('rootElement'));
     const { disconnect } = containFocus(root);
 
-    expect(getDeepActiveElement()).to.equal(root);
+    expect(isActiveElement(root, { deep: true })).to.be.true;
     expect(root.getAttribute('tabindex')).to.equal('-1');
     expect(root.style.getPropertyValue('outline-style')).to.equal('none');
 
@@ -99,7 +100,7 @@ describe('containFocus()', () => {
     const el = /** @type {HTMLElement} */ (document.querySelector('input[autofocus]'));
     const { disconnect } = containFocus(el);
 
-    expect(getDeepActiveElement()).to.equal(el);
+    expect(isActiveElement(el, { deep: true })).to.be.true;
 
     disconnect();
   });
@@ -113,7 +114,7 @@ describe('containFocus()', () => {
     /** @type {HTMLElement} */ (document.getElementById('outside-1')).focus();
 
     simulateTabWithinContainFocus();
-    expect(getDeepActiveElement()).to.equal(focusableElements[0]);
+    expect(isActiveElement(focusableElements[0], { deep: true })).to.be.true;
 
     disconnect();
   });
@@ -127,7 +128,7 @@ describe('containFocus()', () => {
     focusableElements[focusableElements.length - 1].focus();
 
     simulateTabWithinContainFocus();
-    expect(getDeepActiveElement()).to.equal(focusableElements[0]);
+    expect(isActiveElement(focusableElements[0], { deep: true })).to.be.true;
 
     disconnect();
   });
@@ -146,7 +147,7 @@ describe('containFocus()', () => {
      * actual tab key press. So the best we can do is if we didn't redirect focus
      * to the first element.
      */
-    expect(getDeepActiveElement()).to.equal(focusableElements[2]);
+    expect(isActiveElement(focusableElements[2], { deep: true })).to.be.true;
 
     disconnect();
   });
@@ -158,9 +159,10 @@ describe('containFocus()', () => {
     const { disconnect } = containFocus(root);
 
     focusableElements[2].focus();
-    expect(getDeepActiveElement()).to.equal(focusableElements[2]);
+    expect(isActiveElement(focusableElements[2], { deep: true })).to.be.true;
+
     document.body.click(); // this does not cause focusout event :( doesn't seem possible to mock
-    expect(getDeepActiveElement()).to.equal(root);
+    expect(isActiveElement(root, { deep: true })).to.be.true;
 
     disconnect();
   });
@@ -185,11 +187,12 @@ describe('containFocus()', () => {
 
       // Simulate tab in window
       simulateTabInWindow(/** @type {HTMLElement} */ (document.getElementById('outside-1')));
-      expect(getDeepActiveElement()).to.equal(focusableElements[0]);
+      expect(isActiveElement(focusableElements[0], { deep: true })).to.be.true;
 
       // Simulate shift+tab in window
       simulateTabInWindow(/** @type {HTMLElement} */ (document.getElementById('outside-2')));
-      expect(getDeepActiveElement()).to.equal(focusableElements[focusableElements.length - 1]);
+      expect(isActiveElement(focusableElements[focusableElements.length - 1], { deep: true })).to.be
+        .true;
 
       disconnect();
     });
@@ -202,11 +205,12 @@ describe('containFocus()', () => {
 
       // Simulate tab in window
       simulateTabInWindow(/** @type {HTMLElement} */ (document.getElementById('outside-1')));
-      expect(getDeepActiveElement()).to.equal(focusableElements[0]);
+      expect(isActiveElement(focusableElements[0], { deep: true })).to.be.true;
 
       // Simulate shift+tab in window
       simulateTabInWindow(/** @type {HTMLElement} */ (document.getElementById('outside-2')));
-      expect(getDeepActiveElement()).to.equal(focusableElements[focusableElements.length - 1]);
+      expect(isActiveElement(focusableElements[focusableElements.length - 1], { deep: true })).to.be
+        .true;
 
       disconnect();
     });
@@ -219,11 +223,12 @@ describe('containFocus()', () => {
 
       // Simulate tab in window
       simulateTabInWindow(focusableElements[0]);
-      expect(getDeepActiveElement()).to.equal(focusableElements[0]);
+      expect(isActiveElement(focusableElements[0], { deep: true })).to.be.true;
 
       // Simulate shift+tab in window
       simulateTabInWindow(focusableElements[focusableElements.length - 1]);
-      expect(getDeepActiveElement()).to.equal(focusableElements[focusableElements.length - 1]);
+      expect(isActiveElement(focusableElements[focusableElements.length - 1], { deep: true })).to.be
+        .true;
 
       disconnect();
     });

package/components/select-rich/test/lion-select-rich.test.js

@@ -1,30 +1,28 @@
-import { LitElement } from 'lit';
-import { LionOption } from '@lion/ui/listbox.js';
-import { OverlayController } from '@lion/ui/overlays.js';
-import { mimicClick } from '@lion/ui/overlays-test-helpers.js';
 import { LionSelectInvoker, LionSelectRich } from '@lion/ui/select-rich.js';
-
-import '@lion/ui/define/lion-option.js';
-import '@lion/ui/define/lion-listbox.js';
+import { getSelectRichMembers } from '@lion/ui/select-rich-test-helpers.js';
+import { mimicClick } from '@lion/ui/overlays-test-helpers.js';
+import { OverlayController } from '@lion/ui/overlays.js';
+import { LionOption } from '@lion/ui/listbox.js';
 import '@lion/ui/define/lion-select-rich.js';
+import '@lion/ui/define/lion-listbox.js';
+import '@lion/ui/define/lion-option.js';
+import { LitElement } from 'lit';
 import {
+  fixture as _fixture,
+  unsafeStatic,
+  nextFrame,
   aTimeout,
   defineCE,
   expect,
-  fixture as _fixture,
   html,
-  nextFrame,
-  unsafeStatic,
 } from '@open-wc/testing';
-import { getSelectRichMembers } from '@lion/ui/select-rich-test-helpers.js';
 
-/**
- * @typedef {import('../../listbox/src/LionOptions.js').LionOptions} LionOptions
- * @typedef {import('../../listbox/types/ListboxMixinTypes.js').ListboxHost} ListboxHost
- * @typedef {import('../../form-core/types/FormControlMixinTypes.js').FormControlHost} FormControlHost
- */
+import { isActiveElement } from '../../core/test-helpers/isActiveElement.js';
 
 /**
+ * @typedef {import('../../form-core/types/FormControlMixinTypes.js').FormControlHost} FormControlHost
+ * @typedef {import('../../listbox/types/ListboxMixinTypes.js').ListboxHost} ListboxHost
+ * @typedef {import('../../listbox/src/LionOptions.js').LionOptions} LionOptions
  * @typedef {import('lit').TemplateResult} TemplateResult
  */
 
@@ -478,7 +476,7 @@ describe('lion-select-rich', () => {
 
       el.opened = true;
       await el.updateComplete;
-      expect(document.activeElement).to.equal(_listboxNode);
+      expect(isActiveElement(_listboxNode)).to.be.true;
 
       el.opened = false;
       await el.updateComplete;

package/components/switch/test/lion-switch.test.js

@@ -1,16 +1,17 @@
+import { getFormControlMembers } from '@lion/ui/form-core-test-helpers.js';
 import { expect, fixture as _fixture } from '@open-wc/testing';
-import { html } from 'lit/static-html.js';
-import sinon from 'sinon';
 import { Validator } from '@lion/ui/form-core.js';
 import { LionSwitch } from '@lion/ui/switch.js';
-import { getFormControlMembers } from '@lion/ui/form-core-test-helpers.js';
-
+import { html } from 'lit/static-html.js';
 import '@lion/ui/define/lion-switch.js';
+import sinon from 'sinon';
+
+import { isActiveElement } from '../../core/test-helpers/isActiveElement.js';
 
 /**
  * @typedef {import('../src/LionSwitchButton.js').LionSwitchButton} LionSwitchButton
- * @typedef {import('lit').TemplateResult} TemplateResult
  * @typedef {import('@lion/ui/types/form-core.js').FormControlHost} FormControlHost
+ * @typedef {import('lit').TemplateResult} TemplateResult
  */
 
 const IsTrue = class extends Validator {
@@ -60,7 +61,7 @@ describe('lion-switch', () => {
     const { _inputNode, _labelNode } = getSwitchMembers(el);
 
     _labelNode.click();
-    expect(document.activeElement).to.equal(_inputNode);
+    expect(isActiveElement(_inputNode)).to.be.true;
   });
 
   it('clicking the label should not focus the toggle button when disabled', async () => {

package/custom-elements.json

@@ -1812,7 +1812,7 @@
           "name": "getDeepActiveElement",
           "declaration": {
             "name": "getDeepActiveElement",
-            "module": "../components/overlays/src/utils/get-deep-active-element.js"
+            "module": "../components/core/src/getDeepActiveElement.js"
           }
         },
         {
@@ -1825,17 +1825,17 @@
         },
         {
           "kind": "js",
-          "name": "setSiblingsInert",
+          "name": "unsetSiblingsInert",
           "declaration": {
-            "name": "setSiblingsInert",
+            "name": "unsetSiblingsInert",
             "module": "../components/overlays/src/utils/inert-siblings.js"
           }
         },
         {
           "kind": "js",
-          "name": "unsetSiblingsInert",
+          "name": "setSiblingsInert",
           "declaration": {
-            "name": "unsetSiblingsInert",
+            "name": "setSiblingsInert",
             "module": "../components/overlays/src/utils/inert-siblings.js"
           }
         },
@@ -15291,6 +15291,21 @@
               },
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "#isMovingInDom",
+              "privacy": "private",
+              "description": "When we're moving around in dom, disconnectedCallback gets called.\nBefore we decide to teardown, let's wait to see if we were not just moving nodes around.",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "inheritedFrom": {
+                "name": "OverlayMixin",
+                "module": "components/overlays/src/OverlayMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -19632,6 +19647,21 @@
               },
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "#isMovingInDom",
+              "privacy": "private",
+              "description": "When we're moving around in dom, disconnectedCallback gets called.\nBefore we decide to teardown, let's wait to see if we were not just moving nodes around.",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "inheritedFrom": {
+                "name": "OverlayMixin",
+                "module": "components/overlays/src/OverlayMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -74364,6 +74394,21 @@
               },
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "#isMovingInDom",
+              "privacy": "private",
+              "description": "When we're moving around in dom, disconnectedCallback gets called.\nBefore we decide to teardown, let's wait to see if we were not just moving nodes around.",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "inheritedFrom": {
+                "name": "OverlayMixin",
+                "module": "components/overlays/src/OverlayMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -115096,6 +115141,11 @@
               "description": "Allows to dynamically change the overlay configuration. Needed in case the\npresentation of the overlay changes depending on screen size.\nNote that this method is the only allowed way to update a configuration of an\nOverlayController instance.",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "#isRegisteredOnManager",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "__validateConfiguration",
@@ -115838,6 +115888,17 @@
               "name": "repositionOverlay",
               "description": "Sometimes it's needed to recompute Popper position of an overlay, for instance when we have\nan opened combobox and the surrounding context changes (the space consumed by the textbox\nincreases vertically)"
             },
+            {
+              "kind": "method",
+              "name": "#isMovingInDom",
+              "privacy": "private",
+              "description": "When we're moving around in dom, disconnectedCallback gets called.\nBefore we decide to teardown, let's wait to see if we were not just moving nodes around.",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -116228,6 +116289,21 @@
                 "module": "components/overlays/src/OverlayMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "#isMovingInDom",
+              "privacy": "private",
+              "description": "When we're moving around in dom, disconnectedCallback gets called.\nBefore we decide to teardown, let's wait to see if we were not just moving nodes around.",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "inheritedFrom": {
+                "name": "OverlayMixin",
+                "module": "components/overlays/src/OverlayMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -116527,7 +116603,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/overlays/src/utils/get-deep-active-element.js",
+      "path": "components/core/src/getDeepActiveElement.js",
       "declarations": [
         {
           "kind": "function",
@@ -116546,7 +116622,7 @@
           "name": "getDeepActiveElement",
           "declaration": {
             "name": "getDeepActiveElement",
-            "module": "components/overlays/src/utils/get-deep-active-element.js"
+            "module": "components/core/src/getDeepActiveElement.js"
           }
         }
       ]
@@ -123891,6 +123967,21 @@
               },
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "#isMovingInDom",
+              "privacy": "private",
+              "description": "When we're moving around in dom, disconnectedCallback gets called.\nBefore we decide to teardown, let's wait to see if we were not just moving nodes around.",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "inheritedFrom": {
+                "name": "OverlayMixin",
+                "module": "components/overlays/src/OverlayMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -138053,6 +138144,21 @@
               },
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "#isMovingInDom",
+              "privacy": "private",
+              "description": "When we're moving around in dom, disconnectedCallback gets called.\nBefore we decide to teardown, let's wait to see if we were not just moving nodes around.",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "inheritedFrom": {
+                "name": "OverlayMixin",
+                "module": "components/overlays/src/OverlayMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -142617,6 +142723,50 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/core/test-helpers/isActiveElement.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "isActiveElement",
+          "parameters": [
+            {
+              "name": "el",
+              "type": {
+                "text": "Element"
+              }
+            },
+            {
+              "name": "{ deep = false }",
+              "default": "{}"
+            },
+            {
+              "name": "opts",
+              "type": {
+                "text": "{deep?: boolean}"
+              }
+            }
+          ],
+          "description": "Readable alternative for `expect(el).to.equal(document.activeElement);`.\nWhile this is readable by itself, it makes Web Test Runner hang completely in many occasions.\nTherefore it's better to write:\n`expect(isActiveElement(el)).to.be.true;`",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isActiveElement",
+          "declaration": {
+            "name": "isActiveElement",
+            "module": "components/core/test-helpers/isActiveElement.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/form-core/src/utils/getAriaElementsInRightDomOrder.js",