如何用 bunit 打开一个炫酷的模态？

Question

我想用 bunit 测试一个模态是否打开。问题是，模态不会被渲染。如何用 bunit 打开一个炫酷的 modal？

在我的被测组件中创建模态：

<div style="display: flex; justify-content: flex-end">
    <button class="btn btn-success
                   btn-lg"
                   id="openModalButton"
                  @onclick="CheckOpenModal">
                Hinzufügen
    </button>
</div>
@code 
{
    [CascadingParameter] public IModalService Modal { get; set; }

    private async Task OpenModalForCreation()
    {
        List<string> ParameterA = new List<string>();

        var parameters = new ModalParameters();
        parameters.Add(nameof(CreationModal.ParameterA), ParameterA);

        Modal.Show<CreationModal>("Create something", parameters);
    }
}

我的测试类：

public class PrivateMachinesCompTest : TestContext
{     
    public CompTest()
    {
            Services.AddBlazoredModal();
    }
    [Fact]
    public void CheckOpenModal()
    {
        modalService = new ModalService();
        var cut = RenderComponent<ComponentUnderTest>(parameters => parameters
                .AddCascadingValue(modalService));
        var openModalButton = cut.Find("#openModalButton");
        openModalButton.Click();
        cut.MarkupMatches("Create something");
    }

Answer 1

问题在于您没有渲染实际进行渲染的组件。只传递IModalService 是不行的。

我的方法是创建一个模拟 IModalService 并断言其上的预期方法已被调用。