CascadingValue tests.

Author: egil

sample/src/Components/NoArgs.razor

@@ -0,0 +1 @@
+<h1>Hello world</h1>

sample/src/Components/ThemeInfo.cs

@@ -0,0 +1,16 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Egil.RazorComponents.Testing.Library.SampleApp.Components
+{
+    public class ThemeInfo
+    {
+        private const string DEFAULT_BUTTON_CLASS = "btn btn-primary";
+        private string _buttonClass = DEFAULT_BUTTON_CLASS;
+
+        public string Class { get => _buttonClass; set => _buttonClass = value ?? DEFAULT_BUTTON_CLASS; }
+    }
+}

sample/src/Components/ThemedButton.razor

@@ -0,0 +1,18 @@
+<button class=@(Theme?.Class ?? "") @attributes="Attributes">
+    @ChildContent
+</button>
+@code {
+    [Parameter(CaptureUnmatchedValues = true)]
+    public IReadOnlyDictionary<string, object> Attributes { get; set; }
+
+    [CascadingParameter]
+    public ThemeInfo Theme { get; set; }
+
+    [Parameter]
+    public RenderFragment ChildContent { get; set; }
+
+    protected override void OnAfterRender(bool firstRender)
+    {
+        base.OnAfterRender(firstRender);
+    }
+}

sample/src/Components/TodoItem.razor

@@ -1,4 +1,4 @@
-<li class="list-group-item list-group-item-action" @onclick="Complete">
+<li id="todo-@(Todo.Id)" class="list-group-item list-group-item-action" @onclick="Complete">
     <span>@Todo.Text</span>
     <span class="float-right text-danger">(click to complete)</span>
 </li>

sample/src/Components/TodoList.razor

@@ -18,10 +18,11 @@
 @code {
     private ElementReference _inputRef;
     private string NewTaskValue { get; set; } = string.Empty;
+    private IEnumerable<Todo> _todos = Array.Empty<Todo>();
 
     [Parameter] public string Label { get; set; } = "Task description";
     [Parameter] public RenderFragment<Todo> ItemsTemplate { get; set; } = default!;
-    [Parameter] public IEnumerable<Todo> Items { get; set; } = Array.Empty<Todo>();
+    [Parameter] public IEnumerable<Todo> Items { get => _todos; set => _todos = value ?? Array.Empty<Todo>(); }
     [Parameter] public EventCallback<Todo> OnAddingTodo { get; set; }
 
     protected override async Task OnAfterRenderAsync(bool firstRender)

sample/src/Pages/Index.razor

@@ -3,3 +3,12 @@
 <h1>Hello, world!</h1>
 
 Welcome to your new app.
+
+<CascadingValue Value="theme" IsFixed="true">
+    <ThemedButton>TEST TEST TEST</ThemedButton>
+</CascadingValue>
+
+
+@code {
+    private ThemeInfo theme = new ThemeInfo { Class = "btn btn-primary" };
+}

sample/src/Pages/Todos.razor

@@ -7,7 +7,6 @@
 <TodoList OnAddingTodo="AddingTodo" Items="_todos">
     <ItemsTemplate>
         <TodoItem Todo=@context OnCompleted="CompleteTodo" />
-        <TodoItem Todo=@context OnCompleted=@(id => CompleteTodo(id)) />
     </ItemsTemplate>
 </TodoList>
 

sample/tests/CodeOnlyTests/CounterTest.cs …/CodeOnlyTests/Components/CounterTest.cssample/tests/CodeOnlyTests/CounterTest.cs renamed to sample/tests/CodeOnlyTests/Components/CounterTest.cs sample/tests/CodeOnlyTests/CounterTest.cs renamed to sample/tests/CodeOnlyTests/Components/CounterTest.cs

@@ -3,13 +3,14 @@
 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;
 
 namespace Egil.RazorComponents.Testing.Library.SampleApp.CodeOnlyTests
 {
-    public class CounterTest : ComponentTestBase
+    public class CounterTest : TestContext
     {
         [Fact]
         public void InitialHtmlIsCorrect()

…ple/tests/CodeOnlyTests/FetchDataTest.cs …odeOnlyTests/Components/FetchDataTest.cssample/tests/CodeOnlyTests/FetchDataTest.cs renamed to sample/tests/CodeOnlyTests/Components/FetchDataTest.cs sample/tests/CodeOnlyTests/FetchDataTest.cs renamed to sample/tests/CodeOnlyTests/Components/FetchDataTest.cs

@@ -8,10 +8,11 @@
 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 : ComponentTestBase
+    public class FetchDataTest : TestContext
     {
         class MockForecastService : IWeatherForecastService
         {

sample/tests/CodeOnlyTests/Components/ThemedButtonTest.cs

@@ -0,0 +1,29 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Components;
+using Egil.RazorComponents.Testing.Library.SampleApp.Components;
+using Xunit;
+using Shouldly;
+
+namespace Egil.RazorComponents.Testing.Library.SampleApp.CodeOnlyTests.Components
+{
+    public class ThemedButtonTest : TestContext
+    {
+        [Fact(DisplayName = "Themed button uses provided theme info to set class attribute")]
+        public void Test001()
+        {
+            // arrange
+            var theme = new ThemeInfo() { Class = "BUTTON" };
+
+            var cut = RenderComponent<ThemedButton>(
+                (nameof(ThemedButton.Theme), theme, true),
+                ("id", "testid")
+            );
+
+            cut.Find("button").ClassList.ShouldContain(theme.Class);
+        }
+    }
+}