React.Instance<P> -> React.Component<P>; add React.DOM.picture and extra HTML attributes

react/react-addons-tests.ts

@@ -2,8 +2,8 @@
 import React = require("react/addons");
 
 // TestUtils
-var that: React.ComponentInstance<any, any>;
-var node = that.refs['input'].getDOMNode();
+var that: React.CompositeComponent<any, any>;
+var node = that.refs["input"].getDOMNode();
 React.addons.TestUtils.Simulate.click(node);
 React.addons.TestUtils.Simulate.change(node);
 React.addons.TestUtils.Simulate.keyDown(node, {key: "Enter"});
@@ -14,20 +14,20 @@ interface GreetingProps {
 interface GreetingState {
     morning: boolean;
 }
-interface GreetingInstance extends React.ComponentInstance<GreetingProps, GreetingState> {
+interface Greeting extends React.CompositeComponent<GreetingProps, GreetingState> {
 }
-var Greeting = React.createClass({displayName: 'Greeting',
+var Greeting = React.createClass({displayName: "Greeting",
     getInitialState: function() {
         return {morning: true};
     },
     render: function() {
-        var me = <GreetingInstance>this;
+        var me = <Greeting>this;
         return React.DOM.div(null, (me.state.morning ? "Hello" : "Goodbye "), me.props.name);
     }
 });
 
 var root = React.addons.TestUtils.renderIntoDocument(React.createElement(Greeting, {name: "John"}));
-var greeting = <GreetingInstance>React.addons.TestUtils.findRenderedComponentWithType(root, Greeting);
+var greeting = <Greeting>React.addons.TestUtils.findRenderedComponentWithType(root, Greeting);
 greeting.setState({
     morning: false
 });
@@ -36,7 +36,7 @@ var isImportant: boolean;
 var isRead: boolean;
 var cx = React.addons.classSet;
 var classes: string = cx({
-    'message': true,
-    'message-important': isImportant,
-    'message-read': isRead
+    "message": true,
+    "message-important": isImportant,
+    "message-read": isRead
 });