[Tests] add useRef

packages/enzyme-test-suite/test/ReactWrapper-spec.jsx

@@ -1052,6 +1052,7 @@ describeWithDOM('mount', () => {
     'useLayoutEffect',
     'useMemo',
     'useReducer',
+    'useRef',
     'useState',
     'custom',
   );

packages/enzyme-test-suite/test/ShallowWrapper-spec.jsx

@@ -1233,6 +1233,7 @@ describe('shallow', () => {
     'useLayoutEffect',
     'useMemo',
     'useReducer',
+    'useRef',
     'useState',
     'custom',
   );

packages/enzyme-test-suite/test/shared/hooks/useRef.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { expect } from 'chai';
+
+import {
+  describeIf,
+} from '../../_helpers';
+
+import {
+  useRef,
+} from '../../_helpers/react-compat';
+
+export default function describeUseRef({
+  hasHooks,
+  Wrap,
+}) {
+  describeIf(hasHooks, 'hooks: useRef', () => {
+    function ComponentUsingRef() {
+      const id = useRef(Math.floor(100 * Math.random()));
+      return (
+        <div>{id.current}</div>
+      );
+    }
+
+    it('`current` should be the same between two renders', () => {
+      const wrapper = Wrap(<ComponentUsingRef />);
+
+      const childBefore = wrapper.find('div').prop('children');
+      wrapper.setProps({ foo: 'bar' });
+      const childAfter = wrapper.find('div').prop('children');
+
+      expect(childBefore).to.equal(childAfter);
+    });
+  });
+}