How can we write unit tests for a component that uses Datagrid and TextEdit in it, so that it gets covered in the code coverage

[meekhasaji]

this is the code snippet for datagrid which we need to write tests for:

<DataGrid TItem="SettingAdapter"
                      Data="@_settings"
                      Editable="@Enabled"
                      EditMode="DataGridEditMode.Inline"
                      Sortable="true"
                      SortMode="DataGridSortMode.Single"
                      ShowPager="true"
                      PagerPosition="DataGridPagerPosition.Bottom"
                      ShowPageSizes="false"
                      PageSize="5"
                      Striped="true"
                      Bordered="true"
                      Hoverable="true"    <=this line is not covered
                      RowSelectable="_ => false"
                      Responsive="true"
                      Filterable="false"
                      RowInserting="ValidateCancellableSettingChange"    <=this line is not covered
                      RowUpdating="ValidateCancellableSettingChange"   <=this line is not covered
                      RowInserted="item => OnSettingAdded(item.Item)"   <=this line is not covered
                      RowRemoved="item => OnSettingRemoved(item.Key)"   <=this line is not covered
                      RowUpdated="item => OnSettingChanged(item.Item)">    <=this line is not covered

the code snippet for TextEdit which we need to write tests for:

<EditTemplate>
                           <Validation Validator="ValidateKeyNotEmpty">
                               <TextEdit Text="@((string) context.CellValue)"
                                         TextChanged="@(key => context.CellValue = key)">  <=this line is not covered

                                   <Feedback>
                                       <ValidationError />
                                   </Feedback>
                               </TextEdit>
                           </Validation>
                       </EditTemplate>

context : here is CellEditContext
The bolded lines are the lines that are not getting covered up in the code coverage.
Would be very thankful, for any suggestions.

[stsrki]

Hi, can you give us more information? What test stack do you use? Is it bUnit, Selenium, or something else?

[meekhasaji]

Hi, thanks for replying so fast, I am using Bunit, MSTest and AutoFixture for testing .

[David-Moreira]

Hello @meekhasaji
Could you clarify exactly what you're looking for?
For example, taking an easier example:

<TextEdit Text="@((string) context.CellValue)"
TextChanged="@(key => context.CellValue = key)">

Could you not test this, by simulating the TextEdit being filled in by a user, and then making sure the Parameter and html have been updated correctly?
Or are you looking for something different?

[meekhasaji]

Hi @David-Moreira ,thank you for replying
this textedit actually is under such a structure

<DataGridColumn TItem="Model" Field="@nameof(Model.Value)" Caption="Value" Sortable="true" Editable="true">
                       <EditTemplate>
                           <Validation Validator="ValidateFunction">
                               <TextEdit Text="@((string) context.CellValue)"
                                         TextChanged="@(value => context.CellValue = value)">
                                   <Feedback>
                                       <ValidationError />
                                   </Feedback>
                               </TextEdit>
                           </Validation>
                       </EditTemplate>
                   </DataGridColumn>

So, it does not come up in the Markup content, when we try to render in a test case like:

[TestMethod]
        public void ComponentRendersCorrectly_Test()
        {
            // Act
            var component = testContext.RenderComponent<ComponentName>();

            // Assert
            Assert.IsNotNull(component);
        }

[David-Moreira]

@meekhasaji Sorry for the late reply! Can you send us full example please? :) A repository would be nice. Thanks!