Getting the value of text input

[Abe-Froman]

I'm new as of today to Bunit and enjoying it so far. Having trouble getting over this hurdle.

Let's say I have a table showing 50 states, and a text box at the top to filter table rows. How can I get the value of the textbox?

e.g.

var page = Context.RenderComponent<StateList>();
var filterBox = page.Find("input[id=state-filter]");
filterBox.Input("Tex");
// at this point the list is filtered and shows only Texas
var currentFilterValue = page.Find("input[id=state-filter]").Text(); // expected "Tex" but always blank

I tried .GetInnerText(), .TextContent, .InnerHtml, all return empty strings.

Thanks in advance.

[Abe-Froman]

Actually I figured out I can make the underlying searchTerm variable public (would rather avoid if I can) and then access it through page.Instance._searchTerm.

I'll switch to doing this for now but if there's another way to achieve this while not having to make private fields public just for the sake of testing, I'm keen to hear it.

Thanks again for making this library!

[egil]

Hello @Abe-Froman

Have you tried using filterBox.GetAttribute("value") and inspecting the content of the Value attribute?

[Abe-Froman]

I had, but forgot to include that in things I'd tried. filterBox.GetAttribute("value") returns null.

edit: This does work actually on a native input. The inputs I'm using are MudBlazor MudText components so maybe chasing this problem down on the MudBlazor side is the correct next step.

[egil]

Hmm try inspecting cut.Markup and see what's being rendered.

But another thing you may want to consider is if you should be asserting on markup that a 3rd party component creates. The problem with that is that your test will break if Mud changes their implementation, even if the component overall still works as expected.

A different approach is to use cut.FindComponeny<MudXxx>(), access the component instance and check what property (parameter) you set. If the parameter is set as expected, you are done.

[Abe-Froman]

Interestingly even a vanilla HTML text <input> doesn't render the value in the markup. However, using .FindComponent<MudTextField>() I can see then the .Text property is what I expect so this is better than making my _searchTerm public.

Thanks a bunch for the tip egil.