[@mantine/tests] Add more descriptive assertion to it-supports-ref

JohannesKlauss · Dec 4, 2021 · 2f32905 · 2f32905
1 parent c08d4bd
commit 2f32905
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/src/mantine-core/src/components/Select/SelectDropdown/SelectDropdown.test.tsx b/src/mantine-core/src/components/Select/SelectDropdown/SelectDropdown.test.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import { shallow } from 'enzyme';
-import { itSupportsRef } from '@mantine/tests';
 import { SelectDropdown } from './SelectDropdown';
 import { Paper } from '../../Paper';
 
@@ -18,7 +17,6 @@ const defaultProps = {
 };
 
 describe('@mantine/core/SelectDropdown', () => {
-  itSupportsRef(SelectDropdown, defaultProps, HTMLDivElement);
   it('sets correct id and aria-labelledby props on listbox', () => {
     const props = shallow(<SelectDropdown {...defaultProps} />)
       .find(Paper)

diff --git a/src/mantine-core/src/components/Select/SelectScrollArea/SelectScrollArea.test.tsx b/src/mantine-core/src/components/Select/SelectScrollArea/SelectScrollArea.test.tsx
@@ -1,10 +1,19 @@
-import { itRendersChildren, itSupportsStyle, itSupportsOthers } from '@mantine/tests';
+import {
+  itRendersChildren,
+  itSupportsStyle,
+  itSupportsOthers,
+  itSupportsRef,
+  mockResizeObserver,
+} from '@mantine/tests';
 import { SelectScrollArea } from './SelectScrollArea';
 
+mockResizeObserver();
+
 describe('@mantine/core/SelectScrollArea', () => {
   itRendersChildren(SelectScrollArea, {});
   itSupportsStyle(SelectScrollArea, {});
   itSupportsOthers(SelectScrollArea, {});
+  itSupportsRef(SelectScrollArea, {}, HTMLDivElement);
 
   it('has correct displayName', () => {
     expect(SelectScrollArea.displayName).toEqual('@mantine/core/SelectScrollArea');

diff --git a/src/mantine-tests/src/it-supports-ref.tsx b/src/mantine-tests/src/it-supports-ref.tsx
@@ -19,6 +19,6 @@ export function itSupportsRef(
     const ref = React.createRef<typeof refType>();
     const element = mount(<Component {...requiredProps} {...{ [refProp]: ref }} />);
     await waitForComponentToPaint(element);
-    expect(ref.current instanceof refType).toBe(true);
+    expect(ref.current?.constructor).toBe(refType);
   });
 }