Added DnD for Skills

Author: linkdotnet

src/LinkDotNet.Blog.Infrastructure/Persistence/Sql/Repository.cs

@@ -70,4 +70,4 @@ public async ValueTask DeleteAsync(string id)
             await blogDbContext.SaveChangesAsync();
         }
     }
-}
+}

src/LinkDotNet.Blog.Web/Shared/Skills/SkillTable.razor

@@ -25,14 +25,16 @@
                 <td>@skillCapabilityGroup.Key</td>
                 @foreach (var skillLevel in ProficiencyLevel.All)
                 {
-                    <td @ondrop="@(() => HandleDrop(skillLevel))">
+                    <td @ondrop="@(() => HandleDrop(skillLevel))" class="proficiency-level">
                         @foreach (var skill in skillCapabilityGroup.Where(s => s.ProficiencyLevel == skillLevel))
                         {
                             @if (IsAuthenticated)
                             {
-                                <div draggable="true" @ondrag="@(() => currentDragItem = skill)" style="cursor: grab">
-                                    <SkillTag Skill="@skill" IsAuthenticated="@true" DeleteSkill="@(() =>
-                                                                                                      DeleteSkill(skill))"/>
+                                <div draggable="true" @ondrag="@(() => currentDragItem = skill)" style="cursor: grab"
+                                 class="skill-tag">
+                                    <SkillTag Skill="@skill"
+                                              IsAuthenticated="@true"
+                                              DeleteSkill="@(() => DeleteSkill(skill))"/>
                                 </div>
                             }
                             else

tests/LinkDotNet.Blog.IntegrationTests/Web/Shared/Skills/SkillTableTests.cs

@@ -77,4 +77,24 @@ public async Task ShouldNotAllowToEditSkillTagsWhenNotAdmin()
         cut.WaitForState(() => cut.FindComponents<SkillTag>().Any());
         cut.FindComponent<SkillTag>().Instance.IsAuthenticated.Should().BeFalse();
     }
+
+    [Fact]
+    public async Task ShouldUpdateProficiencyWhenSkillTagDragged()
+    {
+        using var ctx = new TestContext();
+        var skill = new SkillBuilder().WithProficiencyLevel(ProficiencyLevel.Familiar).Build();
+        await DbContext.AddAsync(skill);
+        await DbContext.SaveChangesAsync();
+        ctx.Services.AddScoped<IRepository<Skill>>(_ => Repository);
+        ctx.Services.AddScoped(_ => Mock.Of<IToastService>());
+        var cut = ctx.RenderComponent<SkillTable>(p =>
+            p.Add(s => s.IsAuthenticated, true));
+        cut.WaitForElement(".skill-tag");
+
+        cut.FindAll(".skill-tag")[0].Drag();
+        cut.FindAll(".proficiency-level")[1].Drop();
+
+        var skillFromDb = await Repository.GetByIdAsync(skill.Id);
+        skillFromDb.ProficiencyLevel.Should().Be(ProficiencyLevel.Proficient);
+    }
 }