amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-23 20:23:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve ReactTestUtils.Simulate documentation

Browse Source
This commit is contained in:
Domenico Matteo
2015-07-21 22:27:20 +02:00
parent ccdb7ff865
commit 6babb5de38
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
docs/10.4-test-utils.md
View File

@@ -16,15 +16,22 @@ Simulate.{eventName}(DOMElement element, object eventData)
Simulate an event dispatch on a DOM node with optional `eventData` event data. **This is possibly the single most useful utility in `ReactTestUtils`.**
Example usage:
**Clicking an element**
```javascript
var node = React.findDOMNode(this.refs.button);
React.addons.TestUtils.Simulate.click(node);
```
**Changing the value of an input field and then pressing ENTER**
```javascript
var node = React.findDOMNode(this.refs.input);
React.addons.TestUtils.Simulate.click(node);
React.addons.TestUtils.Simulate.change(node, {target: {value: 'Hello, world'}});
React.addons.TestUtils.Simulate.keyDown(node, {key: "Enter"});
node.value = 'giraffe'
React.addons.TestUtils.Simulate.change(node);
React.addons.TestUtils.Simulate.keyDown(node, {key: "Enter", keyCode: 13, which: 13});
```
*note that you will have to provide any event property that you're using in your component (e.g. keyCode, which, etc...) as React is not creating any of these for you*
`Simulate` has a method for every event that React understands.
### renderIntoDocument