@instructure/ui-a11y-utils 9.2.1-snapshot-3 → 9.2.1-snapshot-5

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [9.2.1-snapshot-3](https://github.com/instructure/instructure-ui/compare/v9.2.0...v9.2.1-snapshot-3) (2024-07-12)
+## [9.2.1-snapshot-5](https://github.com/instructure/instructure-ui/compare/v9.2.0...v9.2.1-snapshot-5) (2024-07-12)
 
 **Note:** Version bump only for package @instructure/ui-a11y-utils
 

package/es/__new-tests__/FocusRegionManager.test.js

@@ -0,0 +1,163 @@
+var _div, _div2;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { FocusRegionManager } from '../FocusRegionManager';
+describe('FocusRegionManager', () => {
+  beforeEach(async () => {
+    FocusRegionManager.clearEntries();
+  });
+  it('should focus the first tabbable element when focused', async () => {
+    render(_div || (_div = /*#__PURE__*/React.createElement("div", {
+      "data-test-parent": true,
+      role: "main",
+      "aria-label": "test app",
+      id: "test-parent3"
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-test-ignore": true,
+      role: "alert"
+    }, /*#__PURE__*/React.createElement("span", null, "test alert")), /*#__PURE__*/React.createElement("div", {
+      "data-test-child": true
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-test-descendant": true
+    }), /*#__PURE__*/React.createElement("div", {
+      "data-test-descendant": true
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-test-descendant": true
+    }, /*#__PURE__*/React.createElement("button", {
+      "data-testid": "button"
+    }, "click me")))), /*#__PURE__*/React.createElement("div", {
+      "data-test-parent": true,
+      "aria-hidden": "true",
+      id: "test-parent2"
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-test-child": true
+    }), /*#__PURE__*/React.createElement("div", {
+      role: "dialog",
+      "aria-label": "some content",
+      "data-test-parent": true,
+      id: "test-parent1"
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-testid": "content"
+    }, /*#__PURE__*/React.createElement("div", null, "Hello world"), /*#__PURE__*/React.createElement("button", {
+      "data-testid": "first-tabbable"
+    }, "click me"), /*#__PURE__*/React.createElement("button", null, "or click me")), /*#__PURE__*/React.createElement("span", {
+      "data-test-child": true
+    }, /*#__PURE__*/React.createElement("ul", {
+      "data-test-descendant": true
+    }, /*#__PURE__*/React.createElement("li", {
+      "data-test-descendant": true
+    }, "item 1"), /*#__PURE__*/React.createElement("li", {
+      "data-test-descendant": true
+    }, "item 2"), /*#__PURE__*/React.createElement("li", {
+      "data-test-descendant": true
+    }, "item 3"))))), /*#__PURE__*/React.createElement("div", {
+      "data-test-child": true,
+      "aria-hidden": "true"
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-test-descendant": true
+    }), /*#__PURE__*/React.createElement("div", {
+      "data-test-descendant": true
+    })), /*#__PURE__*/React.createElement("iframe", {
+      id: "frame",
+      title: "frame"
+    }))));
+    const button = screen.getByTestId('button');
+    const content = screen.getByTestId('content');
+    const firstTabbable = screen.getByTestId('first-tabbable');
+    button.focus();
+    expect(document.activeElement).toBe(button);
+    FocusRegionManager.focusRegion(content);
+    await waitFor(() => {
+      expect(document.activeElement).toBe(firstTabbable);
+    });
+  });
+  it('should return focus when blurred', async () => {
+    render(_div2 || (_div2 = /*#__PURE__*/React.createElement("div", {
+      "data-test-parent": true,
+      role: "main",
+      "aria-label": "test app",
+      id: "test-parent3"
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-test-ignore": true,
+      role: "alert"
+    }, /*#__PURE__*/React.createElement("span", null, "test alert")), /*#__PURE__*/React.createElement("div", {
+      "data-test-child": true
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-test-descendant": true
+    }), /*#__PURE__*/React.createElement("div", {
+      "data-test-descendant": true
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-test-descendant": true
+    }, /*#__PURE__*/React.createElement("button", {
+      "data-testid": "button"
+    }, "click me")))), /*#__PURE__*/React.createElement("div", {
+      "data-test-parent": true,
+      "aria-hidden": "true",
+      id: "test-parent2"
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-test-child": true
+    }), /*#__PURE__*/React.createElement("div", {
+      role: "dialog",
+      "aria-label": "some content",
+      "data-test-parent": true,
+      id: "test-parent1"
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-testid": "content"
+    }, /*#__PURE__*/React.createElement("div", null, "Hello world"), /*#__PURE__*/React.createElement("button", {
+      "data-test-first-tabbable": true
+    }, "click me"), /*#__PURE__*/React.createElement("button", null, "or click me")), /*#__PURE__*/React.createElement("span", {
+      "data-test-child": true
+    }, /*#__PURE__*/React.createElement("ul", {
+      "data-test-descendant": true
+    }, /*#__PURE__*/React.createElement("li", {
+      "data-test-descendant": true
+    }, "item 1"), /*#__PURE__*/React.createElement("li", {
+      "data-test-descendant": true
+    }, "item 2"), /*#__PURE__*/React.createElement("li", {
+      "data-test-descendant": true
+    }, "item 3"))))), /*#__PURE__*/React.createElement("div", {
+      "data-test-child": true,
+      "aria-hidden": "true"
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-test-descendant": true
+    }), /*#__PURE__*/React.createElement("div", {
+      "data-test-descendant": true
+    })), /*#__PURE__*/React.createElement("iframe", {
+      id: "frame",
+      title: "frame"
+    }))));
+    const button = screen.getByTestId('button');
+    const content = screen.getByTestId('content');
+    button.focus();
+    expect(document.activeElement).toBe(button);
+    FocusRegionManager.focusRegion(content);
+    FocusRegionManager.blurRegion(content);
+    await waitFor(() => {
+      expect(document.activeElement).toBe(button);
+    });
+  });
+});

