在没有参数的情况下将属性设置为Bunit

Question

我有一个抽象的基类，我正在尝试测试具有参数的属性，用于@ref。我找不到将财产传递给我的Bunit渲染器的方法。

我使用此属性来存储我在整个基类中访问的信息。

public abstract class ColumnBase<TRowData> : ComponentBase
{
    [Parameter] public string? Title { get; set; }
    [Parameter] public RenderFragment<FunctionalColumn<TRowData>.CellInfo>? CellTemplate { get; set; }

    public FunctionalColumn<TRowData> ColumnReference { get; protected set; } = default!;
}

这个类通常会像这样使用。.在

styledcolumn.cs

@typeparam TRowData
@inherits ColumnBase<TRowData>

<FunctionalColumn
    @ref=ColumnReference
    Title=@Title
    CellTemplate=CellTemplate
    class="some styling" />

中，我正在尝试测试使用columnReference的某些功能，因此它不能为null。

首先，我尝试了这个。

columnbasetests.cs

public class ColumnBaseTests : TestContext
{
    [Fact]
    public void TestRenderFragment()
    {
        var cb = new ColumnBase<TestData>() { FunctionalColumn = new FunctionalColumn() };

        // then how to test render fragment?
        // wanted something like cb.CellTemplate.MarkupMatches("my markup")
    }
}

然后我尝试以Bunit中的实际标记方式进行操作。这是一个孩子）。但是，这也不起作用，因为没有[参数]列的属性。

[Fact]
public void CellTemplateIsSet()
{
    var grid = RenderComponent<Grid<TestData>>(parameterBuilder => parameterBuilder
        .AddChildContent<ColumnBase<TestData>>(parameters => parameters
            .Add(p => p.FunctionalColumn , new FunctionalColumn <TestData>())
            //.Add(p => p.Title, "..")
        )
    );
}

最后，我尝试在一个实例中通过。 （请注意，我必须用functionColumn制作一个构造函数，只是为了查看它是否有效，而是，addChildContent使用了正确的构造函数（列的一个）首先，然后使用空白构造函数，覆盖它）。因此，当访问functionColumn时，我得到了无效的异常。

[Fact]
public void CellTemplateIsSet()
{
    var grid = RenderComponent<Grid<TestData>>(parameterBuilder => parameterBuilder
        .AddChildContent<ColumnBase<TestData>>(p => new ColumnBase<TestData>(new FunctionalColumn()) { Title = ".."}
        )
    );
}

Answer 1

我最终要使用的解决方案是仅测试RenderFragement

var cellTemplateRenderFragment = Render(s => s.AddContent(1, new ColumnBase<TestData>(new FunctionalColumn()).CellTemplate, 
    new FunctionalColumn<TestData>.CellInfo {
        // some variable info to pass into the render fragement
    }));
cellTemplateRenderFragment .MarkupMatches("my markup");

另外，您可以创建一个可测试的类，以设置基础属性。

private class TestableColumnBase<T> : ColumnBase<T>
{
    [Parameter] public FunctionalColumn<T> FunctionalColumnParam {
        get { return base.FunctionalColumn; }
        set { base.FunctionalColumn = value; }
    }
    
}

然后可以像

[Fact]
public void CellTemplateIsSet()
{
    var grid = RenderComponent<Grid<TestData>>(parameterBuilder => parameterBuilder
        .AddChildContent<TestableColumnBase<TestData>>(parameters => parameters
            .Add(p => p.FunctionalColumnParam , new FunctionalColumn<TestData>())
            //.Add(p => p.Title, "..")
        )
    );
}