bunit - blazor with modal from bootstrap / jquery

[bikmis]

When the following button is clicked, modal appears as display is set to block (style="display:block")
<button id="[email protected]" type="button" class="btn btn-primary" data-toggle="modal" data-target="#employeeEditModal" @OnClick="() => passToEditForm(employee)">Edit

bunit test:
var editButton = cut.Find("#edit-1");
editButton.Click();
markup = cut.Markup;
modalIsDisplayed = markup.Contains("display: block;");

markup does not change here in the test, but in the application when it is running, display: block exists. Is it because jquery of bootstrap is not loaded for bunit? How can I resolve this?

[egil]

Hi @bikmis

bUnit runs entirely in C#, so any JavaScript you have in your components are not executed, so if you change the DOM through JavaScript/jQuery, then it will not be visible with bUnit.

Ps. Modifying the DOM through JavaScript in a Blazor app is generally not recommended, as it might conflict with how Blazor works.