public void NavigateBySections()
{
var spyMock = new MockScrollSpy();
ctx.Services.Add(new ServiceDescriptor(typeof(IScrollSpy), spyMock));
var comp = ctx.RenderComponent <MudPageContentNavigation>();
var section1 = new MudPageContenSection("my first section", "my-id1");
var section2 = new MudPageContenSection("my second section", "my-id2");
var section3 = new MudPageContenSection("my third section", "my-id3");
var sections = new[] { section1, section2, section3 };
comp.Instance.AddSection(section1, false);
comp.Instance.AddSection(section2, false);
comp.Instance.AddSection(section3, false);
comp.InvokeAsync(() => comp.Instance.Update());
for (int i = 0; i < 3; i++)
{
var navLinks = comp.FindComponents <MudNavLink>();
navLinks[i].Find(".mud-nav-link").Click();
comp.Instance.ActiveSection.Should().Be(sections[i]);
navLinks = comp.FindComponents <MudNavLink>();
for (int j = 0; j < 3; j++)
{
navLinks[j].Instance.Class.Should().Be(i == j ? "page-content-navigation-navlink active" : "page-content-navigation-navlink");
}
}
spyMock.ScrollHistory.Should().BeEquivalentTo(new[] { "my-id1", "my-id2", "my-id3" });
}
public async Task AddSection_ActivateDefault()
{
var mockedScrollSpy = new MockScrollSpy();
ctx.Services.Add(new ServiceDescriptor(typeof(IScrollSpy), mockedScrollSpy));
var comp = ctx.RenderComponent <MudPageContentNavigation>(p => p.Add(x => x.ActivateFirstSectionAsDefault, true));
var section1 = new MudPageContenSection("my section", "my-id");
var section2 = new MudPageContenSection("my section 2", "my-id-2");
await comp.InvokeAsync(() => comp.Instance.AddSection(section1, true));
await comp.InvokeAsync(() => comp.Instance.AddSection(section2, true));
comp.RenderCount.Should().Be(3);
comp.Instance.ActiveSection.Should().Be(section1);
comp.Instance.Sections.Should().BeEquivalentTo(new[] { section1, section2 });
comp.Nodes.Should().ContainSingle();
var navLinks = comp.FindComponents <MudNavLink>();
navLinks.Should().HaveCount(2);
navLinks[0].Instance.Class.Should().Be("page-content-navigation-navlink active");
var linkText = navLinks[0].Find(".mud-nav-link-text");
linkText.TextContent.Should().Be("my section");
navLinks[1].Instance.Class.Should().NotContain("active");
mockedScrollSpy.ScrollHistory.Should().BeEquivalentTo(new[] { "my-id" });
}
public async Task AddSection_WhichIsActiveByScrollSpy()
{
var mockedScrollSpy = new MockScrollSpy
{
CenteredSection = "my-id"
};
ctx.Services.Add(new ServiceDescriptor(typeof(IScrollSpy), mockedScrollSpy));
var comp = ctx.RenderComponent <MudPageContentNavigation>();
var section1 = new MudPageContenSection("my section", "my-id");
var section2 = new MudPageContenSection("different section", "my-id-2");
comp.Instance.AddSection(section1, false);
comp.Instance.AddSection(section2, false);
await comp.InvokeAsync(() => comp.Instance.Update());
comp.RenderCount.Should().Be(2);
comp.Instance.ActiveSection.Should().Be(section1);
comp.Instance.Sections.Should().BeEquivalentTo(new[] { section1, section2 });
comp.Nodes.Should().ContainSingle();
var navLinks = comp.FindComponents <MudNavLink>();
navLinks.Should().HaveCount(2);
navLinks[0].Instance.Class.Should().Be("page-content-navigation-navlink active");
var linkText = navLinks[0].Find(".mud-nav-link-text");
linkText.TextContent.Should().Be("my section");
navLinks[1].Instance.Class.Should().NotContain("active");
}
public async Task ObserverScrollAndHandlingEvent()
{
var spyMock = new MockScrollSpy();
ctx.Services.Add(new ServiceDescriptor(typeof(IScrollSpy), spyMock));
var comp = ctx.RenderComponent <MudPageContentNavigation>(x => x.Add(y => y.SectionClassSelector, "my-section-class"));
spyMock.SpyingInitiated.Should().BeTrue();
spyMock.SpyingClassSelector.Should().Be("my-section-class");
var section1 = new MudPageContenSection("my first section", "my-id1");
var section2 = new MudPageContenSection("my second section", "my-id2");
var section3 = new MudPageContenSection("my third section", "my-id3");
var sections = new[] { section1, section2, section3 };
comp.Instance.AddSection(section1, false);
comp.Instance.AddSection(section2, false);
comp.Instance.AddSection(section3, false);
await comp.InvokeAsync(() => comp.Instance.Update());
//active second section
await comp.InvokeAsync(() => spyMock.FireScrollSectionSectionCenteredEvent(section2.Id));
comp.Instance.ActiveSection.Should().Be(section2);
//active third section
await comp.InvokeAsync(() => spyMock.FireScrollSectionSectionCenteredEvent(section3.Id));
comp.Instance.ActiveSection.Should().Be(section3);
//active first section
await comp.InvokeAsync(() => spyMock.FireScrollSectionSectionCenteredEvent(section1.Id));
comp.Instance.ActiveSection.Should().Be(section1);
//active non existing section
await comp.InvokeAsync(() => spyMock.FireScrollSectionSectionCenteredEvent("non-exisiting-section"));
comp.Instance.ActiveSection.Should().Be(section1);
//active empty section
await comp.InvokeAsync(() => spyMock.FireScrollSectionSectionCenteredEvent(null));
comp.Instance.ActiveSection.Should().Be(section1);
}
public async Task AddSection(bool withUpdate)
{
ctx.Services.Add(new ServiceDescriptor(typeof(IScrollSpy), new MockScrollSpy()));
var comp = ctx.RenderComponent <MudPageContentNavigation>();
var section1 = new MudPageContenSection("my section", "my-id");
var section2 = new MudPageContenSection("my section 2", "my-id-2");
if (withUpdate == true)
{
await comp.InvokeAsync(() => comp.Instance.AddSection(section1, true));
await comp.InvokeAsync(() => comp.Instance.AddSection(section2, true));
}
else
{
comp.Instance.AddSection(section1, false);
comp.Instance.AddSection(section2, false);
await comp.InvokeAsync(() => comp.Instance.Update());
}
comp.RenderCount.Should().Be(withUpdate == true ? 3 : 2);
comp.Instance.ActiveSection.Should().BeNull();
comp.Instance.Sections.Should().BeEquivalentTo(new[] { section1, section2 });
comp.Nodes.Should().ContainSingle();
var navLinks = comp.FindComponents <MudNavLink>();
navLinks.Should().HaveCount(2);
navLinks[0].Instance.Class.Should().Be("page-content-navigation-navlink");
var firstLinkText = navLinks[0].Find(".mud-nav-link-text");
firstLinkText.TextContent.Should().Be("my section");
var secondLinkText = navLinks[1].Find(".mud-nav-link-text");
secondLinkText.TextContent.Should().Be("my section 2");
}
public async Task HideContentIfOnlyOneSectionIsAdded()
{
var mockedScrollSpy = new MockScrollSpy();
ctx.Services.Add(new ServiceDescriptor(typeof(IScrollSpy), mockedScrollSpy));
var comp = ctx.RenderComponent <MudPageContentNavigation>();
var section = new MudPageContenSection("my section", "my-id");
await comp.InvokeAsync(() => comp.Instance.AddSection(section, true));
comp.RenderCount.Should().Be(2);
comp.Instance.Sections.Should().BeEquivalentTo(new[] { section });
comp.Nodes.Should().ContainSingle();
var navLinks = comp.FindComponents <MudNavLink>();
navLinks.Should().BeEmpty();
}
