More details for the VisitCountPerPage

Author: linkdotnet

LinkDotNet.Blog.IntegrationTests/Web/Pages/Admin/Dashboard/VisitCountPerPageTests.cs

@@ -1,6 +1,7 @@
 using System.Collections.Generic;
 using System.Linq;
 using System.Threading.Tasks;
+using AngleSharp.Html.Dom;
 using Bunit;
 using FluentAssertions;
 using LinkDotNet.Blog.TestUtilities;
@@ -17,7 +18,7 @@ public class VisitCountPerPageTests : SqlDatabaseTestBase<BlogPost>
         [Fact]
         public async Task ShouldShowCounts()
         {
-            var blogPost = new BlogPostBuilder().WithTitle("I was clicked").Build();
+            var blogPost = new BlogPostBuilder().WithTitle("I was clicked").WithLikes(2).Build();
             await Repository.StoreAsync(blogPost);
             using var ctx = new TestContext();
             ctx.Services.AddScoped<IRepository<BlogPost>>(_ => Repository);
@@ -29,9 +30,14 @@ public async Task ShouldShowCounts()
                 s => s.PageVisitCount, pageVisitCounts));
 
             cut.WaitForState(() => cut.FindAll("td").Any());
-            var elements = cut.FindAll("td").Select(t => t.InnerHtml).ToList();
-            elements.Should().Contain("I was clicked");
-            elements.Should().Contain("5");
+            var elements = cut.FindAll("td").ToList();
+            elements.Count.Should().Be(3);
+            var titleData = elements[0].ChildNodes.Single() as IHtmlAnchorElement;
+            titleData.Should().NotBeNull();
+            titleData.InnerHtml.Should().Be(blogPost.Title);
+            titleData.Href.Should().Contain($"blogPost/{blogPost.Id}");
+            elements[1].InnerHtml.Should().Be("5");
+            elements[2].InnerHtml.Should().Be("2");
         }
     }
 }

LinkDotNet.Blog.Web/Shared/Admin/Dashboard/VisitCountPerPage.razor

@@ -5,19 +5,21 @@
 <div class="card">
     <div class="card-header">Blog Post Visit Counts</div>
     <div class="card-body">
-        <table class="table table-striped">
+        <table class="table table-striped table-hover">
             <tbody>
             <tr>
                 <th>Title</th>
                 <th>Clicks</th>
+                <th>Likes</th>
             </tr>
             @if (PageVisitCount != null)
             {
-                @foreach (var pageVisit in blogPostToCountList)
+                @foreach (var (blogPost, visitCount) in blogPostToCountList)
                 {
                     <tr>
-                        <td>@pageVisit.Key</td>
-                        <td>@pageVisit.Value</td>
+                        <td><a href="blogPost/@blogPost.Id">@blogPost.Title</a></td>
+                        <td>@visitCount</td>
+                        <td>@blogPost.Likes</td>
                     </tr>
                 }
             }
@@ -30,7 +32,7 @@
     [Parameter]
     public IOrderedEnumerable<KeyValuePair<string, int>> PageVisitCount { get; set; }
 
-    private List<KeyValuePair<string, int>> blogPostToCountList = new();
+    private List<KeyValuePair<BlogPost, int>> blogPostToCountList = new();
 
     protected override async Task OnParametersSetAsync()
     {
@@ -39,18 +41,18 @@
             return;
         }
 
-        foreach (var (blogPost, clickCount) in PageVisitCount)
+        foreach (var (blogPostUrl, clickCount) in PageVisitCount)
         {
-            var blogPostId = blogPost[(blogPost.IndexOf('/') + 1)..];
+            var blogPostId = blogPostUrl[(blogPostUrl.IndexOf('/') + 1)..];
 
             if (string.IsNullOrEmpty(blogPostId))
             {
                 continue;
             }
 
-            var blogPostTitle = (await blogPostRepository.GetByIdAsync(blogPostId)).Title;
+            var blogPost = (await blogPostRepository.GetByIdAsync(blogPostId));
 
-            blogPostToCountList.Add(new KeyValuePair<string, int>(blogPostTitle, clickCount));
+            blogPostToCountList.Add(new KeyValuePair<BlogPost, int>(blogPost, clickCount));
         }
     }
 }