feat(TabItem): Implement IHandlerException interface (#6148)

* refactor: 更改参数值

* feat: 增加 HandlerException 实现逻辑

* test: 补充单元测试

* feat: 增加全局配置参数

* test: 更新单元测试

* test: 增加 TabItemContent 单元测试

Author: ArgoZhang

src/BootstrapBlazor/Components/Layout/Layout.razor

@@ -148,7 +148,7 @@
           RefreshToolbarTooltipText="@RefreshToolbarTooltipText" FullscreenToolbarTooltipText="@FullscreenToolbarTooltipText"
           OnToolbarRefreshCallback="OnToolbarRefreshCallback" TabHeader="TabHeader"
           Body="@Main" NotAuthorized="NotAuthorized!" NotFound="NotFound!" NotFoundTabText="@NotFoundTabText"
-          EnableErrorLogger="EnableErrorLogger" ShowErrorLoggerToast="ShowErrorLoggerToast"
+          EnableErrorLogger="@_enableErrorLogger" ShowErrorLoggerToast="@_showToast"
           ErrorLoggerToastTitle="@ErrorLoggerToastTitle">
     </Tab>;
 

src/BootstrapBlazor/Components/Tab/TabItemContent.cs

@@ -7,7 +7,7 @@
 
 namespace BootstrapBlazor.Components;
 
-class TabItemContent : IComponent
+class TabItemContent : IComponent, IHandlerException, IDisposable
 {
     /// <summary>
     /// Gets or sets the component content. Default is null
@@ -18,6 +18,15 @@ class TabItemContent : IComponent
     [CascadingParameter, NotNull]
     private Tab? TabSet { get; set; }
 
+    [Inject, NotNull]
+    private DialogService? DialogService { get; set; }
+
+    [Inject]
+    [NotNull]
+    private IOptionsMonitor<BootstrapBlazorOptions>? Options { get; set; }
+
+    private ErrorLogger? _logger;
+
     private RenderHandle _renderHandle;
 
     void IComponent.Attach(RenderHandle renderHandle)
@@ -55,11 +64,17 @@ private RenderFragment RenderItemContent(RenderFragment? content) => builder =>
         builder.OpenComponent<ErrorLogger>(0);
         builder.AddAttribute(1, nameof(ErrorLogger.ChildContent), content);
 
-        var enableErrorLogger = TabSet.EnableErrorLogger;
-        var showToast = TabSet.ShowErrorLoggerToast;
+        var enableErrorLogger = TabSet.EnableErrorLogger ?? Options.CurrentValue.EnableErrorLogger;
+        var showToast = TabSet.ShowErrorLoggerToast ?? Options.CurrentValue.ShowErrorLoggerToast;
         builder.AddAttribute(2, nameof(ErrorLogger.EnableErrorLogger), enableErrorLogger);
         builder.AddAttribute(3, nameof(ErrorLogger.ShowToast), showToast);
         builder.AddAttribute(4, nameof(ErrorLogger.ToastTitle), TabSet.ErrorLoggerToastTitle);
+        builder.AddAttribute(5, nameof(ErrorLogger.OnInitializedCallback), new Func<ErrorLogger, Task>(logger =>
+        {
+            _logger = logger;
+            _logger.Register(this);
+            return Task.CompletedTask;
+        }));
         builder.CloseComponent();
     };
 
@@ -75,4 +90,20 @@ public void Render()
         _key = new object();
         RenderContent();
     }
+
+    /// <summary>
+    /// HandlerException 错误处理方法
+    /// </summary>
+    /// <param name="ex"></param>
+    /// <param name="errorContent"></param>
+    public Task HandlerException(Exception ex, RenderFragment<Exception> errorContent) => DialogService.ShowErrorHandlerDialog(errorContent(ex));
+
+    /// <summary>
+    /// IDispose 方法用于释放资源
+    /// </summary>
+    public void Dispose()
+    {
+        _logger?.UnRegister(this);
+        GC.SuppressFinalize(this);
+    }
 }

test/UnitTest/Components/ErrorLoggerTest.cs

@@ -185,4 +185,46 @@ public void ErrorContent_Ok()
         cut.InvokeAsync(() => button.Click());
         cut.Contains("Attempted to divide by zero.error_content_template");
     }
+
+    [Fact]
+    public async Task TabItem_Error()
+    {
+        var cut = Context.RenderComponent<BootstrapBlazorRoot>(pb =>
+        {
+            pb.AddChildContent<Tab>(pb =>
+            {
+                pb.AddChildContent<TabItem>(pb =>
+                {
+                    pb.Add(a => a.Text, "Text1");
+                    pb.Add(a => a.ChildContent, builder => builder.AddContent(0, RenderButton()));
+                });
+            });
+        });
+
+        var button = cut.Find("button");
+        await cut.InvokeAsync(() => button.Click());
+
+        // 页面不崩溃，由弹窗显示异常信息
+        cut.Contains("<div class=\"error-stack\">TimeStamp:");
+
+        // 单元测试覆盖 TabItemContent Dispose 方法
+        var handler = Activator.CreateInstance("BootstrapBlazor", "BootstrapBlazor.Components.TabItemContent");
+        Assert.NotNull(handler);
+        var content = handler.Unwrap();
+        Assert.NotNull(content);
+
+        Assert.IsType<IDisposable>(content, exactMatch: false);
+        ((IDisposable)content).Dispose();
+    }
+
+    private RenderFragment RenderButton() => builder =>
+    {
+        builder.OpenComponent<Button>(0);
+        builder.AddAttribute(2, nameof(Button.OnClick), EventCallback.Factory.Create<MouseEventArgs>(this, e =>
+        {
+            var a = 0;
+            _ = 1 / a;
+        }));
+        builder.CloseComponent();
+    };
 }

test/UnitTest/Components/ImageTest.cs

@@ -128,6 +128,7 @@ public void IsIntersectionObserver_Ok()
     {
         var cut = Context.RenderComponent<ImageViewer>(pb =>
         {
+            pb.Add(a => a.ZoomSpeed, 0.5d);
             pb.Add(a => a.Url, "https://www.blazor.zone/images/logo.png");
             pb.Add(a => a.IsIntersectionObserver, true);
         });