react-jsdom

Render React components to actual DOM nodes in Node.js

Makes testing simple React components super easy with any Node.js test framework.

Install

npm install --save-dev react-jsdom

Usage

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>

License

MIT © Luke Childs