Blazor测试与bUnit绑定的InputDate

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"));

值无效，验证消息：日期字段必须是日期。

我的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;
}

和我的UnitTest：

[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);
}

如何测试InputDate绑定？

Answer 1

日期格式错误。

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

对我有用。