Add icon

Author: Arnab-Developer

src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor

@@ -34,9 +34,9 @@
 					</li>
 				}
 				<li class="read-time me-4">@BlogPost.ReadingTimeInMinutes minute read</li>
-                @if (AppConfiguration.Value.UseMultiAuthorMode)
+                @if (AppConfiguration.Value.UseMultiAuthorMode && BlogPost.AuthorName is not null)
                 {
-                    <li class="me-4">@BlogPost.AuthorName</li>
+                    <li class="me-4"><i class="user-tie"></i> @BlogPost.AuthorName</li>
                 }
             </ul>
 		</div>

src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor

@@ -53,8 +53,9 @@ else if (BlogPost is not null)
 					</div>
           				<span class="read-time"></span>
 					<span class="me-2">@BlogPost.ReadingTimeInMinutes minute read</span>
-                    @if (AppConfiguration.Value.UseMultiAuthorMode)
+                    @if (AppConfiguration.Value.UseMultiAuthorMode && BlogPost.AuthorName is not null)
                     {
+                        <i class="user-tie"></i>
                         <span class="me-2">@BlogPost.AuthorName</span>
                     }
                     <div class="d-flex align-items-center">

tests/LinkDotNet.Blog.IntegrationTests/Web/Features/Home/IndexTests.cs

@@ -155,6 +155,7 @@ public async Task ShouldShowAuthorNameWhenUseMultiAuthorModeIsTrue()
 
         cut.WaitForElement("li:contains('Test Author')");
         cut.FindAll("li:contains('Test Author')").ShouldHaveSingleItem();
+        cut.FindAll("i.user-tie").ShouldHaveSingleItem();
     }
 
     [Fact]
@@ -173,6 +174,23 @@ public async Task ShouldNotShowAuthorNameWhenUseMultiAuthorModeIsFalse()
         var func = () => cut.WaitForElement("li:contains('Test Author')");
         func.ShouldThrow<WaitForFailedException>();
         cut.FindAll("li:contains('Test Author')").ShouldBeEmpty();
+        cut.FindAll("i.user-tie").ShouldBeEmpty();
+    }
+
+    [Fact]
+    public async Task ShouldNotShowAuthorNameWhenAuthorNameIsNull()
+    {
+        var publishedPost = new BlogPostBuilder().Build(); // Author name is null here.
+        await Repository.StoreAsync(publishedPost);
+        using var ctx = new BunitContext();
+        ctx.JSInterop.Mode = JSRuntimeMode.Loose;
+        RegisterComponents(ctx, useMultiAuthorMode: true);
+        var cut = ctx.Render<Index>();
+
+        var func = () => cut.WaitForElement("li:contains('Test Author')");
+        func.ShouldThrow<WaitForFailedException>();
+        cut.FindAll("li:contains('Test Author')").ShouldBeEmpty();
+        cut.FindAll("i.user-tie").ShouldBeEmpty();
     }
 
     private static (ApplicationConfiguration ApplicationConfiguration, Introduction Introduction)

tests/LinkDotNet.Blog.IntegrationTests/Web/Features/ShowBlogPost/ShowBlogPostPageTests.cs

@@ -152,6 +152,7 @@ public async Task ShouldShowAuthorNameWhenUseMultiAuthorModeIsTrue()
             p => p.Add(b => b.BlogPostId, blogPost.Id));
 
         cut.FindAll("span:contains('Test Author')").ShouldHaveSingleItem();
+        cut.FindAll("i.user-tie").ShouldHaveSingleItem();
     }
 
     [Fact]
@@ -168,6 +169,24 @@ public async Task ShouldNotShowAuthorNameWhenUseMultiAuthorModeIsFalse()
             p => p.Add(b => b.BlogPostId, blogPost.Id));
 
         cut.FindAll("span:contains('Test Author')").ShouldBeEmpty();
