A cross-platform UI framework for .NET
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

336 lines
13 KiB

using System.Collections.ObjectModel;
using System.Linq;
using Avalonia.Controls.Presenters;
using Avalonia.Controls.Primitives;
using Avalonia.Controls.Templates;
using Avalonia.Input;
using Avalonia.UnitTests;
using Xunit;
namespace Avalonia.Controls.UnitTests;
public class ListBoxVirtualizationIssueTests : ScopedTestBase
{
[Fact]
public void Replaced_ItemsSource_Should_Not_Show_Old_Selected_Item_When_Scrolled_Back()
{
using (UnitTestApplication.Start(TestServices.MockPlatformRenderInterface))
{
var letters = "ABCDEFGHIJ".Select(c => c.ToString()).ToList();
var numbers = "0123456789".Select(c => c.ToString()).ToList();
var target = new ListBox
{
Template = new FuncControlTemplate(CreateListBoxTemplate),
ItemsSource = letters,
ItemTemplate = new FuncDataTemplate<string>((_, _) => new TextBlock { Height = 50 }),
Height = 100, // Show 2 items
ItemsPanel = new FuncTemplate<Panel?>(() => new VirtualizingStackPanel { CacheLength = 0 }),
};
Prepare(target);
// 1. Select a ListBoxItem
target.SelectedIndex = 0;
Assert.True(((ListBoxItem)target.Presenter!.Panel!.Children[0]).IsSelected);
// 2. Scroll until the selected ListBoxItem is no longer visible
target.ScrollIntoView(letters.Count - 1); // Scroll down to the last item
// Verify that the first item is no longer realized
var realizedContainers = target.GetRealizedContainers().Cast<ListBoxItem>().ToList();
Assert.DoesNotContain(realizedContainers, x => x.Content as string == "A");
// 3. Change the ItemsSource
target.ItemsSource = numbers;
// 4. Scroll to the top
target.ScrollIntoView(0);
// 5. The previously selected ListBoxItem should NOT appear in the ListBox
var realizedItems = target.GetRealizedContainers()
.Cast<ListBoxItem>()
.Select(x => x.Content?.ToString())
.ToList();
Assert.All(realizedItems, item => Assert.DoesNotContain(item, letters));
Assert.Equal("0", realizedItems[0]);
}
}
[Fact]
public void AddingItemsAtTopShouldNotCreateGhostItems()
{
using (UnitTestApplication.Start(TestServices.MockPlatformRenderInterface))
{
ObservableCollection<Item> items = new();
for (int i = 0; i < 100; i++)
{
items.Add(new Item(i));
}
var target = new ListBox
{
Template = new FuncControlTemplate(CreateListBoxTemplate),
ItemsSource = items,
Height = 100, // Show 2 items
ItemsPanel = new FuncTemplate<Panel?>(() => new VirtualizingStackPanel()),
};
Prepare(target);
// Scroll to some position
var scrollViewer = (ScrollViewer)target.VisualChildren[0];
scrollViewer.Offset = new Vector(0, 500); // Scrolled down
target.UpdateLayout();
// Add items at the top multiple times
for (int i = 0; i < 5; i++)
{
for (int j = 0; j < 10; j++)
{
items.Insert(0, new Item(1000 + (i * 100 + j)));
}
target.UpdateLayout();
// Randomly select something
target.SelectedIndex = items.Count - 1;
target.UpdateLayout();
// Scroll a bit
scrollViewer.ScrollToEnd();
scrollViewer.ScrollToEnd();
target.UpdateLayout();
// Check for ghost items during the process
var p = target.Presenter!.Panel!;
var visibleChildren = p.Children.Where(c => c.IsVisible).ToList();
var realizedContainers = target.GetRealizedContainers()
.Cast<ListBoxItem>()
.ToList();
// Only visible children should be considered. Invisible children may be recycled items kept for reuse.
Assert.Equal(realizedContainers.Count, visibleChildren.Count);
foreach (var child in visibleChildren)
{
Assert.Contains(child, realizedContainers);
}
var realizedItems = realizedContainers
.Select(x => x.Content)
.Cast<Item>()
.ToList();
// Check for duplicates in realized items
var duplicateIds = realizedItems.GroupBy(x => x.Id).Where(g => g.Count() > 1).Select(g => g.Key)
.ToList();
Assert.Empty(duplicateIds);
// Check if all realized items are actually in the items source
foreach (var item in realizedItems)
{
Assert.Contains(item, items);
}
// Check if realized items are in the correct order
int lastIndex = -1;
foreach (var item in realizedItems)
{
int currentIndex = items.IndexOf(item);
Assert.True(currentIndex > lastIndex,
$"Item {item.Id} is at index {currentIndex}, but previous item was at index {lastIndex}");
lastIndex = currentIndex;
}
// New check: verify that all visual children of the panel are accounted for in realizedContainers
var panel = target.Presenter!.Panel!;
var visualChildren = panel.Children.ToList();
// Realized containers should match exactly the visual children of the panel
// (VirtualizingStackPanel manages its children such that they should be the realized containers)
// We also check if all children are visible, if not they might be "ghosts"
foreach (var child in visualChildren)
{
Assert.True(child.IsVisible, $"Child {((ListBoxItem)child).Content} should be visible");
}
Assert.Equal(realizedContainers.Count, visualChildren.Count);
foreach (var child in visualChildren)
{
Assert.Contains(child, realizedContainers);
}
}
}
}
[Fact]
public void RealizedContainers_Should_Only_Include_Visible_Items_With_CacheLength_Zero()
{
using (UnitTestApplication.Start(TestServices.MockPlatformRenderInterface))
{
var letters = "ABCDEFGHIJ".Select(c => c.ToString()).ToList();
var target = new ListBox
{
ItemsPanel = new FuncTemplate<Panel?>(() => new VirtualizingStackPanel { CacheLength = 0 }),
Template = new FuncControlTemplate(CreateListBoxTemplate),
ItemsSource = letters,
ItemTemplate = new FuncDataTemplate<string>((_, _) => new TextBlock { Height = 50 }),
Height = 100, // Show 2 items (100 / 50 = 2)
};
Prepare(target);
// At the top, only 2 items should be visible (items at index 0 and 1)
var realizedContainers = target.GetRealizedContainers().Cast<ListBoxItem>().ToList();
// With CacheLength = 0, we should only have the visible items realized
Assert.Equal(2, realizedContainers.Count);
Assert.Equal("A", realizedContainers[0].Content?.ToString());
Assert.Equal("B", realizedContainers[1].Content?.ToString());
}
}
[Fact]
public void GhostItemTest_FocusManagement()
{
using (UnitTestApplication.Start(TestServices.MockPlatformRenderInterface))
{
var items = new ObservableCollection<string>(Enumerable.Range(0, 100).Select(i => $"Item {i}"));
var target = new ListBox
{
Template = new FuncControlTemplate(CreateListBoxTemplate),
ItemsSource = items,
ItemTemplate = new FuncDataTemplate<string>((_, _) => new TextBlock { Height = 50 }),
Height = 100, // Show 2 items
ItemsPanel = new FuncTemplate<Panel?>(() => new VirtualizingStackPanel { CacheLength = 0 }),
};
Prepare(target);
// 1. Get the first container and focus it
var container = (ListBoxItem)target.Presenter!.Panel!.Children[0];
KeyboardNavigation.SetTabOnceActiveElement(target, container);
// 2. Scroll down so the first item is recycled
target.ScrollIntoView(10);
target.UpdateLayout();
// 3. Verify it is now _focusedElement in the panel
var panel = (VirtualizingStackPanel)target.Presenter!.Panel!;
var realizedContainers = target.GetRealizedContainers().ToList();
// The focused container should still be in Children, but NOT in realizedContainers
Assert.Contains(container, panel.Children);
Assert.DoesNotContain(container, realizedContainers);
// Now scroll back to top.
target.ScrollIntoView(0);
target.UpdateLayout();
// Check if we have two containers for the same item or other weirdness
var visibleChildren = panel.Children.Where(c => c.IsVisible).ToList();
// If it was a ghost, it might still be there or we might have two items for the same thing
Assert.Equal(target.GetRealizedContainers().Count(), visibleChildren.Count);
// 4. Test: Re-insert at top might cause issues if _focusedElement is not updated correctly
items.Insert(0, "New Item");
target.UpdateLayout();
visibleChildren = panel.Children.Where(c => c.IsVisible).ToList();
Assert.Equal(target.GetRealizedContainers().Count(), visibleChildren.Count);
// 5. Remove the focused item while it's recycled
target.ScrollIntoView(10);
target.UpdateLayout();
Assert.Contains(container, panel.Children);
items.RemoveAt(1); // Item 0 was at index 1 because of Insert(0, "New Item")
target.UpdateLayout();
// container should be removed from children because RecycleElementOnItemRemoved is called
Assert.DoesNotContain(container, panel.Children);
Assert.False(container.IsVisible);
}
}
[Fact]
public void GhostItemTest_ScrollToManagement()
{
using (UnitTestApplication.Start(TestServices.MockPlatformRenderInterface))
{
var items = new ObservableCollection<string>(Enumerable.Range(0, 100).Select(i => $"Item {i}"));
var target = new ListBox
{
Template = new FuncControlTemplate(CreateListBoxTemplate),
ItemsSource = items,
ItemTemplate = new FuncDataTemplate<string>((_, _) => new TextBlock { Height = 50 }),
Height = 100, // Show 2 items
ItemsPanel = new FuncTemplate<Panel?>(() => new VirtualizingStackPanel { CacheLength = 0 }),
};
Prepare(target);
// 1. ScrollIntoView to trigger _scrollToElement
// We use a high index and don't call UpdateLayout immediately if we want to catch it in between?
// Actually ScrollIntoView calls layout internally.
target.ScrollIntoView(50);
var panel = (VirtualizingStackPanel)target.Presenter!.Panel!;
// 2. Remove the item we just scrolled to
items.RemoveAt(50);
target.UpdateLayout();
// If it was kept in _scrollToElement and not recycled, it might be a ghost.
var visibleChildren = panel.Children.Where(c => c.IsVisible).ToList();
Assert.Equal(target.GetRealizedContainers().Count(), visibleChildren.Count);
}
}
private Control CreateListBoxTemplate(TemplatedControl parent, INameScope scope)
{
return new ScrollViewer
{
Name = "PART_ScrollViewer",
Template = new FuncControlTemplate(CreateScrollViewerTemplate),
Content = new ItemsPresenter
{
Name = "PART_ItemsPresenter",
[~ItemsPresenter.ItemsPanelProperty] =
((ListBox)parent).GetObservable(ItemsControl.ItemsPanelProperty).ToBinding(),
}.RegisterInNameScope(scope)
}.RegisterInNameScope(scope);
}
private Control CreateScrollViewerTemplate(TemplatedControl parent, INameScope scope)
{
return new ScrollContentPresenter
{
Name = "PART_ContentPresenter",
[~ContentPresenter.ContentProperty] =
parent.GetObservable(ContentControl.ContentProperty).ToBinding(),
}.RegisterInNameScope(scope);
}
private static void Prepare(ListBox target)
{
target.Width = target.Height = 100;
var root = new TestRoot(target);
root.LayoutManager.ExecuteInitialLayoutPass();
}
private class Item
{
public Item(int id)
{
Id = id;
}
public int Id { get; }
}
}