import React, { Component, PropTypes } from 'react'
import classnames from 'classnames'
import { jsdom } from 'jsdom'
import OrganisationListRow from './OrganisationListRow'

//Snippet taken from https://www.npmjs.com/package/jquery
// require("jsdom").env("", function(err, window) {
// 	if (err) {
// 		console.error(err);
// 		return;
// 	}
//
// 	var $ = require("jquery")(window);
// 	require('bootstrap');
// });


class OrganisationList extends Component {

    render() {
		var numberOfOrgs = this.props.organisations.length;
		var rows = [];
		var counter = 0;
		for(var i=0; i<numberOfOrgs; i++) {
			rows.push(<OrganisationListRow name={this.props.organisations[i].name} id={this.props.organisations[i].id} key={counter}/>);
			counter++;
		};
		return(
            <table className="table table-striped table-bordered table-hover">
				<thead className="thead">
						<th>Name</th>
						<th>Id</th>
				</thead>
				<tbody className="tbody">
					{rows}
					//<OrganisationListRow name={this.props.organisations[0].name} id={this.props.organisations[0].id}/>
				</tbody>
			</table>
        );
    }


}

export default OrganisationList

import React, { Component, PropTypes } from 'react'
import classnames from 'classnames'
import { jsdom } from 'jsdom'
import OrganisationListRow from './OrganisationListRow'

//Snippet taken from https://www.npmjs.com/package/jquery
require("jsdom").env("", function(err, window) {
	if (err) {
		console.error(err);
		return;
	}
 
	var $ = require("jquery")(window);
	require('bootstrap');
});


class OrganisationList extends Component {
	
    render() {
		var numberOfOrgs = this.props.organisations.length;
		var rows = [];
		var counter = 0;
		for(var i=0; i<numberOfOrgs; i++) {
			rows.push(<OrganisationListRow name={this.props.organisations[i].name} id={this.props.organisations[i].id} key={counter}/>);
			counter++;
		};
		return(
            <table className="table table-striped table-bordered table-hover">
				<thead className="thead">
						<th>Name</th>
						<th>Id</th>
				</thead>
				<tbody className="tbody">
					{rows}
					//<OrganisationListRow name={this.props.organisations[0].name} id={this.props.organisations[0].id}/>
				</tbody>
			</table>
        );
    }


}

export default OrganisationList
--- 
+++ 
@@ -4,19 +4,19 @@
 import OrganisationListRow from './OrganisationListRow'
 
 //Snippet taken from https://www.npmjs.com/package/jquery
-require("jsdom").env("", function(err, window) {
-	if (err) {
-		console.error(err);
-		return;
-	}
- 
-	var $ = require("jquery")(window);
-	require('bootstrap');
-});
+// require("jsdom").env("", function(err, window) {
+// 	if (err) {
+// 		console.error(err);
+// 		return;
+// 	}
+//
+// 	var $ = require("jquery")(window);
+// 	require('bootstrap');
+// });
 
 
 class OrganisationList extends Component {
-	
+
     render() {
 		var numberOfOrgs = this.props.organisations.length;
 		var rows = [];
Comment out bootstrap to make test suite pass
