mock xunit testing IJSRuntime

Question

在我的Blazor应用程序中，我正在尝试测试删除代码，当单击按钮时，它将运行以下代码以显示确认对话框：

public async Task DeleteDocument(DocumentViewModel document)
{
bool confirmed = await JsRuntime.InvokeAsync<bool>("confirm", "Are you sure?");
if (confirmed)
{
... do some delete code here
}

在我的测试项目中，我有这样一行：

_mockJsRuntime
.Setup(js => js.InvokeAsync<bool>(It.IsAny<string>(), It.IsAny<object>()))
.Returns(ValueTask.FromResult(true));

当我运行测试时，我得到以下错误：

在设置/验证表达式中不能使用扩展方法(此处：JSRuntimeExtensions.InvokeAsync(。

我可以做些什么来测试我的DeleteDocument方法？

Answer 1

为了能够模拟方法返回，模拟类型必须是接口，或者方法必须标记为抽象或虚拟。

在您的情况下，您不能模拟扩展方法，因为它不是一个虚拟方法。通常，扩展方法最终会调用接口中声明的方法，在这种情况下，您可以很容易地在此处检查源代码。

因此，您可以更改设置以匹配IJSRuntime接口中声明的方法签名。

_mockJsRuntime
.Setup(js => js.InvokeAsync<bool>(It.IsAny<string>(), It.IsAny<object[]>()))
.Returns(ValueTask.FromResult(true));

Answer 2

var jsInteropMock = new Mock<IJSRuntime>();
jsInteropMock.Setup(js => js.InvokeAsync<bool>(It.IsAny<string>(), It.IsAny<object[]>()))
.ReturnsAsync((string identifier, object[] args) =>
{
if (identifier == "confirm")
{
return true;
}
return false;
});