react-jsdom/test/react-jsdom.js

/* eslint-disable react/prop-types, react/jsx-no-bind */

import test from 'ava';
import Window from 'window';
import React from 'react';
import ReactJSDOM from 'this';

class TestComponent extends React.Component {
	render() {
		return <div>hi</div>;
	}

	componentDidMount() {
		if (typeof this.props.componentDidMount === 'function') {
			this.props.componentDidMount();
		}
	}
}

test('ReactJSDOM is a object', t => {
	t.is(typeof ReactJSDOM, 'object');
});

test('ReactJSDOM cleans up globals', t => {
	global.window = 'foo';
	global.document = 'bar';
	ReactJSDOM.render(<TestComponent/>);
	t.is(global.window, 'foo');
	t.is(global.document, 'bar');
});

test('ReactJSDOM renders a React Component', t => {
	const elem = ReactJSDOM.render(<TestComponent/>);
	t.is(elem.nodeName, 'DIV');
	t.is(elem.textContent, 'hi');
});

test('ReactJSDOM renders a React Fragment', t => {
	const elem = ReactJSDOM.render((
		<React.Fragment><TestComponent/></React.Fragment>
	));
	t.is(elem.nodeName, 'DIV');
	t.is(elem.textContent, 'hi');
});

test('ReactJSDOM renders a Text String', t => {
	const elem = ReactJSDOM.render('Hello world');
	t.is(elem.nodeName, '#text');
	t.is(elem.textContent, 'Hello world');
});

test('ReactJSDOM renders a Fragment wrapping a text string', t => {
	const elem = ReactJSDOM.render(<React.Fragment>Hello world</React.Fragment>);
	t.is(elem.nodeName, '#text');
	t.is(elem.textContent, 'Hello world');
});

test('ReactJSDOM allows window instance to be passed in', t => {
	const window = new Window();
	const elem = ReactJSDOM.render(<TestComponent/>, window);
	t.is(elem, window.document.getElementById('root').children[0]);
	t.is(elem.nodeName, 'DIV');
	t.is(elem.textContent, 'hi');
});

test('componentDidMount fires', t => {
	ReactJSDOM.render(<TestComponent componentDidMount={() => t.pass()}/>);
});