A testing library for Blazor components. Get started testing Blazor components at https://bunit.dev
ComponentParameterFactory.CascadingValue(nameof(MyComponent.State), valueState),
ComponentParameterFactory.Parameter(nameof(MyComponent.Container), valueContainer)
);
1 reply
var fileUploader = cut.FindComponent<MatFileUpload>();
cut.InvokeAsync(() =>
{
fileUploader.Instance.NotifyChange(new[] { fakeFileUpload });
});
cut.Render();
Hello, frieds, how are you?
I have a Console application and and trying to execute:
var cut = context.RenderComponent<IndexPage>();My component has the code:
var result = await _http.GetFromJsonAsync<ClientSchema>("api/application/GetClientSchema/1");When this statement executed, I don't get an error, but the program execution abruptly ends, like when you press Ctrl+Break.
Do you know how can I make this statement work inside my component? Thanks!
5 replies
ctx.Services.AddSingleton<IDialogService>(mockObject)
1 reply
Hi ! My team and I are pretty new with Bunit and Blazor and we were wondering if there is a clean way to assert that a component has not been rendered in an Integration test context where the component under test is always the Index component and all services are injected with their real implementation excepting the HttpClient that is mocked with the suggested NuGet.
Currently, we are relying on time to assert that its has not been rendered like the following :
Action getComponentX = () => cut.FindComponent<X>;
cut.WaitForAssertion(() =>getComponentX.Should().Throw<WaitForFailedException>(), TimeSpan.FromSeconds(3));A concrete exemple of the production use case would be when there is an @if statement.
Also, is there any hook letting us know when the Index and all its child component has finished rendering and all the async initialization have been completed ?
Thanks !
hi @Keviento
in general, after a call to RenderComponent (or Render), the full render tree has been created. Then you can use cut.WaitForState. Its predicate will be called after each render, so if you have one or more async renders happening after the initial render, that predicate will be called after each.
1 reply
11 replies
<form> and matches the cut markup which is also a <form> ? As I say, I could be wrong.
Render(@<MyComp @bind-Value="variable" />)
MyComp with an input field that is linked/bound to a Value parameter, and when it is changed, the ValueChanged EventCallback is triggered, then the following should work:var value = "initial";
var cut = RenderComponent<MyComp>(ps => ps.Add(p => p.Value, value).Add(p => p.ValueChanged, x => value = x)));
cut.Find("input").Change("new value");
Assert.Equal("new value", value);var value = "initial"
var cut = Render(@<MyComp @bind-Value="value" />);
cut.Find("input").Change("new value");
Assert.Equal("new value", value);cut.Find("input").Change("new value"); triggers the MyComp component to push changes to its ValueChanged parameter.
