Don't let Blazor Server do the clipboard management (Safari Fix)

Author: linkdotnet

src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/ShareBlogPost.razor

@@ -1,24 +1,9 @@
 @inject NavigationManager NavigationManager
-@inject IJSRuntime JsRuntime
-@inject IToastService ToastService
 
 <div class="flex-row" style="font-size: 1.5em">
     <a class="text-decoration-none" id="share-linkedin" href="@LinkedInShare" target="_blank" rel="noreferrer"><i class="linkedin"></i></a>
-    <a class="text-decoration-none" id="share-clipboard" href="javascript:void(0)" @onclick="CopyToClipboard"><i class="copy"></i></a>
+    <a class="text-decoration-none" id="share-clipboard" href="javascript:void(0)" onclick="navigator.clipboard.writeText('@LinkedInShare')"><i class="copy"></i></a>
 </div>
 @code {
     private string LinkedInShare => $"https://www.linkedin.com/shareArticle?mini=true&url={NavigationManager.Uri}";
-
-    private async Task CopyToClipboard()
-    {
-        try
-        {
-            await JsRuntime.InvokeVoidAsync("navigator.clipboard.writeText", NavigationManager.Uri);
-            ToastService.ShowSuccess("Copied link to clipboard");
-        }
-        catch
-        {
-            ToastService.ShowError("There was an error copying the link. Please copy the link from your address bar instead.");
-        }
-    }
 }

tests/LinkDotNet.Blog.UnitTests/Web/Features/ShowBlogPost/Components/ShareBlogPostTests.cs

@@ -1,7 +1,6 @@
 using System;
 using System.Linq;
 using AngleSharp.Html.Dom;
-using Blazored.Toast.Services;
 using LinkDotNet.Blog.Web.Features.ShowBlogPost.Components;
 using Microsoft.Extensions.DependencyInjection;
 
@@ -12,38 +11,25 @@ public class ShareBlogPostTests : TestContext
     [Fact]
     public void ShouldCopyLinkToClipboard()
     {
-        JSInterop.Mode = JSRuntimeMode.Loose;
-        Services.AddScoped(_ => Substitute.For<IToastService>());
         Services.GetRequiredService<FakeNavigationManager>().NavigateTo("blogPost/1");
         var cut = RenderComponent<ShareBlogPost>();
 
-        cut.Find("#share-clipboard").Click();
+        var element = cut.Find("#share-clipboard") as IHtmlAnchorElement;
 
-        var copyToClipboardInvocation = JSInterop.Invocations.SingleOrDefault(i => i.Identifier == "navigator.clipboard.writeText");
-        copyToClipboardInvocation.Arguments[0].Should().Be("http://localhost/blogPost/1");
+        element.Should().NotBeNull();
+        var onclick = element!.Attributes.FirstOrDefault(a => a.Name.Equals("onclick", StringComparison.InvariantCultureIgnoreCase));
+        onclick.Should().NotBeNull();
+        onclick!.Value.Should().Contain("blogPost/1");
     }
 
     [Fact]
     public void ShouldShareToLinkedIn()
     {
-        Services.AddScoped(_ => Substitute.For<IToastService>());
         Services.GetRequiredService<FakeNavigationManager>().NavigateTo("blogPost/1");
 
         var cut = RenderComponent<ShareBlogPost>();
 
         var linkedInShare = (IHtmlAnchorElement)cut.Find("#share-linkedin");
         linkedInShare.Href.Should().Be("https://www.linkedin.com/shareArticle?mini=true&url=http://localhost/blogPost/1");
     }
-
-    [Fact]
-    public void ShouldNotCrashWhenCopyingLinkNotWorking()
-    {
-        Services.AddScoped(_ => Substitute.For<IToastService>());
-        JSInterop.SetupVoid(s => s.InvocationMethodName == "navigator.clipboard.writeText").SetException(new Exception());
-        var cut = RenderComponent<ShareBlogPost>();
-
-        var act = () => cut.Find("#share-clipboard").Click();
-
-        act.Should().NotThrow<Exception>();
-    }
 }