From c7d900175e3b6a74e1a78d6049021bb60d9d6e10 Mon Sep 17 00:00:00 2001
From: Steve Baker <_steve_@outlook.com>
Date: Thu, 13 Nov 2014 20:25:46 +0100
Subject: [PATCH] add factory test

---
 react/react-tests.ts | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/react/react-tests.ts b/react/react-tests.ts
index 25185867e..37380b23b 100644
--- a/react/react-tests.ts
+++ b/react/react-tests.ts
@@ -72,13 +72,23 @@ React.createClass(PropTypesSpecification);
 
 var mountNode: Element;
 
-var HelloMessage = React.createClass({displayName: 'HelloMessage',
+interface HelloMessageProps {
+    name: string;
+}
+
+var HelloMessage = React.createClass<HelloMessageProps, any>({displayName: 'HelloMessage',
     render: function() {
-        return React.DOM.div(null, "Hello ", (<React.Component<{name: string}, any>>this).props.name);
+        return React.DOM.div(null, "Hello ", (<React.Component<HelloMessageProps, any>>this).props.name);
     }
 });
 
-React.render(HelloMessage({name: "John"}), mountNode);
+// This code - calling a component directly - is deprecated in v0.12
+// See http://fb.me/react-legacyfactory
+React.render(HelloMessage({ name: "John" }), mountNode);
+
+// Create a factory instead
+var HelloMessageFactory = React.createFactory(HelloMessage)
+React.render(HelloMessageFactory({ name: "John" }), mountNode)
 
 var Timer = React.createClass({displayName: 'Timer',
     getInitialState: function() {