Blazor Bunit单元测试调用含StateHasChanged的方法报错如何解决？

错误含义 #

Blazor组件的状态变更和渲染操作必须绑定到Dispatcher线程（类似UI线程）执行。在BUnit测试中，直接调用组件实例的UpdateMessage方法时，测试线程未关联Dispatcher，此时调用StateHasChanged()触发渲染就会抛出System.InvalidOperationException，提示需要通过InvokeAsync()切换到Dispatcher线程执行相关操作。

修复方案 #

提供两种可行的修复方式：

方案1：在测试代码中用InvokeAsync包装方法调用 #

修改测试逻辑，通过TestContext的InvokeAsync方法执行组件的状态更新操作，确保运行在Dispatcher线程上：

using Bunit;

namespace BlazorTest.Client.Tests
{
    public class IndexTests : TestContext
    {
        [Fact]
        public async Task MessageIsUpdated()
        {
            var component = RenderComponent<Pages.Index>();
            Assert.Equal("Hello!", component.Find("#message").TextContent);
            
            // 用InvokeAsync包装组件方法调用，切换到Dispatcher线程
            await InvokeAsync(() => component.Instance.UpdateMessage("Hello world!"));
            
            Assert.Equal("Hello world!", component.Find("#message").TextContent);
        }
    }
}

方案2：修改组件方法，内部实现线程安全 #

调整组件的UpdateMessage方法，内部使用InvokeAsync确保状态更新和渲染操作始终在Dispatcher线程执行，这样测试代码无需修改即可正常运行：

@page "/"
<p id="message">@message</p>

@code {
    string message = "Hello!";

    public Task UpdateMessage(string newMessage)
    {
        // 内部通过InvokeAsync切换到Dispatcher线程执行状态变更
        return InvokeAsync(() =>
        {
            message = newMessage;
            StateHasChanged();
        });
    }
}

内容的提问来源于stack exchange，提问作者isxpjm