Give share elements id's

Author: linkdotnet

LinkDotNet.Blog.UnitTests/Web/Shared/ShareBlogPostTests.cs

@@ -1,5 +1,5 @@
 using System.Linq;
-using AngleSharp.Html.Dom;
+using AngleSharp.Dom;
 using Blazored.Toast.Services;
 using Bunit;
 using Bunit.TestDoubles;
@@ -21,7 +21,7 @@ public void ShouldCopyLinkToClipboard()
         Services.GetRequiredService<FakeNavigationManager>().NavigateTo("blogPost/1");
         var cut = RenderComponent<ShareBlogPost>();
 
-        cut.FindAll("a")[1].Click();
+        cut.Find("#share-clipboard").Click();
 
         var copyToClipboardInvocation = JSInterop.Invocations.SingleOrDefault(i => i.Identifier == "navigator.clipboard.writeText");
         copyToClipboardInvocation.Arguments[0].Should().Be("http://localhost/blogPost/1");
@@ -35,8 +35,7 @@ public void ShouldShareToLinkedIn()
 
         var cut = RenderComponent<ShareBlogPost>();
 
-        var linkedInShare = (IHtmlAnchorElement)cut.FindAll("a")[0];
-        linkedInShare.Href.Should()
-            .Be("https://www.linkedin.com/shareArticle?mini=true&url=http://localhost/blogPost/1");
+        var linkedInShare = cut.Find("#share-linkedin").Attributes.Single(s => s.Name == "href").Value;
+        linkedInShare.Should().Be("https://www.linkedin.com/shareArticle?mini=true&url=http://localhost/blogPost/1");
     }
 }

LinkDotNet.Blog.Web/Shared/ShareBlogPost.razor

@@ -3,8 +3,8 @@
 @inject IToastService toastService
 
 <div class="flex-row">
-    <a href="@LinkedInShare" target="_blank"><i class="fab fa-linkedin fa-lg"></i></a>
-    <a href="javascript:void(0)" @onclick="CopyToClipboard"><i class="fas fa-link fa-lg"></i></a>
+    <a id="share-linkedin" href="@LinkedInShare" target="_blank"><i class="fab fa-linkedin fa-lg"></i></a>
+    <a id="share-clipboard" href="javascript:void(0)" @onclick="CopyToClipboard"><i class="fas fa-link fa-lg"></i></a>
 </div>
 @code {
     private string LinkedInShare => $"https://www.linkedin.com/shareArticle?mini=true&url={navigationManager.Uri}";