Wait for component to mount before checking for output (#24451)

captainsafia · web-flow · commit c0c0a2600063 · 2020-07-31T12:44:27.000-07:00
* Wait for component to mount before checking for output
* Use Exists to check for element with timeout
* Update ComponentRenderingTest.cs
diff --git a/src/Components/test/E2ETest/Tests/ComponentRenderingTest.cs b/src/Components/test/E2ETest/Tests/ComponentRenderingTest.cs
@@ -46,7 +46,8 @@ public void BasicTestAppCanBeServed()
         public void CanRenderTextOnlyComponent()
         {
             var appElement = Browser.MountTestComponent<TextOnlyComponent>();
-            Assert.Equal("Hello from TextOnlyComponent", appElement.Text);
+
+            Browser.Exists(By.XPath("//*[contains(., 'Hello from TextOnlyComponent')]"));
         }
 
         // This verifies that we've correctly configured the Razor language version via MSBuild.

Original file line number	Diff line number	Diff line change
`@@ -46,7 +46,8 @@ public void BasicTestAppCanBeServed()`
`46`	`46`	`public void CanRenderTextOnlyComponent()`
`47`	`47`	`{`
`48`	`48`	`var appElement = Browser.MountTestComponent<TextOnlyComponent>();`
`49`		`- Assert.Equal("Hello from TextOnlyComponent", appElement.Text);`
	`49`	`+`
	`50`	`+ Browser.Exists(By.XPath("//*[contains(., 'Hello from TextOnlyComponent')]"));`
`50`	`51`	`}`
`51`	`52`
`52`	`53`	`// This verifies that we've correctly configured the Razor language version via MSBuild.`