Add test to ensure that isomorphic rendering works both with and with…

…out jsdom

packages/metal-isomorphic/test/isomorphic.js

@@ -1,10 +1,13 @@
 import Component from 'metal-component';
 import MyComponent from './fixtures/MyComponent';
 import MyJSXComponent from './fixtures/MyJSXComponent';
+import jsdomGlobal from 'jsdom-global';
 import { assert } from 'chai';
 
 describe('Isomorphic Rendering', () => {
 	it('should render soy component to string', () => {
+		assert.ok(!global.document);
+
 		const htmlString = Component.renderToString(MyComponent, {
 			message: 'Hello, Soy!'
 		});
@@ -13,10 +16,64 @@ describe('Isomorphic Rendering', () => {
 	});
 
 	it('should render jsx component to string', () => {
+		assert.ok(!global.document);
+
 		const htmlString = Component.renderToString(MyJSXComponent, {
 			message: 'Hello, JSX!'
 		});
 
 		assert.equal(htmlString, '<div>Hello, JSX!</div>');
 	});
+
+	describe('JSDom', () => {
+		let cleanup;
+
+		before(() => {
+			cleanup = jsdomGlobal();
+		});
+
+		after(() => {
+			cleanup();
+		});
+
+		it('should render soy component to string', () => {
+			assert.ok(document);
+
+			const htmlString = Component.renderToString(MyComponent, {
+				message: 'Hello, Soy!'
+			});
+
+			assert.equal(htmlString, '<div>Hello, Soy!</div>');
+		});
+
+		it('should render soy component to DOM', () => {
+			assert.ok(document);
+
+			const comp = new MyComponent({
+				message: 'Hello, Soy!'
+			});
+
+			assert.equal(comp.element.innerHTML, '<div>Hello, Soy!</div>');
+		});
+
+		it('should render jsx component to string', () => {
+			assert.ok(document);
+
+			const htmlString = Component.renderToString(MyJSXComponent, {
+				message: 'Hello, JSX!'
+			});
+
+			assert.equal(htmlString, '<div>Hello, JSX!</div>');
+		});
+
+		it('should render JSX component to DOM', () => {
+			assert.ok(document);
+
+			const comp = new MyJSXComponent({
+				message: 'Hello, Soy!'
+			});
+
+			assert.equal(comp.element.innerHTML, '<div>Hello, Soy!</div>');
+		});
+	});
 });