@instructure/ui-dom-utils 8.46.2-snapshot-17 → 8.47.1-snapshot-0

package/CHANGELOG.md

@@ -3,7 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.46.2-snapshot-17](https://github.com/instructure/instructure-ui/compare/v8.46.1...v8.46.2-snapshot-17) (2023-10-27)
+## [8.47.1-snapshot-0](https://github.com/instructure/instructure-ui/compare/v8.47.0...v8.47.1-snapshot-0) (2023-11-02)
+
+**Note:** Version bump only for package @instructure/ui-dom-utils
+
+
+
+
+
+# [8.47.0](https://github.com/instructure/instructure-ui/compare/v8.46.1...v8.47.0) (2023-10-27)
 
 **Note:** Version bump only for package @instructure/ui-dom-utils
 

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

@@ -0,0 +1,42 @@
+var _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 { fireEvent, render } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { addEventListener } from '../addEventListener';
+describe('addEventListener', () => {
+  it('should add an event listener and provide a remove method', () => {
+    const callback = jest.fn();
+    const _render = render(_div || (_div = /*#__PURE__*/React.createElement("div", null))),
+      container = _render.container;
+    const node = container.firstChild;
+    const listener = addEventListener(node, 'click', callback);
+    fireEvent.click(node);
+    expect(callback).toHaveBeenCalledTimes(1);
+    expect(typeof listener.remove).toBe('function');
+    listener.remove();
+  });
+});

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

@@ -0,0 +1,52 @@
+var _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 { render, fireEvent, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { addInputModeListener } from '../addInputModeListener';
+describe('addInputModeListener', () => {
+  it('should handle input mode changes', () => {
+    const handleInputModeChange = jest.fn();
+    render(_div || (_div = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
+      id: "button-1"
+    }, "hello"), /*#__PURE__*/React.createElement("button", null, "world"))));
+    const inputModeListener = addInputModeListener({
+      onInputModeChange: handleInputModeChange
+    });
+    const button = screen.getByRole('button', {
+      name: 'hello'
+    });
+    fireEvent.mouseUp(button);
+    expect(inputModeListener.isKeyboardMode()).toBe(false);
+    fireEvent.keyDown(button);
+    expect(inputModeListener.isKeyboardMode()).toBe(true);
+    expect(handleInputModeChange).toHaveBeenCalledTimes(2);
+    inputModeListener.remove();
+    fireEvent.mouseUp(button);
+    expect(inputModeListener.isKeyboardMode()).toBe(true);
+    expect(handleInputModeChange).toHaveBeenCalledTimes(2);
+  });
+});

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

@@ -0,0 +1,64 @@
+var _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 { render, waitFor } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { addPositionChangeListener } from '../addPositionChangeListener';
+const mockRect = {
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  width: 0,
+  height: 0,
+  x: 0,
+  y: 0,
+  toJSON: jest.fn()
+};
+describe('addPositionChangeListener', () => {
+  it('should provide a remove method', async () => {
+    const callback = jest.fn();
+    Element.prototype.getBoundingClientRect = jest.fn(() => mockRect);
+    const _render = render(_div || (_div = /*#__PURE__*/React.createElement("div", null))),
+      container = _render.container;
+    const node = container.firstChild;
+    const listener = addPositionChangeListener(node, callback);
+
+    // Manually trigger a position change (since JSDOM won't)
+    Element.prototype.getBoundingClientRect = jest.fn(() => {
+      return {
+        ...mockRect,
+        top: 200
+      };
+    });
+    await waitFor(() => {
+      expect(callback).toHaveBeenCalledTimes(1);
+      expect(typeof listener.remove).toBe('function');
+    });
+    listener.remove();
+    jest.restoreAllMocks();
+  });
+});

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

@@ -0,0 +1,64 @@
+var _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 { render, waitFor } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { addResizeListener } from '../addResizeListener';
+const mockRect = {
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  width: 0,
+  height: 0,
+  x: 0,
+  y: 0,
+  toJSON: jest.fn()
+};
+describe('addResizeListener', () => {
+  it('should provide a remove method', async () => {
+    const callback = jest.fn();
+    Element.prototype.getBoundingClientRect = jest.fn(() => mockRect);
+    const _render = render(_div || (_div = /*#__PURE__*/React.createElement("div", null))),
+      container = _render.container;
+    const node = container.firstChild;
+    const listener = addResizeListener(node, callback);
+
+    // Manually trigger a size change (since JSDOM won't)
+    Element.prototype.getBoundingClientRect = jest.fn(() => {
+      return {
+        ...mockRect,
+        width: 200
+      };
+    });
+    await waitFor(() => {
+      expect(callback).toHaveBeenCalledTimes(1);
+      expect(typeof listener.remove).toBe('function');
+    });
+    listener.remove();
+    jest.restoreAllMocks();
+  });
+});

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

