refactor: 更新 Drawer 抽屉单元测试

Author: ArgoZhang

src/BootstrapBlazor/Components/Drawer/Drawer.razor.cs

@@ -28,10 +28,12 @@ public partial class Drawer
     /// 获得 抽屉 Style 字符串
     /// </summary>
     private string? DrawerStyleString => CssBuilder.Default()
-        .AddClass($"--bb-drawer-width: {Width};", Placement != Placement.Top && Placement != Placement.Bottom)
-        .AddClass($"--bb-drawer-height: {Height};", Placement == Placement.Top || Placement == Placement.Bottom)
+        .AddClass($"--bb-drawer-width: {Width};", !string.IsNullOrEmpty(Width) && !IsVertical)
+        .AddClass($"--bb-drawer-height: {Height};", !string.IsNullOrEmpty(Height) && IsVertical)
         .Build();
 
+    private bool IsVertical => Placement == Placement.Top || Placement == Placement.Bottom;
+
     /// <summary>
     /// 获得 抽屉样式
     /// </summary>

test/UnitTest/Components/DrawerTest.cs

@@ -11,13 +11,13 @@ public class DrawerTest : BootstrapBlazorTestBase
     public void Width_Ok()
     {
         var cut = Context.RenderComponent<Drawer>(builder => builder.Add(a => a.Width, "100px"));
-        Assert.Contains("width: 100px", cut.Markup);
+        Assert.Contains("--bb-drawer-width: 100px;", cut.Markup);
 
         cut.SetParametersAndRender(pb =>
         {
             pb.Add(a => a.Width, "");
         });
-        Assert.DoesNotContain("width:", cut.Markup);
+        Assert.DoesNotContain("--bb-drawer-width", cut.Markup);
     }
 
     [Fact]
@@ -28,13 +28,13 @@ public void Height_Ok()
             builder.Add(a => a.Height, "100px");
             builder.Add(a => a.Placement, Placement.Top);
         });
-        Assert.Contains("height: 100px", cut.Markup);
+        Assert.Contains("--bb-drawer-height: 100px", cut.Markup);
 
         cut.SetParametersAndRender(pb =>
         {
             pb.Add(a => a.Height, "");
         });
-        Assert.DoesNotContain("height:", cut.Markup);
+        Assert.DoesNotContain("--bb-drawer-height:", cut.Markup);
     }
 
     [Fact]