+        cut.FindAll("i.user-tie").ShouldBeEmpty();
+    }
+
+    [Fact]
+    public async Task ShouldNotShowAuthorNameWhenAuthorNameIsNull()
+    {
+        using var ctx = new BunitContext();
+        ctx.JSInterop.Mode = JSRuntimeMode.Loose;
+        ctx.AddAuthorization();
+        RegisterComponents(ctx, useMultiAuthorMode: true);
+        var blogPost = new BlogPostBuilder().IsPublished().Build(); // Author name is null here.
+        await Repository.StoreAsync(blogPost);
+
+        var cut = ctx.Render<ShowBlogPostPage>(
+            p => p.Add(b => b.BlogPostId, blogPost.Id));
+
+        cut.FindAll("span:contains('Test Author')").ShouldBeEmpty();
+        cut.FindAll("i.user-tie").ShouldBeEmpty();
     }
 
     private void RegisterComponents(BunitContext ctx, ILocalStorageService? localStorageService = null, bool useMultiAuthorMode = false)

tests/LinkDotNet.Blog.UnitTests/Web/Features/Components/ShortBlogPostTests.cs

@@ -179,6 +179,7 @@ public void ShouldShowAuthorNameWhenUseMultiAuthorModeIsTrue()
         var cut = Render<ShortBlogPost>(p => p.Add(c => c.BlogPost, blogPost));
 
         cut.FindAll("li:contains('Test Author')").ShouldHaveSingleItem();
+        cut.FindAll("i.user-tie").ShouldHaveSingleItem();
     }
 
     [Fact]
@@ -205,5 +206,32 @@ public void ShouldNotShowAuthorNameWhenUseMultiAuthorModeIsFalse()
         var cut = Render<ShortBlogPost>(p => p.Add(c => c.BlogPost, blogPost));
 
         cut.FindAll("li:contains('Test Author')").ShouldBeEmpty();
+        cut.FindAll("i.user-tie").ShouldBeEmpty();
+    }
+
+    [Fact]
+    public void ShouldNotShowAuthorNameWhenAuthorNameIsNull()
+    {
+        Services.AddScoped(_ => Substitute.For<IBookmarkService>());
+        var options = Substitute.For<IOptions<ApplicationConfiguration>>();
+
+        options.Value.Returns(new ApplicationConfiguration()
+        {
+            UseMultiAuthorMode = true,
+            BlogName = "Test",
+            ConnectionString = "Test",
+            DatabaseName = "Test"
+        });
+
+        Services.AddScoped(_ => options);
+
+        var blogPost = new BlogPostBuilder()
+            .IsPublished(true)
+            .Build(); // Author name is null here.
+
+        var cut = Render<ShortBlogPost>(p => p.Add(c => c.BlogPost, blogPost));
+
+        cut.FindAll("li:contains('Test Author')").ShouldBeEmpty();
+        cut.FindAll("i.user-tie").ShouldBeEmpty();
     }
 }

tests/LinkDotNet.Blog.UnitTests/Web/Features/ShowBlogPost/ShowBlogPostPageTests.cs

@@ -181,6 +181,7 @@ public void ShouldShowAuthorNameWhenUseMultiAuthorModeIsTrue()
             p => p.Add(s => s.BlogPostId, "1"));
 
         cut.FindAll("span:contains('Test Author')").ShouldHaveSingleItem();
+        cut.FindAll("i.user-tie").ShouldHaveSingleItem();
     }
 
     [Fact]
@@ -199,6 +200,24 @@ public void ShouldNotShowAuthorNameWhenUseMultiAuthorModeIsFalse()
             p => p.Add(s => s.BlogPostId, "1"));
 
         cut.FindAll("span:contains('Test Author')").ShouldBeEmpty();
+        cut.FindAll("i.user-tie").ShouldBeEmpty();
+    }
+
+    [Fact]
+    public void ShouldNotShowAuthorNameWhenAuthorNameIsNull()
+    {
+        var repositoryMock = Substitute.For<IRepository<BlogPost>>();
+        var blogPost = new BlogPostBuilder().Build(); // Author name is null here.
+        blogPost.Id = "1";
+        repositoryMock.GetByIdAsync("1").Returns(blogPost);
+        Services.AddScoped(_ => repositoryMock);
+        Services.AddScoped(_ => Options.Create(new ApplicationConfigurationBuilder().WithUseMultiAuthorMode(true).Build()));
+
+        var cut = Render<ShowBlogPostPage>(
+            p => p.Add(s => s.BlogPostId, "1"));
+
+        cut.FindAll("span:contains('Test Author')").ShouldBeEmpty();
+        cut.FindAll("i.user-tie").ShouldBeEmpty();
     }
 
     private class PageTitleStub : ComponentBase