@@ -0,0 +1,66 @@
+var _a, _div, _div2, _input, _button, _button2;
+/*
+ * 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 } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { findTabbable } from '../findTabbable';
+describe('findTabbable', () => {
+  describe('tabbable content', () => {
+    it('should find tabbable descendants', () => {
+      /* eslint-disable jsx-a11y/tabindex-no-positive */
+      /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
+      const _render = render( /*#__PURE__*/React.createElement("div", null, _a || (_a = /*#__PURE__*/React.createElement("a", {
+          href: "https://instructure-test"
+        }, "Tabbable")), _div || (_div = /*#__PURE__*/React.createElement("div", null, "Not Tabbable")), _div2 || (_div2 = /*#__PURE__*/React.createElement("div", {
+          tabIndex: 1
+        }, "Tabbable")), _input || (_input = /*#__PURE__*/React.createElement("input", {
+          type: "text",
+          value: "Tabbable",
+          readOnly: true
+        })), /*#__PURE__*/React.createElement("div", null, _button || (_button = /*#__PURE__*/React.createElement("button", null, "Tabbable")), /*#__PURE__*/React.createElement("button", {
+          style: {
+            display: 'none'
+          }
+        }, "Not Tabbable")))),
+        container = _render.container;
+      const node = container.firstChild;
+      expect(findTabbable(node).length).toBe(4);
+    });
+  });
+  describe('tabbable root', () => {
+    it('should search the root node when shouldSearchRootNode is set', () => {
+      const shouldSearchRootNode = true;
+      const _render2 = render(_button2 || (_button2 = /*#__PURE__*/React.createElement("button", null, /*#__PURE__*/React.createElement("span", null, "hello")))),
+        container = _render2.container;
+      const node = container.firstChild;
+      expect(findTabbable(node).length).toBe(0);
+      expect(findTabbable(node, shouldSearchRootNode).length).toBe(1);
+    });
+  });
+  it('should gracefully handle null', () => {
+    expect(findTabbable(null).length).toBe(0);
+  });
+});

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

@@ -0,0 +1,46 @@
+var _span;
+/*
+ * 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 } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { getClassList } from '../getClassList';
+describe('getClassList', () => {
+  it('should provide classlist methods', () => {
+    const _render = render(_span || (_span = /*#__PURE__*/React.createElement("span", {
+        className: "foo bar baz"
+      }, "Test"))),
+      container = _render.container;
+    const node = container.firstChild;
+    const classes = getClassList(node);
+    expect(classes.toArray().length).toBe(3);
+    expect(classes.contains('foo')).toBeTruthy();
+    expect(classes.contains('lorem')).toBeFalsy();
+    classes.add('lorem');
+    expect(classes.contains('lorem')).toBeTruthy();
+    classes.remove('lorem');
+    expect(classes.contains('lorem')).toBeFalsy();
+  });
+});

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

@@ -0,0 +1,40 @@
+/*
+ * 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 } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { getFontSize } from '../getFontSize';
+describe('getFontSize', () => {
+  it('should return font size as a number', () => {
+    const _render = render( /*#__PURE__*/React.createElement("span", {
+        style: {
+          fontSize: '17px'
+        }
+      }, "Test")),
+      container = _render.container;
+    const node = container.firstChild;
+    expect(getFontSize(node)).toBe(17);
+  });
+});

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

