bunit 等待 OnInitializedAsync 完成后再断言字段

Question

我有一个 blazor 服务器组件，它将其客户加载到表中，它在 OnInitializedAsync 方法中获取客户。有没有办法等待 OnInitializedAsync 完成？

组件

<table>
    <thead>
    <tr>
        <th>Name</th>
        <th>Id</th>
    </tr>
    </thead>
    <tbody>
    @foreach (var customer in _customers)
    {
        <tr>
            <td>@customer.Name</td>
            <td>@customer.Id</td>
        </tr>
    }
    </tbody>
</table>

@code {
    IEnumerable<Customer> _customers = new List<Customer>();

    protected override async Task OnInitializedAsync()
    {
        _customers = await _customerService.GetCustomersAsync();
        StateHasChanged();
    }
}

我需要等待测试完成才能运行我的测试。

var ctx = new TestContext();
ctx.Services.AddHttpContextAccessor();
ctx.Services.AddScoped<ICustomerService, CustomerServiceMock>();
var component = ctx.RenderComponent<Customers>();

var tableRows = component.FindAll("tr");
var buttons = component.FindAll("a");
var addButton = buttons.FirstOrDefault(b => b.OuterHtml.Contains("Add"));

component.WaitForAssertion(() => component.FindAll("td").Count.Equals(2));

var tds = component.FindAll("td");
var ths = component.FindAll("th");

// ASSERT
tableRows.Should().NotBeNull();
addButton.Should().NotBeNull();
tds.Count.Should().Be(2);
ths.Count.Should().Be(2);
ths[0].OuterHtml.Should().Be("<th>Name</th>");
ths[1].OuterHtml.Should().Be("<th>Id</th>");
tds[0].OuterHtml.Should().Be("<td>Customer XXX</td>");
tds[1].OuterHtml.Should().Be("<td>999</td>");

如果我单独运行测试，则测试运行良好，但当我一起运行所有测试时，测试会失败并出现错误

预期 tds.Count 为 2，但结果为 0。

模拟

public class CustomerServiceMock : ICustomerServiceMock
{
    public async Task<IEnumerable<Customer>> GetCustomersAsync()
    {
        return new List<Customer>
        {
            await GetCustomer()
        };
    }

    private static async Task<Customer> GetCustomer()
    {
        return await Task.Run(() => new Customer
        {
            Id = 999,
            Name = "Customer XXX",
        });
    }
}

Answer 1

WaitForAssertion() 需要抛出异常而不是返回 false。

//component.WaitForAssertion(() => component.FindAll("td").Count.Equals(2));

应该成为

component.WaitForAssertion(() => component.FindAll("td").Count.Should().Be(2));

或（更好）使用 WaitForState()

component.WaitForState(() => component.FindAll("td").Count.Equals(2));