react-styleguidist/src/rsg-components/Playground/Playground.spec.js

React components style guide generator

import test from 'ava';
import React from 'react';
import noop from 'lodash/noop';
import Preview from '../Preview';
import Playground from './Playground';
import PlaygroundRenderer from './PlaygroundRenderer';

const code = '<button>OK</button>';

test('should render component renderer', () => {
	const actual = shallow(
		<Playground
			code={code}
			evalInContext={noop}
		/>,
		{
			context: {
				config: {
					showCode: false,
				},
			},
		}
	);

	expect(actual.node, 'to contain',
		<PlaygroundRenderer
			code={code}
			showCode={false}
			evalInContext={noop}
		/>
	);
});

test('renderer should render preview', () => {
	const actual = shallow(
		<PlaygroundRenderer
			code={code}
			showCode={false}
			evalInContext={noop}
		/>
	);

	expect(actual.node, 'to contain',
		<Preview code={code} />
	);
});