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