Added various tools and methods for testing Todos

Author: egil

.editorconfig

@@ -2,3 +2,6 @@
 
 # CA1822: Mark members as static
 dotnet_diagnostic.CA1822.severity = suggestion
+
+# CS8603: Possible null reference return.
+dotnet_diagnostic.CS8603.severity = none

Directory.Build.props

@@ -6,20 +6,10 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.Components" Version="3.1.0-preview3.19555.2" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="3.1.0-preview3.19555.2" />
     <PackageReference Include="Microsoft.CodeAnalysis.FxCopAnalyzers" Version="2.9.8">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
   </ItemGroup>
 
-  <!--<PropertyGroup>
-    <AnnotatedReferenceAssemblyVersion>3.0.0</AnnotatedReferenceAssemblyVersion>
-  </PropertyGroup>
-  <ItemGroup>
-    <PackageReference Include="TunnelVisionLabs.ReferenceAssemblyAnnotator" Version="1.0.0-alpha.90" PrivateAssets="all" />
-    <PackageDownload Include="Microsoft.NETCore.App.Ref" Version="[$(AnnotatedReferenceAssemblyVersion)]" />
-  </ItemGroup>-->
-
 </Project>

sample/src/Components/TodoItem.razor

@@ -1,10 +1,27 @@
-<li class="list-group-item list-group-item-action">
-    <div class="custom-control custom-checkbox">
-        <input type="checkbox" class="custom-control-input" @bind=@Todo.IsDone />
-        <label class="custom-control-label">@Todo.Text</label>
-        <a class="float-right" href="#">(x)</a>
-    </div>
+<li 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>
 @code {
-    [Parameter] public Todo Todo { get; set; } = default!;
+    private Todo _todo = Todo.Empty;
+
+    [Parameter]
+    public Todo Todo
+    {
+        get => _todo;
+        set => _todo = value ?? throw new ArgumentNullException(nameof(Todo));
+    }
+
+    [Parameter] public EventCallback<int> OnCompleted { get; set; }
+
+    protected override void OnParametersSet()
+    {
+        if (Todo == Todo.Empty)
+            throw new ArgumentException($"The {nameof(Todo)} parameter was not set.");
+    }
+
+    private void Complete()
+    {
+        OnCompleted.InvokeAsync(Todo.Id);
+    }
 }

sample/src/Components/TodoList.razor

@@ -0,0 +1,44 @@
+@inject IJSRuntime jsRuntime
+
+<form @onsubmit="AddTask">
+    <div class="input-group">
+        <input type="text" class="form-control" placeholder=@Label aria-label=@Label
+               @bind="NewTaskValue" @ref="_inputRef" />
+        <div class="input-group-append">
+            <button class="btn btn-secondary" type="submit">Add task</button>
+        </div>
+    </div>
+</form>
+<ol class="list-group">
+    @foreach (var item in Items)
+    {
+        @ItemsTemplate(item);
+    }
+</ol>
+
+@code{
+    private ElementReference _inputRef;
+    private string NewTaskValue { get; set; } = string.Empty;
+
+    [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 EventCallback<Todo> OnAddingTodo { get; set; }
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            await jsRuntime.InvokeVoidAsync("document.body.focus.call", _inputRef);
+        }
+    }
+
+    private void AddTask()
+    {
+        if (!string.IsNullOrWhiteSpace(NewTaskValue))
+        {
+            OnAddingTodo.InvokeAsync(new Todo { Text = NewTaskValue });
+        }
+        NewTaskValue = string.Empty;
+    }
+}

sample/src/Data/ITodoService.cs

@@ -0,0 +1,12 @@
+using System.Collections.Generic;
+using System.Threading.Tasks;
+
+namespace Egil.RazorComponents.Testing.Library.SampleApp.Data
+{
+    public interface ITodoService
+    {
+        void Add(Todo todo);
+        void Complete(int todoId);
+        Task<IReadOnlyList<Todo>> Get();
+    }
+}

sample/src/Data/Todo.cs

@@ -4,6 +4,7 @@ public class Todo
     {
         public int Id { get; set; }
         public string Text { get; set; } = string.Empty;
-        public bool IsDone { get; set; }
+
+        public static readonly Todo Empty = new Todo();
     }
 }

sample/src/Data/TodoService.cs

@@ -6,15 +6,24 @@
 
 namespace Egil.RazorComponents.Testing.Library.SampleApp.Data
 {
-    public class TodoService
+    public class TodoService : ITodoService
     {
-        public Task<Todo[]> Get()
+        private readonly List<Todo> _todos = new List<Todo>();
+
+        public Task<IReadOnlyList<Todo>> Get()
+        {
+            return Task.FromResult((IReadOnlyList<Todo>)_todos);
+        }
+
+        public void Add(Todo todo)
         {
-            return Task.FromResult(Array.Empty<Todo>());
+            todo.Id = _todos.Count;
+            _todos.Add(todo);
         }
 
-        public void Add(Todo todo) { }
-        public void Update(Todo todo) { }
-        public void Delete(Todo todo) { }
+        public void Complete(int todoId)
+        {
+            _todos.RemoveAll(x => x.Id == todoId);
+        }
     }
 }

sample/src/Egil.RazorComponents.Testing.Library.SampleApp.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">
 
   <PropertyGroup>
-    <TargetFramework>netcoreapp3.0</TargetFramework>
+    <TargetFramework>netcoreapp3.1</TargetFramework>
   </PropertyGroup>
 
 </Project>

sample/src/Pages/TodoList.razor

@@ -0,0 +1,33 @@
+@page "/todos"
+@inject ITodoService todoService
+
+<h1>Todos</h1>
+<p>Be smart - todo!</p>
+
+<TodoList OnAddingTodo="AddingTodo" Items="_todos">
+    <ItemsTemplate>
+        <TodoItem Todo=@context OnCompleted="CompleteTodo" />
+        <TodoItem Todo=@context OnCompleted=@(id => CompleteTodo(id)) />
+    </ItemsTemplate>
+</TodoList>
+
+@code {
+    IReadOnlyList<Todo> _todos = Array.Empty<Todo>();
+
+    protected override async Task OnInitializedAsync()
+    {
+        _todos = await todoService.Get();
+    }
+
+    private async Task AddingTodo(Todo todo)
+    {
+        todoService.Add(todo);
+        _todos = await todoService.Get();
+    }
+    
+    private async Task CompleteTodo(int todoId)
+    {
+        todoService.Complete(todoId);
+        _todos = await todoService.Get();
+    }
+}