|
|
|
@ -1,17 +1,9 @@ |
|
|
|
const React = require('react'); |
|
|
|
const util = require('util'); |
|
|
|
|
|
|
|
const { _rs: onLibResize } = require('rc-resize-observer/lib/utils/observerUtil'); |
|
|
|
const { _rs: onEsResize } = require('rc-resize-observer/es/utils/observerUtil'); |
|
|
|
|
|
|
|
// eslint-disable-next-line no-console
|
|
|
|
console.log('Current React Version:', React.version); |
|
|
|
|
|
|
|
// jest.mock('react', () => ({
|
|
|
|
// ...jest.requireActual('react'),
|
|
|
|
// useLayoutEffect: jest.requireActual('react').useEffect,
|
|
|
|
// }));
|
|
|
|
|
|
|
|
/* eslint-disable global-require */ |
|
|
|
if (typeof window !== 'undefined') { |
|
|
|
global.window.resizeTo = (width, height) => { |
|
|
|
@ -39,62 +31,6 @@ if (typeof window !== 'undefined') { |
|
|
|
|
|
|
|
// ref: https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
|
|
|
|
// ref: https://github.com/jsdom/jsdom/issues/2524
|
|
|
|
Object.defineProperty(window, 'TextEncoder', { |
|
|
|
writable: true, |
|
|
|
value: util.TextEncoder, |
|
|
|
}); |
|
|
|
Object.defineProperty(window, 'TextDecoder', { |
|
|
|
writable: true, |
|
|
|
value: util.TextDecoder, |
|
|
|
}); |
|
|
|
Object.defineProperty(window, 'TextEncoder', { writable: true, value: util.TextEncoder }); |
|
|
|
Object.defineProperty(window, 'TextDecoder', { writable: true, value: util.TextDecoder }); |
|
|
|
} |
|
|
|
|
|
|
|
const Enzyme = require('enzyme'); |
|
|
|
|
|
|
|
const Adapter = |
|
|
|
process.env.REACT === '16' |
|
|
|
? require('enzyme-adapter-react-16') // eslint-disable-line import/no-extraneous-dependencies,import/no-unresolved
|
|
|
|
: require('@wojtekmaj/enzyme-adapter-react-17'); |
|
|
|
|
|
|
|
Enzyme.configure({ adapter: new Adapter() }); |
|
|
|
|
|
|
|
Object.assign(Enzyme.ReactWrapper.prototype, { |
|
|
|
findObserver(index = 0) { |
|
|
|
return this.find('ResizeObserver').at(index); |
|
|
|
}, |
|
|
|
triggerResize(index = 0) { |
|
|
|
const target = this.findObserver(index).getDOMNode(); |
|
|
|
const originGetBoundingClientRect = target.getBoundingClientRect; |
|
|
|
|
|
|
|
target.getBoundingClientRect = () => ({ width: 510, height: 903 }); |
|
|
|
onLibResize([{ target }]); |
|
|
|
onEsResize([{ target }]); |
|
|
|
|
|
|
|
target.getBoundingClientRect = originGetBoundingClientRect; |
|
|
|
}, |
|
|
|
}); |
|
|
|
|
|
|
|
// React.StrictMode wrapper
|
|
|
|
jest.mock('enzyme', () => { |
|
|
|
const enzyme = jest.requireActual('enzyme'); |
|
|
|
const { StrictMode, cloneElement } = jest.requireActual('react'); |
|
|
|
const { mount, render } = enzyme; |
|
|
|
|
|
|
|
function EnzymeWrapper({ strictMode, children, ...props }) { |
|
|
|
// Not wrap StrictMode for some test case need count render times
|
|
|
|
if (strictMode === false) { |
|
|
|
return cloneElement(children, props); |
|
|
|
} |
|
|
|
|
|
|
|
return <StrictMode>{cloneElement(children, props)}</StrictMode>; |
|
|
|
} |
|
|
|
|
|
|
|
return { |
|
|
|
...enzyme, |
|
|
|
mount: (ui, { strictMode, ...config } = {}, ...args) => |
|
|
|
mount(<EnzymeWrapper strictMode={strictMode}>{ui}</EnzymeWrapper>, config, ...args), |
|
|
|
render: (ui, { strictMode, ...config } = {}, ...args) => |
|
|
|
render(<EnzymeWrapper strictMode={strictMode}>{ui}</EnzymeWrapper>, config, ...args), |
|
|
|
originMount: mount, |
|
|
|
}; |
|
|
|
}); |
|
|
|
|
lijianan
2 years ago
GitHub