@instructure/ui-react-utils 10.19.2-snapshot-2 → 10.19.2-snapshot-4

package/lib/__new-tests__/omitProps.test.js

@@ -1,94 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-require("@testing-library/jest-dom");
-var _omitProps = require("../omitProps");
-/*
- * 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.
- */
-
-describe('omitProps', () => {
-  it('should work with PropTypes', () => {
-    const propTypes = {
-      prop1: _propTypes.default.string.isRequired,
-      prop2: _propTypes.default.number
-    };
-    const inputProps = {
-      prop1: 'hello',
-      prop2: 42,
-      excessiveProp: 'excessiveValue'
-    };
-    const expectedResult = {
-      excessiveProp: 'excessiveValue'
-    };
-    const actualResult = (0, _omitProps.omitProps)(inputProps, propTypes);
-    expect(actualResult).toEqual(expectedResult);
-  });
-  it('should work with PropTypes and exclude the given keys', () => {
-    const propTypes = {
-      prop1: _propTypes.default.string.isRequired,
-      prop2: _propTypes.default.number
-    };
-    const inputProps = {
-      prop1: 'hello',
-      prop2: 42,
-      excessiveProp1: 'excessiveValue1',
-      excessiveProp2: 'excessiveValue2'
-    };
-    const expectedResult = {
-      excessiveProp2: 'excessiveValue2'
-    };
-    const actualResult = (0, _omitProps.omitProps)(inputProps, propTypes, ['excessiveProp1']);
-    expect(actualResult).toEqual(expectedResult);
-  });
-  it('should work with an input of a list allowed prop names', () => {
-    const allowedPropKeys = ['prop1', 'prop2'];
-    const inputProps = {
-      prop1: 'hello',
-      prop2: 42,
-      excessiveProp1: 'excessiveValue1',
-      excessiveProp2: 'excessiveValue2'
-    };
-    const expectedResult = {
-      excessiveProp1: 'excessiveValue1',
-      excessiveProp2: 'excessiveValue2'
-    };
-    const actualResult = (0, _omitProps.omitProps)(inputProps, allowedPropKeys);
-    expect(actualResult).toEqual(expectedResult);
-  });
-  it('should work with an input of a list allowed prop names and exclude the given keys', () => {
-    const allowedPropKeys = ['prop1', 'prop2'];
-    const inputProps = {
-      prop1: 'hello',
-      prop2: 42,
-      excessiveProp1: 'excessiveValue1',
-      excessiveProp2: 'excessiveValue2'
-    };
-    const expectedResult = {
-      excessiveProp2: 'excessiveValue2'
-    };
-    const actualResult = (0, _omitProps.omitProps)(inputProps, allowedPropKeys, ['excessiveProp1']);
-    expect(actualResult).toEqual(expectedResult);
-  });
-});

package/lib/__new-tests__/passthroughProps.test.js

@@ -1,102 +0,0 @@
-"use strict";
-
-require("@testing-library/jest-dom");
-var _passthroughProps = require("../passthroughProps");
-/*
- * 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.
- */
-
-describe('passthroughProps', () => {
-  it('should passthrough standard dom attributes', () => {
-    const props = {
-      id: 'myId',
-      title: 'My title'
-    };
-    expect(Object.keys((0, _passthroughProps.passthroughProps)(props)).length).toEqual(2);
-  });
-  it('should passthrough data attributes', () => {
-    const props = {
-      'data-test': true
-    };
-    expect(Object.keys((0, _passthroughProps.passthroughProps)(props)).length).toEqual(1);
-  });
-  it('should passthrough valid react props', () => {
-    const props = {
-      ref: () => {},
-      innerHTML: '<span>hello world</span>'
-    };
-    expect(Object.keys((0, _passthroughProps.passthroughProps)(props)).length).toEqual(2);
-  });
-  it('should passthrough props prefixed with "on"', () => {
-    const props = {
-      onClick: () => {},
-      onCustomCallback: () => {},
-      onChange: () => {}
-    };
-    expect(Object.keys((0, _passthroughProps.passthroughProps)(props)).length).toEqual(3);
-  });
-  it('should omit invalid props', () => {
-    const props = {
-      myCustomProp: 'hello'
-    };
-    expect(Object.keys((0, _passthroughProps.passthroughProps)(props)).length).toEqual(0);
-  });
-  it('should omit certain react props', () => {
-    const props = {
-      style: {
-        color: 'blue'
-      },
-      className: 'myClass',
-      children: 'hello world',
-      theme: {
-        themeVar: 'myColor'
-      }
-    };
-    expect(Object.keys((0, _passthroughProps.passthroughProps)(props)).length).toEqual(0);
-  });
-  it('should passthrough and omit correct props', () => {
-    const props = {
-      id: 'myId',
-      title: 'My title',
-      'data-test': true,
-      className: 'myClassName',
-      children: 'hello world',
-      style: {
-        color: 'blue'
-      },
-      theme: {
-        themeVar: 'myColor'
-      },
-      withSomething: false,
-      onCustomCallback: null,
-      onChange: null
-    };
-    expect((0, _passthroughProps.passthroughProps)(props)).toEqual({
-      id: 'myId',
-      title: 'My title',
-      'data-test': true,
-      onCustomCallback: null,
-      onChange: null
-    });
-  });
-});

