72 lines
2.5 KiB
C#
72 lines
2.5 KiB
C#
using Bunit;
|
|
using Microsoft.AspNetCore.Components;
|
|
using Prefab.Web.Client.Components.Shared;
|
|
using Shouldly;
|
|
|
|
namespace Prefab.Tests.Web.Client.Components.Shared;
|
|
|
|
[Trait(TraitName.Category, TraitCategory.Unit)]
|
|
public sealed class CardGridShould : BunitContext
|
|
{
|
|
[Fact]
|
|
public void RenderGridLayoutWithItems()
|
|
{
|
|
var cut = Render<CardGrid>(parameters =>
|
|
{
|
|
parameters.Add(p => p.View, "grid");
|
|
parameters.Add(p => p.ChildContent, builder =>
|
|
{
|
|
builder.OpenComponent<CardGridItem>(0);
|
|
builder.AddAttribute(1, "ChildContent", (RenderFragment)(child =>
|
|
{
|
|
child.OpenElement(0, "div");
|
|
child.AddAttribute(1, "class", "fake-card-1");
|
|
child.CloseElement();
|
|
}));
|
|
builder.CloseComponent();
|
|
|
|
builder.OpenComponent<CardGridItem>(2);
|
|
builder.AddAttribute(3, "ChildContent", (RenderFragment)(child =>
|
|
{
|
|
child.OpenElement(0, "div");
|
|
child.AddAttribute(1, "class", "fake-card-2");
|
|
child.CloseElement();
|
|
}));
|
|
builder.CloseComponent();
|
|
});
|
|
});
|
|
|
|
var container = cut.Find($".{TemplateCss.ProductsViewList}");
|
|
container.ClassList.ShouldContain(TemplateCss.ProductsList);
|
|
container.ClassList.ShouldContain(TemplateCss.ProductsListLayoutGrid);
|
|
|
|
var items = cut.FindAll($".{TemplateCss.ProductsListItem}");
|
|
items.Count.ShouldBe(2);
|
|
items[0].QuerySelector(".fake-card-1").ShouldNotBeNull();
|
|
items[1].QuerySelector(".fake-card-2").ShouldNotBeNull();
|
|
}
|
|
|
|
[Fact]
|
|
public void RenderListLayoutModifier()
|
|
{
|
|
var cut = Render<CardGrid>(parameters =>
|
|
{
|
|
parameters.Add(p => p.View, "list");
|
|
parameters.Add(p => p.ChildContent, builder =>
|
|
{
|
|
builder.OpenComponent<CardGridItem>(0);
|
|
builder.AddAttribute(1, "ChildContent", (RenderFragment)(child =>
|
|
{
|
|
child.OpenElement(0, "div");
|
|
child.AddAttribute(1, "class", "fake-card");
|
|
child.CloseElement();
|
|
}));
|
|
builder.CloseComponent();
|
|
});
|
|
});
|
|
|
|
var container = cut.Find($".{TemplateCss.ProductsViewList}");
|
|
container.ClassList.ShouldContain(TemplateCss.ProductsListLayoutList);
|
|
}
|
|
}
|