BUnit中IElement.Change无法触发Blazor 6 InputSelect组件的onchange怎么办？

问题根源 #

1. 值匹配错误：你在测试中传入的Value = "Select me"是选项的显示文本，但InputSelect的选项值绑定的是aKVP.Key，测试时必须传入对应选项的Key值而非显示文本。
2. @bind-Value与@onchange的冲突：@bind-Value是语法糖，会自动绑定Value和ValueChanged回调。同时显式指定@onchange会导致事件触发逻辑冲突，Blazor优先处理绑定的ValueChanged，而非你自定义的OnPartnerChange方法。

正确实现方式 #

方式一：仅修正测试逻辑（兼容原有组件代码） #

如果不想修改组件代码，测试时需要：

• 找到目标选项对应的Key值（而非显示文本）
• 触发原生select元素的Change事件时传入正确的Key值

测试代码示例：

// 假设AllKVPs中存在Key="partner1"、Value="Select me"的选项
var targetKey = "partner1";
var partnerElement = componentUnderTest.Find("#Partner");
partnerElement.Change(new ChangeEventArgs { Value = targetKey });

// 验证Model是否更新
Assert.Equal(targetKey, componentUnderTest.Instance.Model.Partner);
// 若需验证OnPartnerChange触发情况，可通过Mock或回调跟踪（比如用Moq框架）

方式二：修正组件绑定逻辑（推荐） #

规范的Blazor写法应避免同时使用@bind-Value和@onchange，推荐以下两种方案：

方案1：手动绑定Value与ValueChanged

<InputSelect Value="Model.Partner" 
             ValueChanged="@(selectedKey => OnPartnerChange(selectedKey))" 
             ValueExpression="@(() => Model.Partner)"
             id="Partner">
   @foreach (var aKVP in AllKVPs)
   {
      <option value="@aKVP.Key">@aKVP.Value</option>
   }
</InputSelect>

@code {
    private void OnPartnerChange(string selectedKey)
    {
        Model.Partner = selectedKey;
        // 这里添加你的自定义逻辑
    }
}

方案2：使用@bind-Value:after（.NET 6+支持）

<InputSelect @bind-Value="Model.Partner" 
             @bind-Value:after="OnPartnerChange"
             id="Partner">
   @foreach (var aKVP in AllKVPs)
   {
      <option value="@aKVP.Key">@aKVP.Value</option>
   }
</InputSelect>

@code {
    private void OnPartnerChange()
    {
        // 此时Model.Partner已完成更新，直接处理后续逻辑即可
    }
}

适配修正后组件的bUnit测试 #

无论采用哪种组件写法，测试时都需传入选项的Key值触发变更：

var targetKey = "partner1";
var partnerElement = componentUnderTest.Find("#Partner");
partnerElement.Change(new ChangeEventArgs { Value = targetKey });

// 验证Model更新是否正确
Assert.Equal(targetKey, componentUnderTest.Instance.Model.Partner);
// 若需验证自定义逻辑触发，可通过Mock工具（如Moq）验证回调调用次数

内容的提问来源于stack exchange，提问作者G. Stoynev