package/es/__new-tests__/ScreenReaderFocusRegion.test.js

@@ -0,0 +1,200 @@
+var _div, _div2;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { ScreenReaderFocusRegion } from '../ScreenReaderFocusRegion';
+describe('ScreenReaderFocusRegion', () => {
+  const element = _div || (_div = /*#__PURE__*/React.createElement("div", {
+    "data-testid": "parent",
+    role: "main",
+    "aria-label": "test app",
+    id: "test-parent3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "ignore",
+    role: "alert"
+  }, /*#__PURE__*/React.createElement("span", null, "test alert")), /*#__PURE__*/React.createElement("div", {
+    "data-testid": "child"
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "descendant"
+  }, "foo"), /*#__PURE__*/React.createElement("div", {
+    "data-testid": "descendant"
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "descendant"
+  }, "bar"))), /*#__PURE__*/React.createElement("div", {
+    "data-testid": "parent",
+    "aria-hidden": "true",
+    id: "test-parent2"
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "child"
+  }), /*#__PURE__*/React.createElement("div", {
+    role: "dialog",
+    "aria-label": "some content",
+    "data-testid": "parent",
+    id: "test-parent1"
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "content"
+  }, /*#__PURE__*/React.createElement("div", null, "Hello world"), /*#__PURE__*/React.createElement("button", null, "click me"), /*#__PURE__*/React.createElement("button", null, "or click me")), /*#__PURE__*/React.createElement("span", {
+    "data-testid": "child"
+  }, /*#__PURE__*/React.createElement("ul", {
+    "data-testid": "descendant"
+  }, /*#__PURE__*/React.createElement("li", {
+    "data-testid": "descendant"
+  }, "item 1"), /*#__PURE__*/React.createElement("li", {
+    "data-testid": "descendant"
+  }, "item 2"), /*#__PURE__*/React.createElement("li", {
+    "data-testid": "descendant"
+  }, "item 3"))))), /*#__PURE__*/React.createElement("div", {
+    "data-testid": "child-initial-hidden",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "descendant"
+  }, "foo"), /*#__PURE__*/React.createElement("div", {
+    "data-testid": "descendant"
+  }, "bar"))));
+  it('should accept a function for liveRegion', async () => {
+    render(element);
+    const ignore = screen.getByTestId('ignore');
+    const content = screen.getByTestId('content');
+    const screenReaderFocusRegion = new ScreenReaderFocusRegion(content, {
+      liveRegion: () => ignore,
+      shouldContainFocus: true
+    });
+    screenReaderFocusRegion.activate();
+    await waitFor(() => {
+      expect(ignore).not.toHaveAttribute('aria-hidden');
+    });
+  });
+  it("should apply aria-hidden to all children of content's parent nodes unless they are live regions", async () => {
+    render(element);
+    const ignore = screen.getByTestId('ignore');
+    const content = screen.getByTestId('content');
+    const children = screen.getAllByTestId('child');
+    const screenReaderFocusRegion = new ScreenReaderFocusRegion(content, {
+      liveRegion: ignore,
+      shouldContainFocus: true
+    });
+    screenReaderFocusRegion.activate();
+    children.forEach(node => {
+      expect(node).toHaveAttribute('aria-hidden');
+    });
+    expect(ignore).not.toHaveAttribute('aria-hidden');
+  });
+  it("should mute designated attributes for content's parent nodes", async () => {
+    render(element);
+    const content = screen.getByTestId('content');
+    const parents = screen.getAllByTestId('parent');
+    const screenReaderFocusRegion = new ScreenReaderFocusRegion(content);
+    screenReaderFocusRegion.activate();
+    parents.forEach(node => {
+      expect(node).not.toHaveAttribute('aria-hidden');
+      expect(node).not.toHaveAttribute('aria-label');
+      expect(node).not.toHaveAttribute('role');
+    });
+  });
+  it('should not apply aria-hidden to descendants', async () => {
+    render(element);
+    const content = screen.getByTestId('content');
+    const descendants = screen.getAllByTestId('descendant');
+    const screenReaderFocusRegion = new ScreenReaderFocusRegion(content);
+    screenReaderFocusRegion.activate();
+    descendants.forEach(node => {
+      expect(node).not.toHaveAttribute('aria-hidden');
+    });
+  });
+  it('should not apply aria-hidden to dynamically added descendants of content', async () => {
+    render(element);
+    const content = screen.getByTestId('content');
+    const screenReaderFocusRegion = new ScreenReaderFocusRegion(content);
+    screenReaderFocusRegion.activate();
+    const desc = document.createElement('div');
+    content.appendChild(desc);
+    screenReaderFocusRegion.handleDOMMutation([{
+      addedNodes: [desc],
+      removedNodes: []
+    }]);
+    Array.from(content.childNodes).forEach(node => {
+      expect(node).not.toHaveAttribute('aria-hidden');
+    });
+  });
+  it('should remove aria-hidden from children unless they had aria-hidden before', async () => {
+    render(element);
+    const content = screen.getByTestId('content');
+    const screenReaderFocusRegion = new ScreenReaderFocusRegion(content);
+    const childNodes = screen.getAllByTestId('child');
+    const exception = screen.getByTestId('child-initial-hidden');
+    screenReaderFocusRegion.activate();
+    screenReaderFocusRegion.deactivate();
+    childNodes.forEach(node => {
+      expect(node).not.toHaveAttribute('aria-hidden');
+    });
+    expect(exception).toHaveAttribute('aria-hidden');
+  });
+  it('should properly restore and unmute parent attributes', async () => {
+    render(element);
+    const content = screen.getByTestId('content');
+    const screenReaderFocusRegion = new ScreenReaderFocusRegion(content);
+    const parentNodes = screen.getAllByTestId('parent');
+    const attrsMap = {};
+    parentNodes.forEach(node => {
+      attrsMap[node.getAttribute('id')] = [...node.attributes];
+    });
+    screenReaderFocusRegion.activate();
+    screenReaderFocusRegion.deactivate();
+    parentNodes.forEach(node => {
+      const preNodeAttrs = attrsMap[node.getAttribute('id')];
+      const postNodeAttrs = [...node.attributes];
+
+      // both should have same number of attributes
+      expect(preNodeAttrs.length).toEqual(postNodeAttrs.length);
+      preNodeAttrs.forEach(preNodeAttribute => {
+        const matchingAttribute = postNodeAttrs.filter(postNodeAttribute => preNodeAttribute.name === postNodeAttribute.name)[0];
+        expect(matchingAttribute.value).toEqual(preNodeAttribute.value);
+      });
+    });
+  });
+  it('should not apply aria-hidden to elements that have aria-live attributes', async () => {
+    render(_div2 || (_div2 = /*#__PURE__*/React.createElement("div", {
+      "data-testid": "main",
+      role: "main",
+      "aria-label": "test app"
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-testid": "live",
+      "aria-live": "assertive"
+    }), /*#__PURE__*/React.createElement("div", {
+      "data-testid": "regular"
+    }), /*#__PURE__*/React.createElement("div", {
+      "data-testid": "content"
+    }))));
+    const content = screen.getByTestId('content');
+    const screenReaderFocusRegion = new ScreenReaderFocusRegion(content);
+    screenReaderFocusRegion.activate();
+    const liveRegion = screen.getByTestId('live');
+    const regularRegion = screen.getByTestId('regular');
+    expect(liveRegion).not.toHaveAttribute('aria-hidden');
+    expect(regularRegion).toHaveAttribute('aria-hidden');
+  });
+});