package/lib/__new-tests__/pickProps.test.js

@@ -1,98 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-require("@testing-library/jest-dom");
-var _pickProps = require("../pickProps");
-/*
- * 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.
- */
-
-describe('pickProps', () => {
-  it('should work with propTypes', () => {
-    const propTypes = {
-      prop1: _propTypes.default.string.isRequired,
-      prop2: _propTypes.default.number
-    };
-    const inputProps = {
-      prop1: 'hello',
-      prop2: 42,
-      excessiveProp: 'excessiveValue'
-    };
-    const expectedResult = {
-      prop1: 'hello',
-      prop2: 42
-    };
-    const actualResult = (0, _pickProps.pickProps)(inputProps, propTypes);
-    expect(actualResult).toEqual(expectedResult);
-  });
-  it('should add the `include` keys to the result with PropTypes', () => {
-    const propTypes = {
-      prop1: _propTypes.default.string.isRequired,
-      prop2: _propTypes.default.number
-    };
-    const inputProps = {
-      prop1: 'hello',
-      prop2: 42,
-      excessiveProp1: 'excessiveValue1',
-      excessiveProp2: 'excessiveValue2'
-    };
-    const expectedResult = {
-      prop1: 'hello',
-      prop2: 42,
-      excessiveProp2: 'excessiveValue2'
-    };
-    const actualResult = (0, _pickProps.pickProps)(inputProps, propTypes, ['excessiveProp2']);
-    expect(actualResult).toEqual(expectedResult);
-  });
-  it('should work with an input of a list allowed prop names', () => {
-    const allowedPropKeys = ['prop1', 'prop2'];
-    const inputProps = {
-      prop1: 'hello',
-      prop2: 42,
-      excessiveProp1: 'excessiveValue1'
-    };
-    const expectedResult = {
-      prop1: 'hello',
-      prop2: 42
-    };
-    const actualResult = (0, _pickProps.pickProps)(inputProps, allowedPropKeys);
-    expect(actualResult).toEqual(expectedResult);
-  });
-  it('should add the `include` keys to the result with a list allowed prop names', () => {
-    const allowedPropKeys = ['prop1', 'prop2'];
-    const inputProps = {
-      prop1: 'hello',
-      prop2: 42,
-      excessiveProp1: 'excessiveValue1',
-      excessiveProp2: 'excessiveValue2'
-    };
-    const expectedResult = {
-      prop1: 'hello',
-      prop2: 42,
-      excessiveProp2: 'excessiveValue2'
-    };
-    const actualResult = (0, _pickProps.pickProps)(inputProps, allowedPropKeys, ['excessiveProp2']);
-    expect(actualResult).toEqual(expectedResult);
-  });
-});

package/lib/__new-tests__/safeCloneElement.test.js

