const wrapInAppContainer = (WrappedComponent) => { class WrappedInApp extends React.Component { render() { return ( <App props={this.props} container={WrappedComponent}/> ); } } WrappedInApp.displayName = `WrappedInApp(${WrappedComponent.name})`; return WrappedInApp; }
function (_React$Component12) { _inherits(HomeMenu, _React$Component12); function HomeMenu(props) { _classCallCheck(this, HomeMenu); return _possibleConstructorReturn(this, (HomeMenu.__proto__ || Object.getPrototypeOf(HomeMenu)).call(this, props)); } _createClass(HomeMenu, [{ key: "render", value: function render() { return React.createElement( "h2", null, " Welcome to Some Gamer Dude's console!" ); } }]); return HomeMenu; }(React.Component)
// For older version of Jest, turn automocking off by uncommenting the next line // jest.dontMock('react') // jest.dontMock('react-dom') describe('HelloWorld', ()=>{ const TestUtils = require('react-dom/test-utils') const React = require('react') it('has props', (done)=>{ class HelloWorld extends React.Component { render() { return <div>{this.props.children}</div> } } let hello = TestUtils.renderIntoDocument(<HelloWorld>Hello Node!</HelloWorld>) expect(hello.props).toBeDefined() console.log('my hello props:', hello.props) // my div: Hello Node! done() }) })
const LoadWebsite = Component => { class _LoadWebsite extends React.Component { constructor(props) { super(props);
// For older version of Jest, turn automocking off by uncommenting the next line // jest.dontMock('react') // jest.dontMock('react-dom') describe('HelloWorld', ()=>{ const TestUtils = require('react-dom/test-utils') const React = require('react') it('has a div', (done)=>{ class HelloWorld extends React.Component { render() { return <div>{this.props.children}</div> } } let hello = TestUtils.renderIntoDocument(<HelloWorld>Hello Node!</HelloWorld>) expect( TestUtils.scryRenderedDOMComponentsWithTag(hello, 'div').length).toBe(1) console.log('found this many divs: ', TestUtils.scryRenderedDOMComponentsWithTag(hello, 'div').length) done() }) })
describe('HelloWorld', () => { const TestUtils = require('react-dom/test-utils'); const React = require('react'); it('has a div', done => { class HelloWorld extends React.Component { render() { return <div>{this.props.children}</div> } } let hello = TestUtils.renderIntoDocument( <HelloWorld>Hello Node!</HelloWorld> ); let test = TestUtils.scryRenderedDOMComponentsWithTag(hello, 'div').length; expect(test).toBe(1); console.log('found this many divs:', test); done(); }) });
function (_React$Component8) { _inherits(RecordsMenu, _React$Component8); function RecordsMenu(props) { _classCallCheck(this, RecordsMenu); return _possibleConstructorReturn(this, (RecordsMenu.__proto__ || Object.getPrototypeOf(RecordsMenu)).call(this, props)); } _createClass(RecordsMenu, [{ key: "render", value: function render() { // console.log("RecordScreen: ", this.props); return React.createElement( "div", null, React.createElement( "h2", null, " Personal Bests" ) ); } }]); return RecordsMenu; }(React.Component)
describe('HelloWorld', () => { const TestUtils = require('react-dom/test-utils'); const React = require('react'); it('has props', done => { class HelloWorld extends React.Component { render() { return <div>{this.props.children}</div> } } let hello = TestUtils.renderIntoDocument( <HelloWorld>Hello Node!</HelloWorld> ); expect(hello.props).toBeDefined(); console.log('my hello props:', hello.props); done(); }); });
describe('HelloWorld', () => { const TestUtils = require('react-dom/test-utils'); const React = require('react'); it('has props', done => { class HelloWorld extends React.Component { render() { return <div>{this.props.children}</div> } } let hello = TestUtils.renderIntoDocument( <HelloWorld>Hello Node!</HelloWorld> ); expect(hello.props).toBeDefined(); console.log('my hello props:', hello.props); done(); }); });
describe('HelloWorld', () => { const TestUtils = require('react-dom/test-utils'); const React = require('react'); it('has a div', done => { class HelloWorld extends React.Component { render() { return <div>{this.props.children}</div> } } let hello = TestUtils.renderIntoDocument( <HelloWorld>Hello Node!</HelloWorld> ); let test = TestUtils.scryRenderedDOMComponentsWithTag(hello, 'div').length; expect(test).toBe(1); console.log('found this many divs:', test); done(); }) });
const LoadWebsite = Component => { class _LoadWebsite extends React.Component { constructor(props) { super(props);
function (_React$Component) { _inherits(CodeGif, _React$Component); function CodeGif(props) { _classCallCheck(this, CodeGif); return _possibleConstructorReturn(this, (CodeGif.__proto__ || Object.getPrototypeOf(CodeGif)).call(this, props)); } _createClass(CodeGif, [{ key: "render", value: function render() { return React.createElement( "div", { style: "width:100%;height:0;padding-bottom:56%;position:relative;" }, React.createElement("iframe", { src: "https://giphy.com/embed/78iInGFo5B9D2", width: "100%", height: "100%", style: "position:absolute", frameBorder: "0", "class": "giphy-embed", allowFullScreen: true }) ); } }]); return CodeGif; }(React.Component)