package/es/__new-tests__/hasVisibleChildren.test.js

@@ -0,0 +1,37 @@
+var _ScreenReaderContent, _div;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import React from 'react';
+import '@testing-library/jest-dom';
+import { ScreenReaderContent } from '@instructure/ui-a11y-content';
+import { hasVisibleChildren } from '../hasVisibleChildren';
+describe('hasVisibleChildren', () => {
+  it('should not count ScreenReaderContent as visible content', async () => {
+    expect(hasVisibleChildren(_ScreenReaderContent || (_ScreenReaderContent = /*#__PURE__*/React.createElement(ScreenReaderContent, null, "Foo")))).toBe(false);
+  });
+  it('should count everything else as visible', async () => {
+    expect(hasVisibleChildren(_div || (_div = /*#__PURE__*/React.createElement("div", null, "Foo")))).toBe(true);
+  });
+});

package/es/__new-tests__/scopeTab.test.js

@@ -0,0 +1,81 @@
+var _div, _div2, _div3;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import { vi } from 'vitest';
+import '@testing-library/jest-dom';
+import { scopeTab } from '../scopeTab';
+const MOCK_EVENT = new KeyboardEvent('mockEvent', {
+  shiftKey: false
+});
+MOCK_EVENT.preventDefault = () => {};
+describe('scopeTab', () => {
+  it('should scope tab within container', async () => {
+    render(_div || (_div = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      "data-testid": "container"
+    }, /*#__PURE__*/React.createElement("input", {
+      "data-testid": "first"
+    }), /*#__PURE__*/React.createElement("input", {
+      "data-testid": "second"
+    })))));
+    const container = screen.getByTestId('container');
+    const first = screen.getByTestId('first');
+    const second = screen.getByTestId('second');
+    second.focus();
+    await waitFor(() => {
+      expect(document.activeElement).toBe(second);
+    });
+    scopeTab(container, MOCK_EVENT);
+    await waitFor(() => {
+      expect(document.activeElement).toBe(first);
+    });
+  });
+  it('should not attempt scoping when no tabbable children', async () => {
+    render(_div2 || (_div2 = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      "data-testid": "container"
+    }, "Hello"), /*#__PURE__*/React.createElement("input", null))));
+    const input = screen.getByRole('textbox');
+    const container = screen.getByTestId('container');
+    input.focus();
+    scopeTab(container, MOCK_EVENT);
+    await waitFor(() => {
+      expect(document.activeElement).toBe(input);
+    });
+  });
+  it('should execute callback when provided instead of default behavior', async () => {
+    const cb = vi.fn();
+    render(_div3 || (_div3 = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      "data-testid": "container"
+    }, /*#__PURE__*/React.createElement("input", null)))));
+    const input = screen.getByRole('textbox');
+    const container = screen.getByTestId('container');
+    input.focus();
+    scopeTab(container, MOCK_EVENT, cb);
+    await waitFor(() => {
+      expect(cb).toHaveBeenCalled();
+    });
+  });
+});

