feat: support isDOM (#432)

Author: zombieJ

src/Dom/findDOMNode.ts

@@ -1,13 +1,19 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 
+export function isDOM(node: any) {
+  // https://developer.mozilla.org/en-US/docs/Web/API/Element
+  // Since XULElement is also subclass of Element, we only need HTMLElement and SVGElement
+  return node instanceof HTMLElement || node instanceof SVGElement;
+}
+
 /**
  * Return if a node is a DOM node. Else will return by `findDOMNode`
  */
 export default function findDOMNode<T = Element | Text>(
-  node: React.ReactInstance | HTMLElement,
+  node: React.ReactInstance | HTMLElement | SVGElement,
 ): T {
-  if (node instanceof HTMLElement) {
+  if (isDOM(node)) {
     return node as unknown as T;
   }
 

tests/findDOMNode.test.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { render } from '@testing-library/react';
+import * as React from 'react';
 import findDOMNode from '../src/Dom/findDOMNode';
 
 describe('findDOMNode', () => {
@@ -55,4 +55,9 @@ describe('findDOMNode', () => {
     expect(errSpy).toHaveBeenCalled();
     errSpy.mockRestore();
   });
+
+  it('support svg', () => {
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    expect(findDOMNode(svg)).toBe(svg);
+  });
 });