@@ -0,0 +1,107 @@
+var _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 { render } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { getScrollParents } from '../getScrollParents';
+describe('getScrollParents', () => {
+  const node = /*#__PURE__*/React.createElement("div", null, _div || (_div = /*#__PURE__*/React.createElement("div", {
+    id: "item-1"
+  }, /*#__PURE__*/React.createElement("div", {
+    id: "item-2"
+  }, /*#__PURE__*/React.createElement("span", {
+    id: "item-3"
+  }, "Test"), /*#__PURE__*/React.createElement("span", {
+    id: "sibling-1"
+  }, "Test"), /*#__PURE__*/React.createElement("span", {
+    id: "sibling-2"
+  }, "Test"), /*#__PURE__*/React.createElement("span", {
+    id: "sibling-3"
+  }, "Test")))), /*#__PURE__*/React.createElement("div", {
+    id: "ht",
+    style: {
+      height: '50px'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "scroll-parent",
+    style: {
+      height: '200px',
+      overflow: 'scroll'
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    id: "scroll-child",
+    style: {
+      height: '500px'
+    }
+  }, "Test"))), /*#__PURE__*/React.createElement("div", {
+    id: "scroll-parent-rel",
+    style: {
+      height: '200px',
+      overflow: 'scroll',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '200px',
+      overflow: 'scroll'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    id: "scroll-child-rel",
+    style: {
+      height: '500px',
+      position: 'absolute'
+    }
+  }, "Test"))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '200px',
+      overflow: 'scroll'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    id: "scroll-child-fixed",
+    style: {
+      height: '500px',
+      position: 'fixed'
+    }
+  }, "Test")));
+  beforeEach(() => {
+    render(node);
+  });
+  it('should find scroll parent for inline elements', () => {
+    const child = document.getElementById('scroll-child');
+    const parent = document.getElementById('scroll-parent');
+    expect(getScrollParents(child)[0]).toBe(parent);
+  });
+  it('should ignore static parents when absolute', () => {
+    const child = document.getElementById('scroll-child-rel');
+    const parent = document.getElementById('scroll-parent-rel');
+    expect(getScrollParents(child)[0]).toBe(parent);
+  });
+  it('should handle fixed', () => {
+    const child = document.getElementById('scroll-child-fixed');
+    const scrollParent = getScrollParents(child)[0];
+    expect(scrollParent).toBe(document);
+  });
+});

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

@@ -0,0 +1,87 @@
+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 } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { getOffsetParents } from '../getOffsetParents';
+describe('getOffsetParents', () => {
+  // At rendering, we receive the node_wrapper and the body as extra offsetParents
+  const node = /*#__PURE__*/React.createElement("div", {
+    "data-testid": "node"
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "child_1_wrapper_parent",
+    style: {
+      transform: '200px',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "child_1_wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "child-1",
+    style: {
+      height: '500px'
+    }
+  }, "Test"))), /*#__PURE__*/React.createElement("div", {
+    "data-testid": "child_2_wrapper_parent",
+    style: {
+      transform: '200px',
+      position: 'absolute'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "child_2_wrapper",
+    style: {
+      position: 'absolute'
+    }
+  }, _div || (_div = /*#__PURE__*/React.createElement("div", {
+    "data-testid": "child-2"
+  }, "Test")))), _div2 || (_div2 = /*#__PURE__*/React.createElement("div", {
+    "data-testid": "child_3_wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "child-3"
+  }, "Test"))));
+  it('should find offset parent for inline elements', () => {
+    const _render = render(node),
+      getByTestId = _render.getByTestId;
+    const child = getByTestId('child-1');
+    const parent = getByTestId('child_1_wrapper_parent');
+    const offsetParents = getOffsetParents(child);
+    expect(offsetParents[1]).toBe(parent);
+  });
+  it('should ignore static parents when absolute', () => {
+    const _render2 = render(node),
+      getByTestId = _render2.getByTestId;
+    const child = getByTestId('child-2');
+    const offsetParents = getOffsetParents(child);
+    expect(offsetParents.length).toBe(5);
+  });
+  it('should handle fixed', () => {
+    const _render3 = render(node),
+      getByTestId = _render3.getByTestId;
+    const child = getByTestId('child-3');
+    const offsetParents = getOffsetParents(child);
+    expect(offsetParents.length).toBe(4);
+  });
+});

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

@@ -0,0 +1,41 @@
+/*
+ * 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 '@testing-library/jest-dom';
+import { isDefinedCustomElement } from '../isDefinedCustomElement';
+class TestElement extends HTMLElement {}
+describe('isDefinedCustomElement', () => {
+  beforeAll(() => {
+    customElements.define('test-element', TestElement);
+  });
+  it('should return true for defined elements', () => {
+    const el = document.createElement('test-element');
+    expect(isDefinedCustomElement(el)).toBe(true);
+  });
+  it('should return false for not defined elements', () => {
+    // it is possible to create a custom element that is not defined
+    const el = document.createElement('my-element');
+    expect(isDefinedCustomElement(el)).toBe(false);
+  });
+});