package/lib/__new-tests__/FocusRegionManager.test.js

@@ -0,0 +1,166 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+var _FocusRegionManager = require("../FocusRegionManager");
+var _div, _div2;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+describe('FocusRegionManager', () => {
+  beforeEach(async () => {
+    _FocusRegionManager.FocusRegionManager.clearEntries();
+  });
+  it('should focus the first tabbable element when focused', async () => {
+    (0, _react2.render)(_div || (_div = /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-parent": true,
+      role: "main",
+      "aria-label": "test app",
+      id: "test-parent3"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-ignore": true,
+      role: "alert"
+    }, /*#__PURE__*/_react.default.createElement("span", null, "test alert")), /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-child": true
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-descendant": true
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-descendant": true
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-descendant": true
+    }, /*#__PURE__*/_react.default.createElement("button", {
+      "data-testid": "button"
+    }, "click me")))), /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-parent": true,
+      "aria-hidden": "true",
+      id: "test-parent2"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-child": true
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      role: "dialog",
+      "aria-label": "some content",
+      "data-test-parent": true,
+      id: "test-parent1"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": "content"
+    }, /*#__PURE__*/_react.default.createElement("div", null, "Hello world"), /*#__PURE__*/_react.default.createElement("button", {
+      "data-testid": "first-tabbable"
+    }, "click me"), /*#__PURE__*/_react.default.createElement("button", null, "or click me")), /*#__PURE__*/_react.default.createElement("span", {
+      "data-test-child": true
+    }, /*#__PURE__*/_react.default.createElement("ul", {
+      "data-test-descendant": true
+    }, /*#__PURE__*/_react.default.createElement("li", {
+      "data-test-descendant": true
+    }, "item 1"), /*#__PURE__*/_react.default.createElement("li", {
+      "data-test-descendant": true
+    }, "item 2"), /*#__PURE__*/_react.default.createElement("li", {
+      "data-test-descendant": true
+    }, "item 3"))))), /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-child": true,
+      "aria-hidden": "true"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-descendant": true
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-descendant": true
+    })), /*#__PURE__*/_react.default.createElement("iframe", {
+      id: "frame",
+      title: "frame"
+    }))));
+    const button = _react2.screen.getByTestId('button');
+    const content = _react2.screen.getByTestId('content');
+    const firstTabbable = _react2.screen.getByTestId('first-tabbable');
+    button.focus();
+    expect(document.activeElement).toBe(button);
+    _FocusRegionManager.FocusRegionManager.focusRegion(content);
+    await (0, _react2.waitFor)(() => {
+      expect(document.activeElement).toBe(firstTabbable);
+    });
+  });
+  it('should return focus when blurred', async () => {
+    (0, _react2.render)(_div2 || (_div2 = /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-parent": true,
+      role: "main",
+      "aria-label": "test app",
+      id: "test-parent3"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-ignore": true,
+      role: "alert"
+    }, /*#__PURE__*/_react.default.createElement("span", null, "test alert")), /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-child": true
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-descendant": true
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-descendant": true
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-descendant": true
+    }, /*#__PURE__*/_react.default.createElement("button", {
+      "data-testid": "button"
+    }, "click me")))), /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-parent": true,
+      "aria-hidden": "true",
+      id: "test-parent2"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-child": true
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      role: "dialog",
+      "aria-label": "some content",
+      "data-test-parent": true,
+      id: "test-parent1"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": "content"
+    }, /*#__PURE__*/_react.default.createElement("div", null, "Hello world"), /*#__PURE__*/_react.default.createElement("button", {
+      "data-test-first-tabbable": true
+    }, "click me"), /*#__PURE__*/_react.default.createElement("button", null, "or click me")), /*#__PURE__*/_react.default.createElement("span", {
+      "data-test-child": true
+    }, /*#__PURE__*/_react.default.createElement("ul", {
+      "data-test-descendant": true
+    }, /*#__PURE__*/_react.default.createElement("li", {
+      "data-test-descendant": true
+    }, "item 1"), /*#__PURE__*/_react.default.createElement("li", {
+      "data-test-descendant": true
+    }, "item 2"), /*#__PURE__*/_react.default.createElement("li", {
+      "data-test-descendant": true
+    }, "item 3"))))), /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-child": true,
+      "aria-hidden": "true"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-descendant": true
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      "data-test-descendant": true
+    })), /*#__PURE__*/_react.default.createElement("iframe", {
+      id: "frame",
+      title: "frame"
+    }))));
+    const button = _react2.screen.getByTestId('button');
+    const content = _react2.screen.getByTestId('content');
+    button.focus();
+    expect(document.activeElement).toBe(button);
+    _FocusRegionManager.FocusRegionManager.focusRegion(content);
+    _FocusRegionManager.FocusRegionManager.blurRegion(content);
+    await (0, _react2.waitFor)(() => {
+      expect(document.activeElement).toBe(button);
+    });
+  });
+});