@samitouri / QOS-React-2 / commits / b1e16b9d7e

React -> ReactDOM in test files

Ben Alpert committed Aug 24, 2015 at 16:46 UTC b1e16b9d7e7303af742e922d0c17d52932e072ec
4 files changed +22 -18
src/isomorphic/modern/class/__tests__/ReactCoffeeScriptClass-test.coffee
+6 -4
@@ -8,6 +8,7 @@ of patent rights can be found in the PATENTS file in the same directory.
8 ###
9
10 React = null
11 +ReactDOM = null
12
13 describe 'ReactCoffeeScriptClass', ->
14 div = null
@@ -19,6 +20,7 @@ describe 'ReactCoffeeScriptClass', ->
20
21 beforeEach ->
22 React = require 'React'
23 + ReactDOM = require 'ReactDOM'
24 container = document.createElement 'div'
25 attachedListener = null
26 renderedName = null
@@ -33,7 +35,7 @@ describe 'ReactCoffeeScriptClass', ->
35 Inner = React.createFactory InnerComponent
36
37 test = (element, expectedTag, expectedClassName) ->
36 - instance = React.render(element, container)
38 + instance = ReactDOM.render(element, container)
39 expect(container.firstChild).not.toBeNull()
40 expect(container.firstChild.tagName).toBe(expectedTag)
41 expect(container.firstChild.className).toBe(expectedClassName)
@@ -47,7 +49,7 @@ describe 'ReactCoffeeScriptClass', ->
49 spyOn console, 'error'
50 class Foo extends React.Component
51 expect(->
50 - React.render React.createElement(Foo), container
52 + ReactDOM.render React.createElement(Foo), container
53 ).toThrow()
54 expect(console.error.calls.length).toBe(1)
55 expect(console.error.calls[0].args[0]).toContain('No `render` method found on the returned component instance')
@@ -262,7 +264,7 @@ describe 'ReactCoffeeScriptClass', ->
264 'did-update', { value: 'foo' }, {}
265 ]
266 lifeCycles = [] # reset
265 - React.unmountComponentAtNode container
267 + ReactDOM.unmountComponentAtNode container
268 expect(lifeCycles).toEqual ['will-unmount']
269
270 it 'warns when classic properties are defined on the instance,
@@ -394,5 +396,5 @@ describe 'ReactCoffeeScriptClass', ->
396
397 it 'supports drilling through to the DOM using findDOMNode', ->
398 instance = test Inner(name: 'foo'), 'DIV', 'foo'
397 - node = React.findDOMNode(instance)
399 + node = ReactDOM.findDOMNode(instance)
400 expect(node).toBe container.firstChild
src/renderers/dom/shared/__tests__/ReactDOMComponent-test.js
+1 -1
@@ -729,7 +729,7 @@ describe('ReactDOMComponent', function() {
729 });
730
731 expect(function() {
732 - React.render(<Animal/>, container);
732 + ReactDOM.render(<Animal/>, container);
733 }).toThrow(
734 'Invariant Violation: The `style` prop expects a mapping from style ' +
735 'properties to values, not a string. For example, ' +
src/renderers/shared/reconciler/__tests__/ReactStatelessComponent-test.js
+11 -9
@@ -12,6 +12,7 @@
12 'use strict';
13
14 var React;
15 +var ReactDOM;
16 var ReactTestUtils;
17
18 function StatelessComponent(props) {
@@ -22,12 +23,13 @@ describe('ReactStatelessComponent', function() {
23
24 beforeEach(function() {
25 React = require('React');
26 + ReactDOM = require('ReactDOM');
27 ReactTestUtils = require('ReactTestUtils');
28 });
29
30 it('should render stateless component', function() {
31 var el = document.createElement('div');
30 - React.render(<StatelessComponent name="A" />, el);
32 + ReactDOM.render(<StatelessComponent name="A" />, el);
33
34 expect(el.textContent).toBe('A');
35 });
@@ -40,20 +42,20 @@ describe('ReactStatelessComponent', function() {
42 });
43
44 var el = document.createElement('div');
43 - React.render(<Parent name="A" />, el);
45 + ReactDOM.render(<Parent name="A" />, el);
46 expect(el.textContent).toBe('A');
47
46 - React.render(<Parent name="B" />, el);
48 + ReactDOM.render(<Parent name="B" />, el);
49 expect(el.textContent).toBe('B');
50 });
51
52 it('should unmount stateless component', function() {
53 var container = document.createElement('div');
54
53 - React.render(<StatelessComponent name="A" />, container);
55 + ReactDOM.render(<StatelessComponent name="A" />, container);
56 expect(container.textContent).toBe('A');
57
56 - React.unmountComponentAtNode(container);
58 + ReactDOM.unmountComponentAtNode(container);
59 expect(container.textContent).toBe('');
60 });
61
@@ -87,11 +89,11 @@ describe('ReactStatelessComponent', function() {
89 });
90
91 var el = document.createElement('div');
90 - React.render(<GrandParent test="test" />, el);
92 + ReactDOM.render(<GrandParent test="test" />, el);
93
94 expect(el.textContent).toBe('test');
95
94 - React.render(<GrandParent test="mest" />, el);
96 + ReactDOM.render(<GrandParent test="mest" />, el);
97
98 expect(el.textContent).toBe('mest');
99 });
@@ -106,7 +108,7 @@ describe('ReactStatelessComponent', function() {
108 }
109
110 var el = document.createElement('div');
109 - React.render(<Child test="test" />, el);
111 + ReactDOM.render(<Child test="test" />, el);
112
113 expect(el.textContent).toBe('test');
114 });
@@ -178,7 +180,7 @@ describe('ReactStatelessComponent', function() {
180 Child.contextTypes = {lang: React.PropTypes.string};
181
182 var el = document.createElement('div');
181 - React.render(<Parent />, el);
183 + ReactDOM.render(<Parent />, el);
184 expect(el.textContent).toBe('en');
185 });
186 });
src/test/__tests__/ReactTestUtils-test.js
+4 -4
@@ -338,9 +338,9 @@ describe('ReactTestUtils', function() {
338 it('should change the value of an input field', function() {
339 var handler = jasmine.createSpy('spy');
340 var container = document.createElement('div');
341 - var instance = React.render(<input type="text" onChange={handler} />, container);
341 + var instance = ReactDOM.render(<input type="text" onChange={handler} />, container);
342
343 - var node = React.findDOMNode(instance);
343 + var node = ReactDOM.findDOMNode(instance);
344 node.value = 'giraffe';
345 ReactTestUtils.Simulate.change(node);
346
@@ -360,9 +360,9 @@ describe('ReactTestUtils', function() {
360
361 var handler = jasmine.createSpy('spy');
362 var container = document.createElement('div');
363 - var instance = React.render(<SomeComponent handleChange={handler} />, container);
363 + var instance = ReactDOM.render(<SomeComponent handleChange={handler} />, container);
364
365 - var node = React.findDOMNode(instance.refs.input);
365 + var node = ReactDOM.findDOMNode(instance.refs.input);
366 node.value = 'zebra';
367 ReactTestUtils.Simulate.change(node);
368