1 | import Color from 'color';
|
2 | import React, {Component} from 'react';
|
3 | import ReactDOM from 'react-dom';
|
4 | import ShallowRenderer from 'react-test-renderer/shallow';
|
5 | import TestUtils from 'react-dom/test-utils';
|
6 |
|
7 | export function getRenderOutput(element) {
|
8 | const renderer = new ShallowRenderer();
|
9 | renderer.render(element);
|
10 | return renderer.getRenderOutput();
|
11 | }
|
12 |
|
13 | export function getElement(output, tagName) {
|
14 | return ReactDOM.findDOMNode(
|
15 | TestUtils.findRenderedDOMComponentWithTag(output, tagName)
|
16 | );
|
17 | }
|
18 |
|
19 | export function getElements(output, tagName) {
|
20 | return TestUtils.scryRenderedDOMComponentsWithTag(
|
21 | output,
|
22 | tagName
|
23 | ).map(component => ReactDOM.findDOMNode(component));
|
24 | }
|
25 |
|
26 | function cleanCSS(css) {
|
27 | return css.replace(/\s*\n\s*/g, '').replace(/\s*([{};:,])\s*/g, '$1');
|
28 | }
|
29 |
|
30 | export function expectCSS(styleElement, css) {
|
31 |
|
32 |
|
33 |
|
34 |
|
35 | expect(cleanCSS(styleElement.innerText)).to.equal(cleanCSS(css));
|
36 | }
|
37 |
|
38 | export function expectColor(actual, expected) {
|
39 | expect(Color(actual).hex()).to.equal(Color(expected).hex());
|
40 | }
|
41 |
|
42 | export function createEsClass(renderFn) {
|
43 | class Composed extends Component {
|
44 | render() {
|
45 | return renderFn() || <div />;
|
46 | }
|
47 | }
|
48 |
|
49 | return Composed;
|
50 | }
|
51 |
|
\ | No newline at end of file |