refactor(Captcha): update javascript (#2418)

* refactor: 修复 Captcha 失败问题

* chore: bump version 8.0.3-beta04

* test: 更新单元测试

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>8.0.3-beta03</Version>
+    <Version>8.0.3-beta04</Version>
   </PropertyGroup>
 
   <ItemGroup Condition="'$(TargetFramework)' == 'net5.0'">

src/BootstrapBlazor/Components/Captcha/Captcha.razor.js

@@ -12,7 +12,7 @@ export function init(id, invoke, callback, option) {
     const bar = block.getContext('2d', { willReadFrequently: true })
     const load = el.querySelector(".captcha-load")
     const footer = el.querySelector('.captcha-footer')
-    const barLeft = footer.querySelector('.captcha-bar-bg')
+    const barLeft = footer.querySelector('.captcha-bar-mask')
     const slider = el.querySelector('.captcha-bar')
     const barTextEl = el.querySelector('.captcha-bar-text')
     const refresh = el.querySelector('.captcha-refresh')

test/UnitTest/Components/QueryBuilderTest.cs

@@ -36,7 +36,7 @@ public void HeaderTemplate_Ok()
     }
 
     [Fact]
-    public void Dropdown_Ok()
+    public async Task Dropdown_Ok()
     {
         var cut = Context.RenderComponent<QueryBuilder<Foo>>();
         var items = cut.FindAll(".dropdown-item");
@@ -45,31 +45,31 @@ public void Dropdown_Ok()
         Assert.Single(groups);
 
         // 点击组合条件 dropdown-item
-        items[0].Click();
+        await cut.InvokeAsync(() => items[0].Click());
         groups = cut.FindAll("ul");
 
         // 两个组合条件
         Assert.Equal(2, groups.Count);
 
         // 点击删除按钮
         var btn = cut.Find(".btn-remove");
-        btn.Click();
+        await cut.InvokeAsync(() => btn.Click());
         groups = cut.FindAll("ul");
 
         // 还有一个组合条件
         Assert.Single(groups);
 
         // 点击单行条件 dropdown-item
         items = cut.FindAll(".dropdown-item");
-        items[1].Click();
+        await cut.InvokeAsync(() => items[1].Click());
         var rows = cut.FindAll(".qb-row");
 
         // 有一个单行条件
         Assert.Single(rows);
 
         // 点击 btn-plus 按钮
         var plus = cut.Find(".btn-plus");
-        plus.Click();
+        await cut.InvokeAsync(() => plus.Click());
         rows = cut.FindAll(".qb-row");
 
         // 有两个单行条件
@@ -78,7 +78,7 @@ public void Dropdown_Ok()
         // 点击 btn-minus 按钮
         var buttons = cut.FindAll(".btn-minus");
         Assert.Equal(2, buttons.Count);
-        buttons[1].Click();
+        await cut.InvokeAsync(() => buttons[1].Click());
 
         // 有一个单行条件
         rows = cut.FindAll(".qb-row");