Render React components to actual DOM nodes in Node.js
Makes testing simple React components super easy with any Node.js test framework.
npm install --save-dev react-jsdom
const React = require('react');
const ReactJSDOM = require('react-jsdom');
const Hi = function ({ person }) {
console.log('Hello there');
return (
<div>
<span>hi</span>
<span>{person}</span>
</div>
);
};
const elems = ReactJSDOM.render(<Hi person="mum"/>);
// console: 'Hello there'
elems[0].constructor.name
// 'HTMLDivElement'
elems[0].nodeName;
// 'DIV');
elems[0].querySelector('span:last-child').textContent;
// 'mum'
elems[0].outerHTML;
// <div>
// <span>hi</span>
// <span>mum</span>
// </div>
MIT © Luke Childs