From 3a64c78b78b9852ee8464b8292eadc45b0a5c96c Mon Sep 17 00:00:00 2001
From: Stoeffel <christoph.hermann@kaba.com>
Date: Sun, 8 Nov 2015 16:58:29 +0100
Subject: [PATCH] updates devDep

- removes all warnings from the tests

closes #21
---
 __tests__/component-test.js |  32 +++----
 __tests__/cond-test.js      | 186 ++++++++++++++++++------------------
 __tests__/ramda-test.js     |  92 +++++++++---------
 package.json                |   4 +-
 4 files changed, 158 insertions(+), 156 deletions(-)

diff --git a/__tests__/component-test.js b/__tests__/component-test.js
index 85e989e..7aadd90 100644
--- a/__tests__/component-test.js
+++ b/__tests__/component-test.js
@@ -1,9 +1,9 @@
 jest.dontMock('../module/');
 
-import React from 'react/addons';
+import React from 'react';
 import { equal } from 'assert';
+import TestUtils from 'react-addons-test-utils';
 
-const { TestUtils } = React.addons;
 const {
 	Cond,
 	Clause,
@@ -16,23 +16,23 @@ describe('React-Cond components', () => {
 
 		let component = TestUtils.renderIntoDocument(
 			<Cond value={true}>
-				<Clause test={isTrue}><h1>Works!</h1></Clause>
+				<Clause key='1' test={isTrue}><h1>Works!</h1></Clause>
 			</Cond>
 		);
 		let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-		equal(val.getDOMNode().textContent, 'Works!');
+		equal(val.textContent, 'Works!');
 	});
 
   it('should render the child component if the condition value is equal to `props.value`', () => {
 		let component = TestUtils.renderIntoDocument(
 			<Cond value={1}>
-				<Clause test={2}><h1>unexpected</h1></Clause>
-				<Clause test={1}><h1>expected</h1></Clause>
-				<Default><h1>default</h1></Default>
+				<Clause key='1' test={2}><h1>unexpected</h1></Clause>
+				<Clause key='2' test={1}><h1>expected</h1></Clause>
+				<Default key='default'><h1>default</h1></Default>
 			</Cond>
 		);
 		let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-		equal(val.getDOMNode().textContent, 'expected');
+		equal(val.textContent, 'expected');
 	});
 
   it('should render the child component if the condition matches', () => {
@@ -41,25 +41,25 @@ describe('React-Cond components', () => {
 
 		let component = TestUtils.renderIntoDocument(
 			<Cond value={5}>
-				<Clause test={isEven}><h1>even</h1></Clause>
-				<Clause test={isOdd}><h1>odd</h1></Clause>
-				<Default><h1>wut?</h1></Default>
+				<Clause key='1' test={isEven}><h1>even</h1></Clause>
+				<Clause key='2' test={isOdd}><h1>odd</h1></Clause>
+				<Default key='default'><h1>wut?</h1></Default>
 			</Cond>
 		);
 		let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-		equal(val.getDOMNode().textContent, 'odd');
+		equal(val.textContent, 'odd');
 	});
 
   it('should render the default value if no cases match', () => {
 		let component = TestUtils.renderIntoDocument(
 			<Cond value={10}>
-				<Clause test={2}><h1>unexpected</h1></Clause>
-				<Clause test={1}><h1>expected</h1></Clause>
-				<Default><h1>default</h1></Default>
+				<Clause key='1' test={2}><h1>unexpected</h1></Clause>
+				<Clause key='2' test={1}><h1>expected</h1></Clause>
+				<Default key='default'><h1>default</h1></Default>
 			</Cond>
 		);
 		let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-		equal(val.getDOMNode().textContent, 'default');
+		equal(val.textContent, 'default');
 	});
 
 });
diff --git a/__tests__/cond-test.js b/__tests__/cond-test.js
index 8d5f4a6..2c2e6f4 100644
--- a/__tests__/cond-test.js
+++ b/__tests__/cond-test.js
@@ -1,9 +1,9 @@
 jest.dontMock('../module/');
 
-import React from 'react/addons';
+import React from 'react';
 import { equal } from 'assert';
+import TestUtils from 'react-addons-test-utils';
 
-const { TestUtils } = React.addons;
 const {
 	Cond,
 	T,
@@ -28,73 +28,73 @@ describe('React-Cond', () => {
   it('should render the child component if the condition is true', () => {
 		let component = TestUtils.renderIntoDocument(
 			<Cond value={true}>
-				{[ T, <h1>expected</h1>]}
+				{[ T, <h1 key={1}>expected</h1>]}
 			</Cond>
 		);
 		let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-    equal(val.getDOMNode().textContent, 'expected');
+    equal(val.textContent, 'expected');
 	});
 
   it('should render the child component if the condition value is equal to `props.value`', () => {
 		let component = TestUtils.renderIntoDocument(
 			<Cond value={1}>
-				{[ 2, <h1>unexpected</h1>]}
-				{[ 1, <h1>expected</h1>]}
-				{[ T, <h1>unexpected</h1>]}
+				{[ 2, <h1 key={1}>unexpected</h1>]}
+				{[ 1, <h1 key={2}>expected</h1>]}
+				{[ T, <h1 key={3}>unexpected</h1>]}
 			</Cond>
 		);
 		let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-    equal(val.getDOMNode().textContent, 'expected');
+    equal(val.textContent, 'expected');
 	});
 
   it('should render the result of `T` if no other is true', () => {
 		let component = TestUtils.renderIntoDocument(
 			<Cond value={1}>
-				{[ 2, <h1>unexpected</h1>]}
-				{[ 3, <h1>unexpected</h1>]}
-				{[ T, <h1>expected</h1>]}
+				{[ 2, <h1 key={1}>unexpected</h1>]}
+				{[ 3, <h1 key={2}>unexpected</h1>]}
+				{[ T, <h1 key={3}>expected</h1>]}
 			</Cond>
 		);
 		let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-    equal(val.getDOMNode().textContent, 'expected');
+    equal(val.textContent, 'expected');
 	});
 
   it('should allow custom compare functions', () => {
 		let component = TestUtils.renderIntoDocument(
 			<Cond value={30}>
-				{[ age => age < 10, <h1>nope</h1>]}
-				{[ age => age > 10, <h1>expected</h1>]}
-				{[ T, <h1>unexpected</h1>]}
+				{[ age => age < 10, <h1 key={1}>nope</h1>]}
+				{[ age => age > 10, <h1 key={2}>expected</h1>]}
+				{[ T, <h1 key={3}>unexpected</h1>]}
 			</Cond>
 		);
 		let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-    equal(val.getDOMNode().textContent, 'expected');
+    equal(val.textContent, 'expected');
 	});
 
   it('should allow custom default compare functions', () => {
 		let component = TestUtils.renderIntoDocument(
 			<Cond value={[6, 5, 4, 3, 2]} compare={(a, b) => a.indexOf(b) >= 0}>
-				{[ 0, <h1>nope</h1>]}
-				{[ 1, <h1>unexpected</h1>]}
-				{[ 2, <h1>expected</h1>]}
-				{[ T, <h1>otherwise</h1>]}
+				{[ 0, <h1 key={1}>nope</h1>]}
+				{[ 1, <h1 key={2}>unexpected</h1>]}
+				{[ 2, <h1 key={3}>expected</h1>]}
+				{[ T, <h1 key={4}>otherwise</h1>]}
 			</Cond>
 		);
 		let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-    equal(val.getDOMNode().textContent, 'expected');
+    equal(val.textContent, 'expected');
 	});
 
   it('should only render the first truthy clause', () => {
 		let component = TestUtils.renderIntoDocument(
 			<Cond value={30}>
-				{[ age => age < 10, <h1>nope</h1>]}
-				{[ age => age > 9, <h1>expected</h1>]}
-				{[ age => age > 10, <h1>unexpected</h1>]}
-				{[ T, <h1>unexpected</h1>]}
+				{[ age => age < 10, <h1 key={1}>nope</h1>]}
+				{[ age => age > 9, <h1 key={2}>expected</h1>]}
+				{[ age => age > 10, <h1 key={3}>unexpected</h1>]}
+				{[ T, <h1 key={4}>unexpected</h1>]}
 			</Cond>
 		);
 		let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-    equal(val.getDOMNode().textContent, 'expected');
+    equal(val.textContent, 'expected');
 	});
 
 	describe('#gt', () => {
@@ -102,13 +102,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is gt the nr', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={10}>
-					{[ gt(11), <h1>unexpected</h1>]}
-					{[ gt(9), <h1>expected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ gt(11), <h1 key={1}>unexpected</h1>]}
+					{[ gt(9), <h1 key={2}>expected</h1>]}
+					{[ T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -117,13 +117,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is lt the nr', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={10}>
-					{[ lt(10), <h1>unexpected</h1>]}
-					{[ lt(11), <h1>expected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ lt(10), <h1 key={1}>unexpected</h1>]}
+					{[ lt(11), <h1 key={2}>expected</h1>]}
+					{[ T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -132,13 +132,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is lte the nr', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={10}>
-					{[ lte(9), <h1>unexpected</h1>]}
-					{[ lte(10), <h1>expected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ lte(9), <h1 key={1}>unexpected</h1>]}
+					{[ lte(10), <h1 key={2}>expected</h1>]}
+					{[ T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -147,13 +147,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is gte the nr', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={10}>
-					{[ gte(11), <h1>unexpected</h1>]}
-					{[ gte(10), <h1>expected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ gte(11), <h1 key={1}>unexpected</h1>]}
+					{[ gte(10), <h1 key={2}>expected</h1>]}
+					{[ T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -162,13 +162,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is not eq the nr', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={10}>
-					{[ not(eq(10)), <h1>unexpected</h1>]}
-					{[ not(eq(11)), <h1>expected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ not(eq(10)), <h1 key={1}>unexpected</h1>]}
+					{[ not(eq(11)), <h1 key={2}>expected</h1>]}
+					{[ T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -177,13 +177,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is eq the nr', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={10}>
-					{[ eq(11), <h1>unexpected</h1>]}
-					{[ eq(10), <h1>expected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ eq(11), <h1 key={1}>unexpected</h1>]}
+					{[ eq(10), <h1 key={2}>expected</h1>]}
+					{[ T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -192,13 +192,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is true', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={true}>
-					{[ isFalse, <h1>unexpected</h1>]}
-					{[ isTrue, <h1>expected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ isFalse, <h1 key={1}>unexpected</h1>]}
+					{[ isTrue, <h1 key={2}>expected</h1>]}
+					{[ T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -207,13 +207,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is false', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={false}>
-					{[ isTrue, <h1>unexpected</h1>]}
-					{[ isFalse, <h1>expected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ isTrue, <h1 key={1}>unexpected</h1>]}
+					{[ isFalse, <h1 key={2}>expected</h1>]}
+					{[ T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -222,13 +222,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is undefined', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={undefined}>
-					{[ isNull, <h1>unexpected</h1>]}
-					{[ isUndefined, <h1>expected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ isNull, <h1 key={1}>unexpected</h1>]}
+					{[ isUndefined, <h1 key={2}>expected</h1>]}
+					{[ T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -237,13 +237,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is null', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={null}>
-					{[ isUndefined, <h1>unexpected</h1>]}
-					{[ isNull, <h1>expected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ isUndefined, <h1 key={1}>unexpected</h1>]}
+					{[ isNull, <h1 key={2}>expected</h1>]}
+					{[ T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -252,13 +252,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is between the nr', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={10}>
-					{[ between(10, 12), <h1>unexpected</h1>]}
-					{[ between(9, 11), <h1>expected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ between(10, 12), <h1 key={1}>unexpected</h1>]}
+					{[ between(9, 11), <h1 key={2}>expected</h1>]}
+					{[ T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -271,15 +271,15 @@ describe('React-Cond', () => {
 
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={'_test_'}>
-					{[ and(startsWith('-'), endsWith('-')), <h1>unexpected</h1>]}
-					{[ and(startsWith('-'), endsWith('_')), <h1>unexpected</h1>]}
-					{[ and(startsWith('_'), endsWith('-')), <h1>unexpected</h1>]}
-					{[ and(startsWith('_'), endsWith('_')), <h1>expected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ and(startsWith('-'), endsWith('-')), <h1 key={1}>unexpected</h1>]}
+					{[ and(startsWith('-'), endsWith('_')), <h1 key={2}>unexpected</h1>]}
+					{[ and(startsWith('_'), endsWith('-')), <h1 key={3}>unexpected</h1>]}
+					{[ and(startsWith('_'), endsWith('_')), <h1 key={4}>expected</h1>]}
+					{[ T, <h1 key={4}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -291,15 +291,15 @@ describe('React-Cond', () => {
 
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={'_test_'}>
-					{[ or(startsWith('-'), endsWith('-')), <h1>unexpected</h1>]}
-					{[ or(startsWith('-'), endsWith('_')), <h1>expected</h1>]}
-					{[ or(startsWith('_'), endsWith('-')), <h1>unexpected</h1>]}
-					{[ or(startsWith('_'), endsWith('_')), <h1>unexpected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ or(startsWith('-'), endsWith('-')), <h1 key={1}>unexpected</h1>]}
+					{[ or(startsWith('-'), endsWith('_')), <h1 key={2}>expected</h1>]}
+					{[ or(startsWith('_'), endsWith('-')), <h1 key={3}>unexpected</h1>]}
+					{[ or(startsWith('_'), endsWith('_')), <h1 key={4}>unexpected</h1>]}
+					{[ T, <h1 key={5}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -311,12 +311,12 @@ describe('React-Cond', () => {
 
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={20}>
-					{[ not(x => x < 30),<h1>unexpected</h1>]}
-					{[ not(x => x > 30),<h1>expected</h1>]}
+					{[ not(x => x < 30),<h1 key={1}>unexpected</h1>]}
+					{[ not(x => x > 30),<h1 key={2}>expected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -327,13 +327,13 @@ describe('React-Cond', () => {
 
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={{...obj}}>
-					{[ and(value('val1', eq(11)), value('val2', eq(12))), <h1>unexpected</h1>]}
-					{[ and(value('val1', eq(12)), value('val2', eq(13))), <h1>expected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ and(value('val1', eq(11)), value('val2', eq(12))), <h1 key={1}>unexpected</h1>]}
+					{[ and(value('val1', eq(12)), value('val2', eq(13))), <h1 key={2}>expected</h1>]}
+					{[ T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 
 		it('should render the component if the value is eq to a value, with a named value', () => {
@@ -341,13 +341,13 @@ describe('React-Cond', () => {
 
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={{...obj}}>
-					{[ and(eq('val1', 11), gte('val2', 12)), <h1>unexpected</h1>]}
-					{[ and(eq('val1', 12), gte('val2', 13)), <h1>expected</h1>]}
-					{[ T, <h1>unexpected</h1>]}
+					{[ and(eq('val1', 11), gte('val2', 12)), <h1 key={1}>unexpected</h1>]}
+					{[ and(eq('val1', 12), gte('val2', 13)), <h1 key={2}>expected</h1>]}
+					{[ T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
diff --git a/__tests__/ramda-test.js b/__tests__/ramda-test.js
index 7e815df..1ca71c8 100644
--- a/__tests__/ramda-test.js
+++ b/__tests__/ramda-test.js
@@ -1,10 +1,10 @@
 jest.dontMock('../module/');
 
-import React from 'react/addons';
+import React from 'react';
+import TestUtils from 'react-addons-test-utils';
 import R, { __ } from 'ramda';
 import { equal } from 'assert';
 
-const { TestUtils } = React.addons;
 const { Cond, value, and } = require('../module/');
 
 
@@ -15,13 +15,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is gt the nr', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={10}>
-					{[ R.gt(__, 11), <h1>unexpected</h1>]}
-					{[ R.gt(__, 9), <h1>expected</h1>]}
-					{[ R.T, <h1>unexpected</h1>]}
+					{[ R.gt(__, 11), <h1 key={1}>unexpected</h1>]}
+					{[ R.gt(__, 9), <h1 key={2}>expected</h1>]}
+					{[ R.T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -30,13 +30,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is lt the nr', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={10}>
-					{[ R.lt(__, 10), <h1>unexpected</h1>]}
-					{[ R.lt(__, 11), <h1>expected</h1>]}
-					{[ R.T, <h1>unexpected</h1>]}
+					{[ R.lt(__, 10), <h1 key={1}>unexpected</h1>]}
+					{[ R.lt(__, 11), <h1 key={2}>expected</h1>]}
+					{[ R.T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -45,13 +45,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is lte the nr', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={10}>
-					{[ R.lte(__, 9), <h1>unexpected</h1>]}
-					{[ R.lte(__, 10), <h1>expected</h1>]}
-					{[ R.T, <h1>unexpected</h1>]}
+					{[ R.lte(__, 9), <h1 key={1}>unexpected</h1>]}
+					{[ R.lte(__, 10), <h1 key={2}>expected</h1>]}
+					{[ R.T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -60,13 +60,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is gte the nr', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={10}>
-					{[ R.gte(__, 11), <h1>unexpected</h1>]}
-					{[ R.gte(__, 10), <h1>expected</h1>]}
-					{[ R.T, <h1>unexpected</h1>]}
+					{[ R.gte(__, 11), <h1 key={1}>unexpected</h1>]}
+					{[ R.gte(__, 10), <h1 key={2}>expected</h1>]}
+					{[ R.T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -77,13 +77,13 @@ describe('React-Cond', () => {
 
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={10}>
-					{[ notEquals(10), <h1>unexpected</h1>]}
-					{[ notEquals(11), <h1>expected</h1>]}
-					{[ R.T, <h1>unexpected</h1>]}
+					{[ notEquals(10), <h1 key={1}>unexpected</h1>]}
+					{[ notEquals(11), <h1 key={2}>expected</h1>]}
+					{[ R.T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -92,13 +92,13 @@ describe('React-Cond', () => {
 		it('should render the child component the value is eq the nr', () => {
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={10}>
-					{[ R.equals(11), <h1>unexpected</h1>]}
-					{[ R.equals(10), <h1>expected</h1>]}
-					{[ R.T, <h1>unexpected</h1>]}
+					{[ R.equals(11), <h1 key={1}>unexpected</h1>]}
+					{[ R.equals(10), <h1 key={2}>expected</h1>]}
+					{[ R.T, <h1 key={1}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -109,13 +109,13 @@ describe('React-Cond', () => {
 
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={10}>
-					{[ between(10, 12), <h1>unexpected</h1>]}
-					{[ between(9, 11), <h1>expected</h1>]}
-					{[ R.T, <h1>unexpected</h1>]}
+					{[ between(10, 12), <h1 key={1}>unexpected</h1>]}
+					{[ between(9, 11), <h1 key={2}>expected</h1>]}
+					{[ R.T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -128,15 +128,15 @@ describe('React-Cond', () => {
 
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={'_test_'}>
-					{[ R.allPass([startsWith('-'), endsWith('-')]), <h1>unexpected</h1>]}
-					{[ R.allPass([startsWith('-'), endsWith('_')]), <h1>unexpected</h1>]}
-					{[ R.allPass([startsWith('_'), endsWith('-')]), <h1>unexpected</h1>]}
-					{[ R.allPass([startsWith('_'), endsWith('_')]), <h1>expected</h1>]}
-					{[ R.T, <h1>unexpected</h1>]}
+					{[ R.allPass([startsWith('-'), endsWith('-')]), <h1 key={1}>unexpected</h1>]}
+					{[ R.allPass([startsWith('-'), endsWith('_')]), <h1 key={2}>unexpected</h1>]}
+					{[ R.allPass([startsWith('_'), endsWith('-')]), <h1 key={3}>unexpected</h1>]}
+					{[ R.allPass([startsWith('_'), endsWith('_')]), <h1 key={4}>expected</h1>]}
+					{[ R.T, <h1 key={5}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -148,15 +148,15 @@ describe('React-Cond', () => {
 
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={'_test_'}>
-					{[ R.anyPass([startsWith('-'), endsWith('-')]), <h1>unexpected</h1>]}
-					{[ R.anyPass([startsWith('-'), endsWith('_')]), <h1>expected</h1>]}
-					{[ R.anyPass([startsWith('_'), endsWith('-')]), <h1>unexpected</h1>]}
-					{[ R.anyPass([startsWith('_'), endsWith('_')]), <h1>unexpected</h1>]}
-					{[ R.T, <h1>unexpected</h1>]}
+					{[ R.anyPass([startsWith('-'), endsWith('-')]), <h1 key={1}>unexpected</h1>]}
+					{[ R.anyPass([startsWith('-'), endsWith('_')]), <h1 key={2}>expected</h1>]}
+					{[ R.anyPass([startsWith('_'), endsWith('-')]), <h1 key={3}>unexpected</h1>]}
+					{[ R.anyPass([startsWith('_'), endsWith('_')]), <h1 key={4}>unexpected</h1>]}
+					{[ R.T, <h1 key={5}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
@@ -167,13 +167,13 @@ describe('React-Cond', () => {
 
 			let component = TestUtils.renderIntoDocument(
 				<Cond value={{...obj}}>
-					{[ and(R.propEq('val1', 11), R.propEq('val2', 12)), <h1>unexpected</h1>]}
-					{[ and(R.propEq('val1', 12), R.propEq('val2', 13)), <h1>expected</h1>]}
-					{[ R.T, <h1>unexpected</h1>]}
+					{[ and(R.propEq('val1', 11), R.propEq('val2', 12)), <h1 key={1}>unexpected</h1>]}
+					{[ and(R.propEq('val1', 12), R.propEq('val2', 13)), <h1 key={2}>expected</h1>]}
+					{[ R.T, <h1 key={3}>unexpected</h1>]}
 				</Cond>
 			);
 			let val = TestUtils.findRenderedDOMComponentWithTag(component, 'h1');
-			equal(val.getDOMNode().textContent, 'expected');
+			equal(val.textContent, 'expected');
 		});
 	});
 
diff --git a/package.json b/package.json
index 19fcf8d..cc21f34 100644
--- a/package.json
+++ b/package.json
@@ -36,12 +36,14 @@
     "jest-cli": "0.5.8",
     "nodangel": "1.3.8",
     "ramda": "0.17.1",
-    "react": "0.13.3"
+    "react": "^0.14.2",
+    "react-addons-test-utils": "^0.14.2"
   },
   "jest": {
     "scriptPreprocessor": "<rootDir>/node_modules/babel-jest",
     "unmockedModulePathPatterns": [
       "<rootDir>/node_modules/react",
+      "<rootDir>/node_modules/react-addons-test-utils",
       "<rootDir>/node_modules/ramda"
     ],
     "testFileExtensions": [