Minor reorganization of stray unit tests

packages/react-strict-dom/tests/hooks-test.dom.js → packages/react-strict-dom/src/shared/__tests__/useElementCallback-test.js

@@ -8,7 +8,7 @@
 import * as React from 'react';
 import { act } from 'react-dom/test-utils';
 import { createRoot } from 'react-dom/client';
-import { useElementCallback as useConnectedCallback } from '../src/shared/useElementCallback';
+import { useElementCallback as useConnectedCallback } from '../useElementCallback';
 
 describe('useConnectedCallback', () => {
   let root;

packages/react-strict-dom/tests/html-test.native.js

@@ -1145,7 +1145,7 @@ describe('<html.*>', () => {
     });
   });
 
-  describe('pseudo-state styles', () => {
+  describe('style polyfills: pseudo-state', () => {
     const styles = css.create({
       hover: {
         backgroundColor: {
@@ -1333,4 +1333,92 @@ describe('<html.*>', () => {
       expect(getBackgroundColor(getElement(root))).toBe('green');
     });
   });
+
+  describe('node imperative methods', () => {
+    function createNodeMock(element) {
+      const obj = {};
+      obj.addEventListener_unstable = () => {};
+      obj.blur = () => {};
+      obj.focus = () => {};
+      obj.removeEventListener_unstable = () => {};
+      return obj;
+    }
+
+    /*
+    ['addEventListener', 'removeEventListener'].forEach((method) => {
+      test(`"${method}" is supported`, () => {
+        const ref = React.createRef();
+        create(<html.input ref={ref} />, { createNodeMock });
+        ref.current[method]('click', () => {});
+        expect(console.error).not.toBeCalled();
+      });
+    });
+    */
+
+    [
+      'animate',
+      'click',
+      'contains',
+      'dispatchEvent',
+      'getAttribute',
+      'getBoundingClientRect',
+      'getRootNode',
+      'hasPointerCapture',
+      'releasePointerCapture',
+      'scroll',
+      'scrollBy',
+      'scrollIntoView',
+      'scrollTo',
+      'setPointerCapture',
+      'select',
+      'setSelectionRange',
+      'showPicker'
+    ].forEach((method) => {
+      test(`"${method}" is unsupported`, () => {
+        const ref = React.createRef();
+        create(<html.input ref={ref} />, { createNodeMock });
+        ref.current[method]();
+        expect(console.error).toBeCalled();
+      });
+    });
+
+    /*
+    [
+      'blur',
+      'click',
+      'focus',
+      'error',
+      'input',
+      'keydown',
+      'keyup',
+      'load',
+      'pointerdown',
+      'pointerenter',
+      'pointerleave',
+      'pointermove',
+      'pointerout',
+      'pointerover',
+      'pointerup',
+      'scroll'
+    ].forEach((eventType) => {
+      test(`"${eventType}" is supported`, () => {
+        const ref = React.createRef();
+        create(<html.input ref={ref} />, { createNodeMock });
+        ref.current.addEventListener(eventType, () => {});
+        ref.current.removeEventListener(eventType, () => {});
+        expect(console.error).not.toBeCalled();
+      });
+    });
+
+    ['change', 'focusin', 'focusout'].forEach((eventType) => {
+      test(`"${eventType}" is unsupported`, () => {
+        const ref = React.createRef();
+        create(<html.input ref={ref} />, { createNodeMock });
+        ref.current.addEventListener(eventType, () => {});
+        ref.current.removeEventListener(eventType, () => {});
+        expect(console.error).toBeCalled();
+      });
+    });
+    */
+  });
 });