@instructure/ui-react-utils
Version:
A React utility library made by Instructure Inc.
70 lines (69 loc) • 2.87 kB
JavaScript
/*
* 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 { vi } from 'vitest';
import PropTypes from 'prop-types';
import { render } from '@testing-library/react';
import '@testing-library/jest-dom';
import { hack } from '../hack';
import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
class TestComponent extends Component {
render() {
return _jsxs("div", {
children: [this.props.qux, " ", this.props.bar]
});
}
}
TestComponent.displayName = "TestComponent";
TestComponent.propTypes = {
bar: PropTypes.string,
qux: PropTypes.string
};
TestComponent.defaultProps = {
bar: void 0,
qux: 'Hello'
};
describe('@hack', () => {
describe('hack props', () => {
var _HackComponent, _HackComponent2;
const HackComponent = hack(['bar'])(TestComponent);
it('should warn when using an hack prop', () => {
const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
render(_HackComponent || (_HackComponent = _jsx(HackComponent, {
bar: "Jane"
})));
const expectedWarningMessage = 'Warning: [TestComponent] The `bar` prop is a temporary hack and will be removed in a future release.';
expect(consoleWarningSpy).toHaveBeenCalledWith(expect.stringContaining(expectedWarningMessage), expect.any(String));
consoleWarningSpy.mockRestore();
});
it('should not output a warning using a non-hack prop', () => {
const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
render(_HackComponent2 || (_HackComponent2 = _jsx(HackComponent, {
qux: "Jane"
})));
expect(consoleWarningSpy).not.toHaveBeenCalled();
consoleWarningSpy.mockRestore();
});
});
});