Mudblazor - Testing dialog content

[nealrobben]

I am looking to experiment with bUnit in my blazor project, but I am having trouble with the following:

In my project I use MudBlazor components.
I have a popup dialog in my application that displays the details for a certain record and I would like to test that it is rendered correctly.
The problem I have is that in my unit test, after rendering the component the markup is empty.

In the component I am rendering I have all the content enclosed in tags. Everything inside these tags is NOT rendered and just translated into empty markup.

If I put content outside the MudDialog-tags it is picked up as markup.

So my question is now why the content of my dialog is not rendering in the unit test. I do not get any errors so there is no real indication of anything going wrong. It's just that the content is empty.

I have tried taking all the content inside the MudDialog tags and placing it outside these tags. This does give me correctly rendered content in my test. However, this won't display correctly when actually using the application.
Because of this I do believe I have all my dependencies set up correctly, since this would not render otherwise.

I am not sure what I am doing wrong and I hope someone can give me a clue on how to proceed.

[egil]

Hi Neal

Im not a MudBlazor user myself, so I am just guessing here:

I think it may be because the dialog is actually rendered by another component, perhaps one you add to the <App> component in your app, and the MudDialog is just a component that capture what you want shown when you toggle it's "show me" property.

One that might be able to help is @Garderoben from the MudBlazor team. I know they have a pretty extensive bUnit test suite, so they probably know how to test a MudDialog.

[Garderoben]

Hi,

I don't know the specifics right now and i am on Christmas dinner at my parents.

But if you check in our repository we have tests for every single components using bUnit.

[nealrobben]

Thanks a lot guys, I found the clue I needed in this test class:
https://github.com/MudBlazor/MudBlazor/blob/dev/src/MudBlazor.UnitTests/Components/DialogTests.cs

Apparently I can't just render my dialog component. I need to render a MudDialogProvider component first, then call IDialogService.Show() en check the markup of my MudDialogProvider component.

Thank you and merry X-mas!