Fix select value not passed through components

Author: marvinhagemeister

src/index.js

@@ -65,7 +65,7 @@ function renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 			getChildren(children, vnode.props.children);
 
 			for (let i = 0; i < children.length; i++) {
-				rendered += renderToString(children[i], context, opts, opts.shallowHighOrder!==false, isSvgMode);
+				rendered += renderToString(children[i], context, opts, opts.shallowHighOrder!==false, isSvgMode, selectValue);
 			}
 			return rendered;
 		}
@@ -97,7 +97,7 @@ function renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 				context = assign(assign({}, context), c.getChildContext());
 			}
 
-			return renderToString(rendered, context, opts, opts.shallowHighOrder!==false);
+			return renderToString(rendered, context, opts, opts.shallowHighOrder!==false, isSvgMode, selectValue);
 		}
 	}
 

test/render.js

@@ -740,4 +740,33 @@ describe('render', () => {
 		);
 		expect(res).to.equal('<select><option value="A">A</option><option selected value="B">B</option></select>');
 	});
+
+	it('should render select value on option with a Fragment', () => {
+		let res = render(
+			<select value="B">
+				<Fragment>
+					<option value="A">A</option>
+					<option value="B">B</option>
+				</Fragment>
+			</select>
+		);
+		expect(res).to.equal('<select><option value="A">A</option><option selected value="B">B</option></select>');
+	});
+
+	it('should render select value on option through a component', () => {
+		function Foo() {
+			return (
+				<optgroup label="foo">
+					<option value="A">A</option>
+					<option value="B">B</option>
+				</optgroup>
+			);
+		}
+		let res = render(
+			<select value="B">
+				<Foo />
+			</select>
+		);
+		expect(res).to.equal('<select><optgroup label="foo"><option value="A">A</option><option selected value="B">B</option></optgroup></select>');
+	});
 });