Unit tests for ReactComponent

Author: Daniel15

src/React.Tests/Core/JavaScriptEngineFactoryTest.cs

@@ -78,6 +78,8 @@ public void ShouldCreateNewEngineForNewThread()
 				// Need to ensure engine is disposed in same thread as it was created in
 				factory.DisposeEngineForCurrentThread();
 			});
+			thread.Start();
+			thread.Join();
 
 			var engine3 = factory.GetEngineForCurrentThread();
 

src/React.Tests/Core/ReactComponentTest.cs

@@ -0,0 +1,71 @@
+using Moq;
+using React.Exceptions;
+using Xunit;
+
+namespace React.Tests.Core
+{
+	public class ReactComponentTest
+	{
+		[Fact]
+		public void RenderHtmlShouldThrowExceptionIfComponentDoesNotExist()
+		{
+			var environment = new Mock<IReactEnvironment>();
+			environment.Setup(x => x.HasVariable("Foo")).Returns(false);
+			var component = new ReactComponent(environment.Object, "Foo", "container");
+
+			Assert.Throws<ReactInvalidComponentException>(() =>
+			{
+				component.RenderHtml();
+			});
+		}
+
+		[Fact]
+		public void RenderHtmlShouldCallRenderComponent()
+		{
+			var environment = new Mock<IReactEnvironment>();
+			environment.Setup(x => x.HasVariable("Foo")).Returns(true);
+
+			var component = new ReactComponent(environment.Object, "Foo", "container")
+			{
+				Props = new { hello = "World" }
+			};
+			component.RenderHtml();
+
+			environment.Verify(x => x.Execute<string>(@"React.renderComponentToString(Foo({""hello"":""World""}))"));
+		}
+
+		[Fact]
+		public void RenderHtmlShouldWrapComponentInDiv()
+		{
+			var environment = new Mock<IReactEnvironment>();
+			environment.Setup(x => x.HasVariable("Foo")).Returns(true);
+			environment.Setup(x => x.Execute<string>(@"React.renderComponentToString(Foo({""hello"":""World""}))"))
+				.Returns("[HTML]");
+
+			var component = new ReactComponent(environment.Object, "Foo", "container")
+			{
+				Props = new { hello = "World" }
+			};
+			var result = component.RenderHtml();
+
+			Assert.Equal(@"<div id=""container"">[HTML]</div>", result);
+		}
+
+		[Fact]
+		public void RenderJavaScriptShouldCallRenderComponent()
+		{
+			var environment = new Mock<IReactEnvironment>();
+
+			var component = new ReactComponent(environment.Object, "Foo", "container")
+			{
+				Props = new { hello = "World" }
+			};
+			var result = component.RenderJavaScript();
+
+			Assert.Equal(
+				@"React.renderComponent(Foo({""hello"":""World""}), document.getElementById(""container""))",
+				result
+			);
+		}
+	}
+}

src/React.Tests/React.Tests.csproj

@@ -67,6 +67,7 @@
       <Link>Properties\SharedAssemblyVersionInfo.cs</Link>
     </Compile>
     <Compile Include="Core\JavaScriptEngineFactoryTest.cs" />
+    <Compile Include="Core\ReactComponentTest.cs" />
     <Compile Include="Properties\AssemblyInfo.cs" />
     <Compile Include="Core\ReactEnvironmentTest.cs" />
   </ItemGroup>

src/System.Web.Optimization.React/System.Web.Optimization.React.csproj

@@ -74,7 +74,7 @@
   </ItemGroup>
   <ItemGroup>
     <None Include="packages.config" />
-    <None Include="System.Web.Optimization.nutrans" />
+    <None Include="System.Web.Optimization.React.nutrans" />
   </ItemGroup>
   <ItemGroup>
     <ProjectReference Include="..\React.Web\React.Web.csproj">