@@ -1,89 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
-var _react = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var _safeCloneElement = require("../safeCloneElement");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-/*
- * 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.
- */
-
-describe('safeCloneElement', () => {
-  const SafeClone = function ({
-    element,
-    props,
-    children
-  }) {
-    return (0, _safeCloneElement.safeCloneElement)(element, props, children);
-  };
-  it('should preserve refs', () => {
-    const origRef = _vitest.vi.fn();
-    const cloneRef = _vitest.vi.fn();
-    (0, _react.render)((0, _jsxRuntime.jsx)(SafeClone, {
-      element: (0, _jsxRuntime.jsx)("div", {
-        ref: origRef
-      }),
-      props: {
-        ref: cloneRef
-      }
-    }));
-    expect(origRef).toHaveBeenCalled();
-    expect(cloneRef).toHaveBeenCalled();
-  });
-  it('should preserve event handlers', () => {
-    const onClickA = _vitest.vi.fn();
-    const onClickB = _vitest.vi.fn();
-    (0, _react.render)((0, _jsxRuntime.jsx)(SafeClone, {
-      element: (0, _jsxRuntime.jsx)("button", {
-        onClick: onClickA
-      }),
-      props: {
-        onClick: onClickB
-      }
-    }));
-    const button = _react.screen.getByRole('button');
-    button.click();
-    expect(onClickA).toHaveBeenCalled();
-    expect(onClickB).toHaveBeenCalled();
-  });
-  it('should preserve already chained functions', () => {
-    const onClickA = _vitest.vi.fn();
-    const onClickB = _vitest.vi.fn();
-    const onClickC = _vitest.vi.fn();
-    (0, _react.render)((0, _jsxRuntime.jsx)(SafeClone, {
-      element: (0, _jsxRuntime.jsx)("button", {
-        onClick: onClickA
-      }),
-      props: {
-        onClick: (0, _createChainedFunction.createChainedFunction)(onClickB, onClickC)
-      }
-    }));
-    const button = _react.screen.getByRole('button');
-    button.click();
-    expect(onClickA).toHaveBeenCalled();
-    expect(onClickB).toHaveBeenCalled();
-    expect(onClickC).toHaveBeenCalled();
-  });
-});

package/src/__new-tests__/DeterministicIdContext.test.tsx

