Started mixed-mode tests

Author: egil

sample/src/Components/Alert.razor

@@ -10,4 +10,12 @@ public class ThemeInfo
     {
         public string? Value { get; set; }
     }
+
+    //    <script>
+    //        function queryWiki(query) {
+    //            return fetch('https://en.wikipedia.org/w/api.php?origin=*&action=opensearch&search=' + query)
+    //                .then(x => x.text());
+    //        }
+    //    </script>
+
 }

sample/src/Components/ThemeInfo.cs

@@ -0,0 +1,23 @@
+@inject IJSRuntime jsRuntime
+
+<p>@searchResult</p>
+
+@code {
+    string searchResult = string.Empty;
+
+    // Assumes the following function is available in the DOM
+    // <script>
+    //     function queryWiki(query) {
+    //         return fetch('https://en.wikipedia.org/w/api.php?origin=*&action=opensearch&search=' + query)
+    //             .then(x => x.text());
+    //     }
+    // </script>
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            searchResult = await jsRuntime.InvokeAsync<string>("queryWiki", "blazor");
+            StateHasChanged();
+        }
+    }
+}

sample/src/Components/WikiSearch.razor

@@ -4,11 +4,4 @@
 
 Welcome to your new app.
 
-<CascadingValue Value="theme" IsFixed="true">
-    <ThemedButton>TEST TEST TEST</ThemedButton>
-</CascadingValue>
-
-
-@code {
-    private ThemeInfo theme = new ThemeInfo { Value = "btn btn-primary" };
-}
+<WikiSearch />

sample/src/Pages/Index.razor

@@ -18,5 +18,11 @@
     </app>
 
     <script src="_framework/blazor.server.js"></script>
+    <script>
+        function queryWiki(query) {
+            return fetch('https://en.wikipedia.org/w/api.php?origin=*&action=opensearch&search=' + query)
+                .then(x => x.text());
+        }
+    </script>
 </body>
 </html>

sample/src/Pages/_Host.cshtml

@@ -10,7 +10,7 @@
 
 namespace Egil.RazorComponents.Testing.Library.SampleApp.CodeOnlyTests.Components
 {
-    public class ThemedXXTest : ComponentTestFixture
+    public class CascadingValueTest : ComponentTestFixture
     {
         [Fact(DisplayName = "Themed button uses provided theme info to set class attribute")]
         public void Test001()

…CodeOnlyTests/Components/ThemedXXTest.cs …lyTests/Components/CascadingValueTest.cssample/tests/CodeOnlyTests/Components/ThemedXXTest.cs renamed to sample/tests/CodeOnlyTests/Components/CascadingValueTest.cs sample/tests/CodeOnlyTests/Components/ThemedXXTest.cs renamed to sample/tests/CodeOnlyTests/Components/CascadingValueTest.cs

@@ -3,7 +3,6 @@
 using System.Linq;
 using System.Text;
 using System.Threading.Tasks;
-using Egil.RazorComponents.Testing.Asserting;
 using Egil.RazorComponents.Testing.Library.SampleApp.Pages;
 using Shouldly;
 using Xunit;

sample/tests/CodeOnlyTests/Components/CounterTest.cs

@@ -2,25 +2,16 @@
 using System.Collections.Generic;
 using System.Linq;
 using System.Text;
-using System.Threading.Tasks;
 using Egil.RazorComponents.Testing.Library.SampleApp.Data;
 using Egil.RazorComponents.Testing.Library.SampleApp.Components;
 using Xunit;
 using Egil.RazorComponents.Testing.Library.SampleApp.Pages;
 using Shouldly;
-using Egil.RazorComponents.Testing.Asserting;
 
 namespace Egil.RazorComponents.Testing.Library.SampleApp.CodeOnlyTests
 {
     public class FetchDataTest : ComponentTestFixture
     {
-        class MockForecastService : IWeatherForecastService
-        {
-            public TaskCompletionSource<WeatherForecast[]> Task { get; } = new TaskCompletionSource<WeatherForecast[]>();
-
-            public Task<WeatherForecast[]> GetForecastAsync(DateTime startDate) => Task.Task;
-        }
-
         [Fact]
         public void InitialLoadingHtmlRendersCorrectly()
         {

sample/tests/CodeOnlyTests/Components/FetchDataTest.cs

@@ -4,7 +4,6 @@
 using System.Text;
 using System.Threading.Tasks;
 using Egil.RazorComponents.Testing.Library.SampleApp.Components;
-using Egil.RazorComponents.Testing.Asserting;
 using Shouldly;
 using Xunit;
 

sample/tests/CodeOnlyTests/Components/PassingChildContentTest.cs

@@ -1,5 +1,4 @@
-using Egil.RazorComponents.Testing.Asserting;
-using Egil.RazorComponents.Testing.Library.SampleApp.Components;
+using Egil.RazorComponents.Testing.Library.SampleApp.Components;
 using Egil.RazorComponents.Testing.Library.SampleApp.Data;
 using Microsoft.AspNetCore.Components;
 using Shouldly;
@@ -21,12 +20,14 @@ public void Test001()
             Should.Throw<InvalidOperationException>(() => RenderComponent<TodoItem>((nameof(TodoItem.Todo), null)));
         }
 
-        [Fact(DisplayName = "The control renders the expected output")]
+        [Fact(DisplayName = "The component renders the expected output")]
         public void Test002()
         {
             var todo = new Todo { Id = 42, Text = "Hello world" };
             var cut = RenderComponent<TodoItem>((nameof(TodoItem.Todo), todo));
 
+            cut.ShouldBe(cut);
+
             cut.ShouldBe($@"<li id=""todo-{todo.Id}"" class=""list-group-item list-group-item-action"">
                                 <span>{todo.Text}</span>
                                 <span class=""float-right text-danger"">(click to complete)</span>