Loading bar when creating sitemap

Author: linkdotnet

LinkDotNet.Blog.UnitTests/Web/Pages/Admin/SitemapTests.cs

@@ -1,9 +1,11 @@
 using System.Collections.Generic;
 using System.Linq;
+using System.Threading.Tasks;
 using Bunit;
 using Bunit.TestDoubles;
 using FluentAssertions;
 using LinkDotNet.Blog.Web.Pages.Admin;
+using LinkDotNet.Blog.Web.Shared;
 using LinkDotNet.Blog.Web.Shared.Services.Sitemap;
 using Microsoft.Extensions.DependencyInjection;
 using Moq;
@@ -53,4 +55,32 @@ public void ShouldDisplaySitemap()
         row.Children.First().InnerHtml.Should().Be("loc");
         row.Children.Last().InnerHtml.Should().Be("Now");
     }
+
+    [Fact]
+    public void ShouldShowLoadingWhenGenerating()
+    {
+        this.AddTestAuthorization().SetAuthorized("steven");
+        var sitemapMock = new Mock<ISitemapService>();
+        Services.AddScoped(_ => sitemapMock.Object);
+        var sitemap = new SitemapUrlSet
+        {
+            Urls = new List<SitemapUrl>
+                {
+                    new() { Location = "loc", LastModified = "Now" },
+                },
+        };
+        sitemapMock.Setup(s => s.CreateSitemapAsync())
+            .Returns(async () =>
+            {
+                await Task.Delay(1000);
+                return sitemap;
+            });
+        var cut = RenderComponent<Sitemap>();
+
+        cut.Find("button").Click();
+
+        cut.FindComponents<Loading>().Count.Should().Be(1);
+        var btn = cut.Find("button");
+        btn.Attributes.Any(a => a.Name == "disabled").Should().BeTrue();
+    }
 }

LinkDotNet.Blog.Web/Pages/Admin/Sitemap.razor

@@ -8,8 +8,12 @@
         important pages. Especially newer sites benefit from having a sitemap.xml.
         The file will be created at the root of the site. To see the sitemap.xml go here: <a href="/sitemap.xml">sitemap.xml</a>.<br/>
         If you get a 404 there is currently no sitemap.xml</p>
-    <button class="btn btn-primary" @onclick="CreateSitemap">Create Sitemap</button>
+    <button class="btn btn-primary" @onclick="CreateSitemap" disabled="@isGenerating">Create Sitemap</button>
 
+    @if (isGenerating)
+    {
+        <Loading></Loading>
+    }
     @if (sitemapUrlSet != null)
     {
         <table class="table table-striped table-hover h-50">
@@ -34,10 +38,13 @@
 
 @code {
     private SitemapUrlSet sitemapUrlSet;
+    private bool isGenerating;
 
     private async Task CreateSitemap()
     {
+        isGenerating = true;
         sitemapUrlSet = await sitemapService.CreateSitemapAsync();
+        isGenerating = false;
         await sitemapService.SaveSitemapToFileAsync(sitemapUrlSet);
     }
 }