ant-design-blazor/tests/tabs/TabsTests.cs

using System;
using AntDesign.JsInterop;
using Bunit;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Rendering;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.JSInterop;
using Moq;
using Xunit;

namespace AntDesign.Tests.tabs
{
    public class TabsTests : AntDesignTestBase
    {
        private IRenderedComponent<Tabs> CreateTabs(Action<RenderTreeBuilder> childContent)
        {
            var jsRuntime = new Mock<IJSRuntime>();
            jsRuntime.Setup(u => u.InvokeAsync<Element>(JSInteropConstants.GetDomInfo, It.IsAny<object[]>()))
                .ReturnsAsync(new Element());

            Context.Services.AddScoped(_ => jsRuntime.Object);

            var cut = Context.RenderComponent<Tabs>(tabs => tabs
                .Add(x => x.DefaultActiveKey, "2")
                .Add(b => b.ChildContent, b => childContent(b))
            );

            return cut;
        }

        private static RenderFragment CreateTabPanel(string key, Action<ComponentParameterBuilder<TabPane>> configure = null)
        {
            var tabPane1Builder = new ComponentParameterBuilder<TabPane>()
                .Add(x => x.Key, key)
                .Add(x => x.Tab, $"Tab {key}".ToRenderFragment())
                .Add(x => x.ChildContent, $"Content {key}".ToRenderFragment());

            configure?.Invoke(tabPane1Builder);

            return tabPane1Builder.Build().ToComponentRenderFragment<TabPane>();
        }

        [Fact]
        public void Should_only_render_the_active_pane_when_ForceRender_is_false()
        {
            var cut = CreateTabs(p =>
            {
                var tabPane1 = CreateTabPanel("1");
                var tabPane2 = CreateTabPanel("2");

                tabPane1(p);
                tabPane2(p);
            });

            var renderedPanes = cut.FindAll(".ant-tabs-tabpane");

            Assert.Equal(1, renderedPanes.Count);
        }

        [Fact]
        public void Should_render_the_all_panes_when_ForceRender_is_true()
        {
            var cut = CreateTabs(p =>
            {
                var tabPane1 = CreateTabPanel("1", x => x.Add(y => y.ForceRender, true));
                var tabPane2 = CreateTabPanel("2", x => x.Add(y => y.ForceRender, true));

                tabPane1(p);
                tabPane2(p);
            });

            var renderedPanes = cut.FindAll(".ant-tabs-tabpane");

            Assert.Equal(2, renderedPanes.Count);
        }

        [Fact]
        public void Should_preserve_tab_panels_once_they_have_been_rendered()
        {
            var cut = CreateTabs(p =>
            {
                var tabPane1 = CreateTabPanel("1");
                var tabPane2 = CreateTabPanel("2");

                tabPane1(p);
                tabPane2(p);
            });

            var renderedPanes = cut.FindAll(".ant-tabs-tabpane", true);
            Assert.Equal(1, renderedPanes.Count);

            cut.SetParametersAndRender(p => p.Add(x => x.ActiveKey, "1"));

            Assert.Equal(2, renderedPanes.Count);
        }

        [Fact]
        public void Clicking_on_an_inactive_tab_should_make_it_active()
        {
            var cut = CreateTabs(p =>
            {
                var tabPane1 = CreateTabPanel("1");
                var tabPane2 = CreateTabPanel("2");

                tabPane1(p);
                tabPane2(p);
            });

            Assert.Equal("Content 2", cut.Find(".ant-tabs-tabpane").TextContent);

            cut.Find("div.ant-tabs-tab").Click();

            Assert.Equal("Content 1", cut.Find(".ant-tabs-tabpane").TextContent);
        }
    }
}