fix(Checkbox): not trigger OnStateChanged callback when set TValue to…

… bool (#4667) * refactor: 修复布尔值时不触发 OnStateChanged 回调问题 * test: 增加单元测试
dotnetcore · Nov 15, 2024 · dc1a76c · dc1a76c
1 parent ccd3bdb
commit dc1a76c
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 10 deletions.
diff --git a/src/BootstrapBlazor/Components/Checkbox/Checkbox.razor.cs b/src/BootstrapBlazor/Components/Checkbox/Checkbox.razor.cs
@@ -215,21 +215,23 @@ private async Task<bool> InternalStateChanged(CheckboxState state)
         if (IsBoolean)
         {
             CurrentValue = (TValue)(object)(state == CheckboxState.Checked);
-        }
 
-        if (State != state)
-        {
-            State = state;
-            if (StateChanged.HasDelegate)
+            if (ValueChanged.HasDelegate)
             {
-                await StateChanged.InvokeAsync(State);
                 ret = false;
             }
+        }
 
-            if (OnStateChanged != null)
-            {
-                await OnStateChanged(State, Value);
-            }
+        State = state;
+        if (StateChanged.HasDelegate)
+        {
+            await StateChanged.InvokeAsync(State);
+            ret = false;
+        }
+
+        if (OnStateChanged != null)
+        {
+            await OnStateChanged(State, Value);
         }
         return ret;
     }

diff --git a/test/UnitTest/Components/CheckboxListTest.cs b/test/UnitTest/Components/CheckboxListTest.cs
@@ -94,6 +94,27 @@ public async Task Checkbox_OnTriggerClickAsync()
         Assert.Equal(CheckboxState.Checked, cut.Instance.State);
     }
 
+    [Fact]
+    public async Task Bool_TriggerStateChanged_Ok()
+    {
+        bool value = false;
+        // 测试 bool 值改变值时触发 StateChanged 回调方法
+        var cut = Context.RenderComponent<Checkbox<bool>>(pb =>
+        {
+            pb.Add(a => a.Value, false);
+            pb.Add(a => a.OnStateChanged, (state, v) =>
+            {
+                value = v;
+                return Task.CompletedTask;
+            });
+        });
+
+        // JavaScript 调用 OnTriggerClickAsync 方法
+        await cut.InvokeAsync(() => cut.Instance.OnTriggerClickAsync());
+        Assert.Equal(CheckboxState.Checked, cut.Instance.State);
+        Assert.True(value);
+    }
+
     [Fact]
     public void Checkbox_Dispose()
     {