@@ -1,140 +0,0 @@
-/*
- * 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 { Component } from 'react'
-
-import { render, screen } from '@testing-library/react'
-import '@testing-library/jest-dom'
-
-import {
-  withDeterministicId,
-  DeterministicIdContextProvider
-} from '../DeterministicIdContext'
-import type { WithDeterministicIdProps } from '../DeterministicIdContext'
-
-@withDeterministicId()
-class TestComponent extends Component<
-  React.PropsWithChildren<WithDeterministicIdProps>
-> {
-  render() {
-    return (
-      <div data-testid="test-component" id={this.props.deterministicId!()}>
-        {this.props.children}
-      </div>
-    )
-  }
-}
-
-class WrapperComponent extends Component {
-  render() {
-    return (
-      <div>
-        <TestComponent />
-      </div>
-    )
-  }
-}
-
-const uniqueIds = (el: Element) => {
-  const idList = Array.from(el.children).map((child) => child.id)
-  return new Set(idList).size === idList.length
-}
-
-describe('DeterministicIdContext', () => {
-  it('can be found and tested with ReactTestUtils', () => {
-    render(<WrapperComponent />)
-    const testComponent = screen.getByTestId('test-component')
-
-    expect(testComponent).toBeInTheDocument()
-    expect(testComponent.id).toBeDefined()
-  })
-
-  it('should generate unique ids without Provider wrapper', () => {
-    render(
-      <div data-testid="test-components">
-        <TestComponent />
-        <TestComponent />
-        <TestComponent />
-        <TestComponent />
-        <TestComponent />
-      </div>
-    )
-    const el = screen.getByTestId('test-components')
-
-    expect(uniqueIds(el)).toBe(true)
-  })
-
-  it('should generate unique ids when components are rendered both out and inside of provider', () => {
-    render(
-      <div data-testid="test-components">
-        <DeterministicIdContextProvider>
-          <TestComponent />
-          <TestComponent />
-          <TestComponent />
-        </DeterministicIdContextProvider>
-        <TestComponent />
-        <TestComponent />
-      </div>
-    )
-    const el = screen.getByTestId('test-components')
-
-    expect(uniqueIds(el)).toBe(true)
-  })
-
-  it('should generate unique ids with provider only', () => {
-    const Wrapper = ({ children }: any) => {
-      return (
-        <DeterministicIdContextProvider>
-          <div data-testid="wrapper">{children}</div>
-        </DeterministicIdContextProvider>
-      )
-    }
-    const children = []
-    for (let i = 0; i < 10; i++) {
-      children.push(<TestComponent key={i} />)
-    }
-
-    render(<Wrapper>{children}</Wrapper>)
-    const el = screen.getByTestId('wrapper')
-
-    expect(uniqueIds(el)).toBe(true)
-  })
-
-  it('should use a global object for ID counter', () => {
-    const instUIInstanceCounter = '__INSTUI_GLOBAL_INSTANCE_COUNTER__'
-    const counterValue = 345
-    globalThis[instUIInstanceCounter].set('TestComponent', counterValue)
-    render(
-      <div data-testid="test-components">
-        <TestComponent />
-        <TestComponent />
-        <TestComponent />
-        <TestComponent />
-        <TestComponent />
-      </div>
-    )
-    const instanceCounter = globalThis[instUIInstanceCounter]
-    expect(instanceCounter.get('TestComponent')).toBe(counterValue + 5)
-  })
-})

package/src/__new-tests__/callRenderProp.test.tsx

@@ -1,136 +0,0 @@
-/*
- * 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 { Component } from 'react'
-import PropTypes from 'prop-types'
-
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-
-import { callRenderProp } from '../callRenderProp'
-
-describe('callRenderProp', () => {
-  it('strings', () => {
-    expect(callRenderProp('foo')).toEqual('foo')
-  })
-
-  it('numbers', () => {
-    expect(callRenderProp(2)).toEqual(2)
-  })
-
-  it('arrays', () => {
-    const prop = ['foo', 'bar', 'baz']
-
-    expect(callRenderProp(prop)).toStrictEqual(prop)
-    expect(callRenderProp([])).toStrictEqual([])
-  })
-
-  it('booleans', () => {
-    expect(callRenderProp(false)).toEqual(false)
-  })
-
-  it('JSX literals', () => {
-    const Foo = () => <div>hello</div>
-    expect(callRenderProp(<Foo />)).toStrictEqual(<Foo />)
-  })
-
-  it('React classes', () => {
-    class Foo extends Component {
-      render() {
-        return <div>hello</div>
-      }
-    }
-
-    const Result = callRenderProp(Foo)
-    expect(Result).toStrictEqual(<Foo />)
-
-    const { getByText } = render(Result)
-    expect(getByText('hello')).toBeInTheDocument()
-  })
-
-  it('functions', () => {
-    const Baz = function () {
-      return 'some text'
-    }
-    const result = callRenderProp(Baz)
-
-    const { getByText } = render(<div>{result}</div>)
-
-    expect(getByText('some text')).toBeInTheDocument()
-  })
-
-  it('fat arrow functions', () => {
-    const Baz = () => 'some text'
-
-    // in this test we are trying to test that it works with fat arrow functions,
-    // but the babel config when we run these tests is currently configured
-    // to transpile fat arrow functions down to normal functions.
-    // Real, untranspiled, fat-arrow functions don't have a `prototype` but when
-    // they are transpiled down they do. So this next line is to make sure
-    // the thing we are testing really doesn't have a prototype like it would
-    // if it was a real untranspiled fat arrow function.
-    if (Baz.prototype) Baz.prototype! = undefined
-
-    const result = callRenderProp(Baz)
-
-    const { getByText } = render(<div>{result}</div>)
-
-    expect(getByText('some text')).toBeInTheDocument()
-  })
-
-  describe('passing props', () => {
-    it('should pass props correctly to functions', () => {
-      const someFunc = ({ shape }: { shape: string }) => <div>{shape}</div>
-
-      const result = callRenderProp(someFunc, { shape: 'rectangle' })
-
-      const { getByText } = render(<div>{result}</div>)
-
-      expect(getByText('rectangle')).toBeInTheDocument()
-    })
-
-    it('should pass props correctly to React classes', () => {
-      type FooProps = { shape?: string }
-      class Foo extends Component<FooProps> {
-        static propTypes = {
-          shape: PropTypes.oneOf(['circle', 'rectangle'])
-        }
-
-        static defaultProps = {
-          shape: 'circle'
-        }
-
-        render() {
-          return <div>{this.props.shape}</div>
-        }
-      }
-
-      const result = callRenderProp(Foo, { shape: 'rectangle' })
-
-      const { getByText } = render(<div>{result}</div>)
-
-      expect(getByText('rectangle')).toBeInTheDocument()
-    })
-  })
-})