Should Set Tags as Keyword

Author: linkdotnet

LinkDotNet.Blog.IntegrationTests/Web/Pages/BlogPostPageTests.cs

@@ -63,5 +63,24 @@ public async Task ShouldSubtractLikeOnEvent()
             var fromDb = await DbContext.BlogPosts.AsNoTracking().SingleAsync(d => d.Id == publishedPost.Id);
             fromDb.Likes.Should().Be(1);
         }
+
+        [Fact]
+        public async Task ShouldSetTagsWhenAvailable()
+        {
+            var publishedPost = new BlogPostBuilder().IsPublished().WithTags("Tag1,Tag2").Build();
+            await BlogPostRepository.StoreAsync(publishedPost);
+            using var ctx = new TestContext();
+            ctx.JSInterop.Mode = JSRuntimeMode.Loose;
+            ctx.AddTestAuthorization();
+            ctx.Services.AddScoped<IRepository>(_ => BlogPostRepository);
+            ctx.Services.AddScoped(_ => new Mock<ILocalStorageService>().Object);
+            ctx.Services.AddScoped(_ => new Mock<IToastService>().Object);
+            var cut = ctx.RenderComponent<BlogPostPage>(
+                p => p.Add(b => b.BlogPostId, publishedPost.Id));
+
+            var ogData = cut.FindComponent<OgData>();
+
+            ogData.Instance.Keywords.Should().Be("Tag1,Tag2");
+        }
     }
 }

LinkDotNet.Blog.Web/Pages/BlogPostPage.razor

@@ -14,7 +14,10 @@
 else
 {
     <Title Value="@BlogPost.Title"></Title>
-    <OgData Title="@BlogPost.Title" AbsolutePreviewImageUrl="@BlogPost.PreviewImageUrl" Description="@(Markdown.ToPlainText(BlogPost.ShortDescription))"></OgData>
+    <OgData Title="@BlogPost.Title" 
+            AbsolutePreviewImageUrl="@BlogPost.PreviewImageUrl" 
+            Description="@(Markdown.ToPlainText(BlogPost.ShortDescription))"
+            Keywords="@Tags"></OgData>
     <div class="blog-outer-box">
         <div class="content blog-container">
             <div class="blog-content">
@@ -41,6 +44,10 @@ else
     [Parameter]
     public string BlogPostId { get; set; }
 
+    private string Tags => BlogPost?.Tags != null
+        ? string.Join(",", BlogPost.Tags.Select(b => b.Content))
+        : null;
+    
     private BlogPost BlogPost { get; set; }
 
     protected override async Task OnInitializedAsync()

LinkDotNet.Blog.Web/Shared/OgData.razor

@@ -5,6 +5,10 @@
 <Meta name="image" property="og:image" content="@AbsolutePreviewImageUrl" />
 <Meta property="og:type" content="article" />
 <Meta property="og:url" content="@_navigationManager.Uri" />
+@if (Keywords != null)
+{
+    <Meta name="keywords" content="@Keywords"/>
+}
 @if (Description != null)
 {
     <Meta name="description" property="og:description" content="@Description" />
@@ -20,4 +24,7 @@
 
     [Parameter]
     public string Description { get; set; }
+    
+    [Parameter]
+    public string Keywords { get; set; }
 }