@testing-library/react-hooks
Version:
Simple and complete React hooks testing utilities that encourage good testing practices.
127 lines (109 loc) • 4.02 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _exportNames = {
renderHook: true,
act: true,
cleanup: true,
addCleanup: true,
removeCleanup: true,
suppressErrorOutput: true
};
Object.defineProperty(exports, "act", {
enumerable: true,
get: function () {
return _testUtils.act;
}
});
Object.defineProperty(exports, "addCleanup", {
enumerable: true,
get: function () {
return _core.addCleanup;
}
});
Object.defineProperty(exports, "cleanup", {
enumerable: true,
get: function () {
return _core.cleanup;
}
});
Object.defineProperty(exports, "removeCleanup", {
enumerable: true,
get: function () {
return _core.removeCleanup;
}
});
exports.renderHook = void 0;
Object.defineProperty(exports, "suppressErrorOutput", {
enumerable: true,
get: function () {
return _core.suppressErrorOutput;
}
});
var ReactDOMServer = _interopRequireWildcard(require("react-dom/server"));
var ReactDOM = _interopRequireWildcard(require("react-dom"));
var _testUtils = require("react-dom/test-utils");
var _core = require("../core");
var _createTestHarness = require("../helpers/createTestHarness");
var _react = require("../types/react");
Object.keys(_react).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
if (key in exports && exports[key] === _react[key]) return;
Object.defineProperty(exports, key, {
enumerable: true,
get: function () {
return _react[key];
}
});
});
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function createServerRenderer(rendererProps, {
wrapper
}) {
let renderProps;
let container;
let serverOutput = '';
const testHarness = (0, _createTestHarness.createTestHarness)(rendererProps, wrapper, false);
return {
render(props) {
renderProps = props;
try {
serverOutput = ReactDOMServer.renderToString(testHarness(props));
} catch (e) {
rendererProps.setError(e);
}
},
hydrate() {
if (container) {
throw new Error('The component can only be hydrated once');
} else {
container = document.createElement('div');
container.innerHTML = serverOutput;
(0, _testUtils.act)(() => {
ReactDOM.hydrate(testHarness(renderProps), container);
});
}
},
rerender(props) {
if (!container) {
throw new Error('You must hydrate the component before you can rerender');
}
(0, _testUtils.act)(() => {
ReactDOM.render(testHarness(props), container);
});
},
unmount() {
if (container) {
(0, _testUtils.act)(() => {
ReactDOM.unmountComponentAtNode(container);
});
}
},
act: _testUtils.act
};
}
const renderHook = (0, _core.createRenderHook)(createServerRenderer);
exports.renderHook = renderHook;