Rebase

Author: prakashKannanSf3972

src/Controls/tests/TestCases.HostApp/Issues/Issue27666.cs

@@ -35,60 +35,18 @@ ContentPage CreateRootContentPage()
 	}
 }
 
-public partial class Issue27666 : TestContentPage
+public partial class Issue27666 : ContentPage
 {
 	ObservableCollection<string> items;
-	CollectionView collectionView;
-	protected override void Init()
-	{
-		items = new ObservableCollection<string>(Enumerable.Range(1, 30).Select(i => $"Item {i}"));
-		Button itemSpacingButton = CreateButton("Update ItemSpacing", "UpdateItemSpacingButton", OnItemSpacingButtonClicked);
-
-		collectionView = new CollectionView
-		{
-			AutomationId = "ItemsLayoutCollectionView",
-			ItemsLayout = new LinearItemsLayout(ItemsLayoutOrientation.Horizontal),
-			ItemsSource = items,
-			ItemTemplate = new DataTemplate(() =>
-			{
-				var label = new Label();
-				label.SetBinding(Label.TextProperty, ".");
-				return new Border
-				{
-					Content = label,
-					Padding = 10,
-					Margin = new Thickness(5),
-					BackgroundColor = Colors.LightGray,
-				};
-			})
-		};
-
-		Grid grid = new Grid
-		{
-			RowDefinitions =
-			{
-				new RowDefinition { Height = GridLength.Auto },
-				new RowDefinition { Height = GridLength.Star }
-			},
-			RowSpacing = 5
-		};
-		grid.Add(itemSpacingButton, 0, 0);
-		grid.Add(collectionView, 0, 1);
-
-		Content = grid;
-	}
 
-	Button CreateButton(string text, string automationId, EventHandler onClick)
+	public Issue27666()
 	{
-		return new Button
-		{
-			Text = text,
-			AutomationId = automationId,
-			Command = new Command(_ => onClick(this, EventArgs.Empty))
-		};
+		InitializeComponent();
+		items = new ObservableCollection<string>(Enumerable.Range(1, 30).Select(i => $"Item {i}"));
+		collectionView.ItemsSource = items;
 	}
 
-	void OnItemSpacingButtonClicked(object sender, EventArgs e)
+	private void OnItemSpacingButtonClicked(object sender, EventArgs e)
 	{
 		if (collectionView.ItemsLayout is LinearItemsLayout layout)
 		{

src/Controls/tests/TestCases.HostApp/Issues/Issue27666.xaml

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="Maui.Controls.Sample.Issues.Issue27666">
+
+  <Grid RowSpacing="5">
+    <Grid.RowDefinitions>
+      <RowDefinition Height="Auto"/>
+      <RowDefinition Height="*"/>
+    </Grid.RowDefinitions>
+
+    <Button Grid.Row="0"
+            Text="Update ItemSpacing"
+            AutomationId="UpdateItemSpacingButton"
+            Clicked="OnItemSpacingButtonClicked"/>
+
+    <CollectionView x:Name="collectionView"
+                    Grid.Row="1"
+                    AutomationId="ItemsLayoutCollectionView"
+                    ItemsLayout="HorizontalList">
+      <CollectionView.ItemTemplate>
+        <DataTemplate>
+          <Border Padding="10"
+              Margin="5"
+              BackgroundColor="LightGray">
+            <Label Text="{Binding .}"/>
+          </Border>
+        </DataTemplate>
+      </CollectionView.ItemTemplate>
+    </CollectionView>
+  </Grid>
+</ContentPage>

src/Controls/tests/TestCases.Shared.Tests/Tests/Issues/Issue27666.cs

@@ -7,22 +7,24 @@ namespace Microsoft.Maui.TestCases.Tests.Issues;
 public class Issue27666 : _IssuesUITest
 {
 	public override string Issue => "Vertical list and Vertical grid pages have different abnormal behaviors when clicking Update after changing the spacing value";
-
+	const string UpdateItemSpacingButton = "UpdateItemSpacingButton";
+	const string ItemsLayoutCollectionView = "ItemsLayoutCollectionView";
+	const string NavigationButton = "NavigationButton";
 	public Issue27666(TestDevice device) : base(device) { }
 
 	[Test]
 	[Category(UITestCategories.CollectionView)]
 	public void VerifySpacingUpdateInItemsLayout()
 	{
-		App.WaitForElement("NavigationButton");
-		App.Tap("NavigationButton");
-		App.WaitForElement("ItemsLayoutCollectionView");
-		App.Tap("UpdateItemSpacingButton");
+		App.WaitForElement(NavigationButton);
+		App.Tap(NavigationButton);
+		App.WaitForElement(ItemsLayoutCollectionView);
+		App.Tap(UpdateItemSpacingButton);
 		App.TapBackArrow();
-		App.WaitForElement("NavigationButton");
-		App.Tap("NavigationButton");
-		App.WaitForElement("ItemsLayoutCollectionView");
-		App.Tap("UpdateItemSpacingButton");
-		App.WaitForElement("ItemsLayoutCollectionView");
+		App.WaitForElement(NavigationButton);
+		App.Tap(NavigationButton);
+		App.WaitForElement(ItemsLayoutCollectionView);
+		App.Tap(UpdateItemSpacingButton);
+		App.WaitForElement(ItemsLayoutCollectionView);
 	}
 }