test: add unit test for table improve code coverage (#355)

Co-authored-by: alex chow <zhouchuanglin@gmail.com>
Co-authored-by: lambert lee <1708416@qq.com>
Co-authored-by: lambert lee <lish@live.cn>

Author: 4 people

src/BootstrapBlazor.Shared/Locales/en.json

@@ -5001,7 +5001,6 @@
     "TableBaseTips1": "<code>Auto</code>: Use <code> cardview </code> mode when the screen is smaller than 768px, otherwise use <code> Table </code> mode",
     "TableBaseTips2": "<code>Table</code>: Table rendering mode, using <code> table </code> elements for data rendering, suitable for viewing data in a wide screen",
     "TableBaseTips3": "<code>CardView</code>：Card rendering mode, using <code> div </code> elements for data rendering, which is suitable for viewing data on a narrow screen",
-    "TableBaseExplain3": "<code>Table</code> component has a <code> usecomponentwidth </code> attribute. Its default value is <code> false </code>, which means that the <code> window </code> width is used for judgment. When the setting value is <code> true </code>, it means that the component's own width is used for judgment",
     "TableBaseNormalTitle": "Basic table",
     "TableBaseNormalIntro": "Basic table presentation usage",
     "TableBaseNormalDescription": "Update data source when clicking button <code> items </code> component <code> Table </code> display data is automatically updated",
@@ -5079,7 +5078,6 @@
     "ShowEmptyAttr": "Show no data prompts",
     "ShowToastAfterSaveOrDeleteModelAttr": "Do you show a toast prompt box after a save/delete failure",
     "TreeIconAttr": "Small arrow for tree data rows",
-    "UseComponentWidthAttr": "Component rendering mode uses component width to determine",
     "ScrollingDialogContentAttr": "Edit whether the pop-up box appears inside the scroll bar",
     "FixedExtendButtonsColumnAttr": "Whether to fix the extended button column",
     "OnQueryAsyncAttr": "Asynchronous query callback method",

src/BootstrapBlazor.Shared/Locales/zh.json

@@ -5035,7 +5035,6 @@
     "TableBaseTips1": "<code>Auto</code>: 当屏幕小于 768px 时使用 <code>CardView</code> 模式，否则使用 <code>Table</code> 模式",
     "TableBaseTips2": "<code>Table</code>: 表格渲染模式，使用 <code>table</code> 元素进行数据渲染，适合宽屏幕下查看数据",
     "TableBaseTips3": "<code>CardView</code>：卡片式渲染模式，使用 <code>div</code> 元素进行数据渲染，适合窄屏幕下查看数据",
-    "TableBaseExplain3": "<code>Table</code> 组件有一个 <code>UseComponentWidth</code> 属性，其默认值为 <code>false</code>，表示使用 <code>window</code> 宽度来进行判断，当设置值为 <code>true</code> 时，表示使用组件自身宽度进行判断",
     "TableBaseNormalTitle": "基础表格",
     "TableBaseNormalIntro": "基础的表格展示用法。",
     "TableBaseNormalDescription": "点击按钮时更新数据源 <code>Items</code> 组件 <code>Table</code> 显示数据自动更新",
@@ -5113,7 +5112,6 @@
     "ShowEmptyAttr": "是否显示无数据提示",
     "ShowToastAfterSaveOrDeleteModelAttr": "保存/删除失败后是否显示 Toast 提示框",
     "TreeIconAttr": "树形数据行小箭头",
-    "UseComponentWidthAttr": "组件渲染模式是否使用组件宽度来判断",
     "ScrollingDialogContentAttr": "编辑弹窗框是否为内部出现滚动条",
     "FixedExtendButtonsColumnAttr": "是否固定扩展按钮列",
     "OnQueryAsyncAttr": "异步查询回调方法",

src/BootstrapBlazor.Shared/Samples/Table/Tables.razor

@@ -15,8 +15,6 @@
     <li>@((MarkupString)TablesLocalizer["TableBaseTips3"].Value)</li>
 </ul>
 
-<p>@((MarkupString)TablesLocalizer["TableBaseExplain3"].Value)</p>
-
 <DemoBlock Title="@TablesLocalizer["TableBaseNormalTitle"]" Introduction="@TablesLocalizer["TableBaseNormalIntro"]" Name="TableBaseNormal" Demo="typeof(Demos.Table.Base.TableBaseNormal)">
     <div>@((MarkupString)TablesLocalizer["TableBaseNormalDescription"].Value)</div>
 </DemoBlock>

src/BootstrapBlazor.Shared/Samples/Table/Tables.razor.cs

@@ -841,14 +841,6 @@ public partial class Tables
             DefaultValue = "fa-caret-right"
         },
         new()
-        {
-            Name = "UseComponentWidth",
-            Description = TablesLocalizer["UseComponentWidthAttr"],
-            Type = "boolean",
-            ValueList = "true|false",
-            DefaultValue = "false"
-        },
-        new()
         {
             Name = "ScrollingDialogContent",
             Description = TablesLocalizer["ScrollingDialogContentAttr"],

src/BootstrapBlazor/Components/Table/Table.razor.Edit.cs

@@ -51,12 +51,6 @@ public partial class Table<TItem>
     /// </summary>
     protected BreakPoint ScreenSize { get; set; }
 
-    /// <summary>
-    /// 获得/设置 组件渲染模式是否使用组件宽度来判断 默认为 false
-    /// </summary>
-    [Parameter]
-    public bool UseComponentWidth { get; set; }
-
     /// <summary>
     /// 获得/设置 组件编辑模式 默认为弹窗编辑行数据 PopupEditForm
     /// </summary>

test/UnitTest/Components/TableTest.cs

@@ -1563,6 +1563,30 @@ public void IsHideFooterWhenNoData_Ok()
         cut.DoesNotContain("table-footer-test");
     }
 
+    [Fact]
+    public void OnBeforeRenderRow_Ok()
+    {
+        var row = 0;
+        var localizer = Context.Services.GetRequiredService<IStringLocalizer<Foo>>();
+        var cut = Context.RenderComponent<BootstrapBlazorRoot>(pb =>
+        {
+            pb.AddChildContent<Table<Foo>>(pb =>
+            {
+                pb.Add(a => a.RenderMode, TableRenderMode.Table);
+                pb.Add(a => a.Items, Foo.GenerateFoo(localizer, 2));
+                pb.Add(a => a.TableColumns, foo => builder =>
+                {
+                    builder.OpenComponent<TableColumn<Foo, string>>(0);
+                    builder.AddAttribute(1, "Field", "Name");
+                    builder.AddAttribute(2, "FieldExpression", Utility.GenerateValueExpression(foo, "Name", typeof(string)));
+                    builder.CloseComponent();
+                });
+                pb.Add(a => a.OnBeforeRenderRow, foo => row++);
+            });
+        });
+        Assert.Equal(2, row);
+    }
+
     [Fact]
     public void FooterTemplate_Ok()
     {
@@ -3971,7 +3995,6 @@ public void SetRowClassFormatter_Ok()
                 pb.Add(a => a.Items, items);
                 pb.Add(a => a.IsKeyboard, true);
                 pb.Add(a => a.ShowLoading, false);
-                pb.Add(a => a.UseComponentWidth, true);
                 pb.Add(a => a.RenderModeResponsiveWidth, BreakPoint.Medium);
                 pb.Add(a => a.SetRowClassFormatter, foo => "test_row_class");
                 pb.Add(a => a.TableColumns, foo => builder =>