Blazor 測試 InputDate 與 bUnit 的綁定

Question

我有一個 Blazor 頁面，想通過 bUnit 和 xUnit 進行單元測試。 我想更改輸入值並驗證結果。

使用 InputText 一切正常。 使用 InputNumber 我只能傳遞字符串。 如果我通過數字值保持不變。

InputDate 綁定的問題：我無法正確更改值。 我試過了：

cut.Find("#date input").Change(myDate.Date);

該值保持不變（不變）。

cut.Find("#date input").Change(myDate.Date.ToString());

或者

cut.Find("#date input").Change(myDate.Date.ToString("dd/MM/yyyy"));

值無效，validation-message：日期字段必須是日期。

我的 Blazor 頁面：

 <EditForm Model="this"> <DataAnnotationsValidator /> <div id="name"> <label>@name</label> <ValidationMessage For="@(() => this.name)" /> <InputText @bind-Value="this.name"/> </div> <div id="date"> <label>@date</label> <ValidationMessage For="@(() => this.date)" /> <InputDate @bind-Value="this.date" /> </div> <div id="num"> <label>@num</label> <ValidationMessage For="@(() => this.num)" /> <InputNumber @bind-Value="this.num" max="23" min="0" /> </div> </EditForm> @code{ private DateTime date = DateTime.Today; private string name = "n"; private int num = 11; }

和我的單元測試：

 [Fact]
    public void Test1()
    {
        DateTime myDate = new DateTime(2020, 11, 15, 15, 0, 0);
        string myName = "bbb";
        using var ctx = new TestContext();

        // Act
        var cut = ctx.RenderComponent<BlazorInputDate.Pages.Index>();
        cut.Find("#name input").Change(myName);
        cut.Find("#date input").Change(myDate.Date);
        cut.Find("#num input").Change(myDate.Hour.ToString());

        // Assert
        Assert.Equal(myName, cut.Find("#name label").InnerHtml);
        Assert.Equal(myDate.Hour.ToString(), cut.Find("#num label").InnerHtml);
        Assert.Equal(myDate.ToString(), cut.Find("#date label").InnerHtml);
    }

cat 我如何測試 InputDate 綁定？

Answer 1

這是錯誤的日期格式。

        cut.Find("#date input").Change(myDate.Date.ToString("yyyy-MM-dd"));

為我工作。