[英]Blazor test InputDate binding with bUnit
I have a Blazor page and want to do unittesting via bUnit with xUnit.我有一个 Blazor 页面,想通过 bUnit 和 xUnit 进行单元测试。 I want change input value and verify result.我想更改输入值并验证结果。
With InputText everything works fine.使用 InputText 一切正常。 With InputNumber I can pass only string.使用 InputNumber 我只能传递字符串。 If I pass number value stays the same.如果我通过数字值保持不变。
My problem with InputDate binding: I can't change value properly. InputDate 绑定的问题:我无法正确更改值。 I've tried:我试过了:
cut.Find("#date input").Change(myDate.Date);
The value stays the same(unchanged).该值保持不变(不变)。
cut.Find("#date input").Change(myDate.Date.ToString());
or或者
cut.Find("#date input").Change(myDate.Date.ToString("dd/MM/yyyy"));
The value is invalid, validation-message:The date field must be a date.值无效,validation-message:日期字段必须是日期。
My Blazor-page:我的 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; }
and my 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);
}
How cat I test InputDate binding? cat 我如何测试 InputDate 绑定?
It was wrong date format.这是错误的日期格式。
cut.Find("#date input").Change(myDate.Date.ToString("yyyy-MM-dd"));
works for me.为我工作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.