[Testing] Feature matrix UITest Cases for BoxView Control (#29808)

* harish_feature_matrix_boxview * Added the Snapshots * Updated the Snapshots * Renamed the file * Added property and Updated Snaps * Resaved Snapshots from latest build
dotnet · PureWeen · Jun 28, 2025 · Jun 9, 2025 · Jun 11, 2025 · Jun 13, 2025
commit db77d5f3310c0bce0d617b1eb9f5a03e73feaaba
diff --git a/...ls/tests/TestCases.Android.Tests/snapshots/android/BoxView_ColorWithOpacity.png b/...ls/tests/TestCases.Android.Tests/snapshots/android/BoxView_ColorWithOpacity.png
diff --git a/...TestCases.Android.Tests/snapshots/android/BoxView_ColorWithOpacityAndShadow.png b/...TestCases.Android.Tests/snapshots/android/BoxView_ColorWithOpacityAndShadow.png
diff --git a/...sts/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithColor.png b/...sts/TestCases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithColor.png
diff --git a/...ases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithColorAndShadow.png b/...ases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithColorAndShadow.png
diff --git a/...Cases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithFlowDirection.png b/...Cases.Android.Tests/snapshots/android/BoxView_CornerRadiusWithFlowDirection.png
diff --git a/...es.Android.Tests/snapshots/android/BoxView_CornerRadiusWithOpacityAndShadow.png b/...es.Android.Tests/snapshots/android/BoxView_CornerRadiusWithOpacityAndShadow.png
diff --git a/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_IsVisible.png b/src/Controls/tests/TestCases.Android.Tests/snapshots/android/BoxView_IsVisible.png
diff --git a/src/Controls/tests/TestCases.HostApp/CoreViews/CorePageView.cs b/src/Controls/tests/TestCases.HostApp/CoreViews/CorePageView.cs
@@ -86,6 +86,7 @@ public override string ToString()
 			new GalleryPageFactory(() => new CollectionViewFeaturePage(), "CollectionView Feature Matrix"),
 			new GalleryPageFactory(() => new LabelControlPage(), "Label Feature Matrix"),
 			new GalleryPageFactory(() => new CarouselViewFeaturePage(), "CarouselView Feature Matrix"),
+			new GalleryPageFactory(() => new BoxViewControlPage(), "BoxView Feature Matrix"),
 		};
 
 		public CorePageView(Page rootPage)

diff --git a/src/Controls/tests/TestCases.HostApp/FeatureMatrix/BoxView/BoxViewControlPage.xaml b/src/Controls/tests/TestCases.HostApp/FeatureMatrix/BoxView/BoxViewControlPage.xaml
@@ -0,0 +1,124 @@
+<?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"
+             xmlns:local="clr-namespace:Maui.Controls.Sample"
+             x:Class="Maui.Controls.Sample.BoxViewControlMainPage"
+             x:DataType="local:BoxViewViewModel"
+             Title="BoxViewControlPage">
+
+        <Grid>
+                <Grid.RowDefinitions>
+                        <RowDefinition Height="*"/>
+                        <RowDefinition Height="Auto"/>
+                </Grid.RowDefinitions>
+
+                <!-- BoxView at top center -->
+                <BoxView Grid.Row="0"
+                         Color="{Binding Color}"
+                         WidthRequest="{Binding Width}"
+                         Opacity="{Binding Opacity}"
+                         HeightRequest="{Binding Height}"
+                         CornerRadius="{Binding CornerRadius}"
+                         IsVisible="{Binding IsVisible}"
+                         Shadow="{Binding BoxShadow}"
+                         VerticalOptions="Center"
+                         FlowDirection="{Binding FlowDirection}"
+                         HorizontalOptions="Center"/>
+
+                <!-- Controls at bottom -->
+                <Grid Grid.Row="1"
+                      ColumnSpacing="20"
+                      VerticalOptions="End"
+                      HorizontalOptions="Center">
+
+                        <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="Auto"/>
+                                <ColumnDefinition Width="Auto"/>
+                        </Grid.ColumnDefinitions>
+
+                        <!-- Left Column - Entry Controls -->
+                        <StackLayout Grid.Column="0"
+                                     Grid.Row="0"
+                                     Padding="20"
+                                     Spacing="10">
+                                <Label FontAttributes="Bold"
+                                       AutomationId="CornerRadiusLabel"
+                                       Text="Corner Radius"/>
+                                <local:UITestEntry x:Name="CornerRadiusEntry"
+                                                   AutomationId="CornerRadiusEntry"
+                                                   Placeholder="e.g. 10,20,30,40"
+                                                   IsCursorVisible="False"
+                                                   Text="{Binding CornerRadiusEntryText, Mode=TwoWay}"
+                                                   TextChanged="OnCornerRadiusEntryChanged"/>
+                                <Label FontAttributes="Bold"
+                                       AutomationId="OpacityLabel"
+                                       Text="Opacity"/>
+                                <local:UITestEntry x:Name="OpacityEntry"
+                                                   Placeholder="Enter opacity (0.0 - 1.0)"
+                                                   AutomationId="OpacityEntry"
+                                                   IsCursorVisible="False"
+                                                   Text="{Binding OpacityEntryText, Mode=TwoWay}"
+                                                   TextChanged="OnOpacityChanged"/>
+
+                                <Button Text="Reset Changes"
+                                        WidthRequest="150"
+                                        AutomationId="ResetButton"
+                                        Clicked="OnResetChangesClicked"/>
+                        </StackLayout>
+
+                        <!-- Right Column - Controls -->
+                        <StackLayout Grid.Column="1"
+                                     Grid.Row="0"
+                                     Padding="20"
+                                     Spacing="1">
+                                <Label FontAttributes="Bold"
+                                       Text="Box Color"/>
+                                <VerticalStackLayout>
+                                        <RadioButton Content="Red"
+                                                     Value="Red"
+                                                     GroupName="Colors"
+                                                     AutomationId="RedRadioButton"
+                                                     IsChecked="{Binding IsRedChecked, Mode=TwoWay}"/>
+
+                                        <RadioButton Content="Blue"
+                                                     Value="Blue"
+                                                     GroupName="Colors"
+                                                     AutomationId="BlueRadioButton"
+                                                     IsChecked="{Binding IsBlueChecked, Mode=TwoWay}"/>
+                                </VerticalStackLayout>
+
+                                <VerticalStackLayout Spacing="5">
+                                        <HorizontalStackLayout
+                                                Spacing="10">
+                                                <CheckBox IsChecked="{Binding IsVisible}"
+                                                          AutomationId="VisibilityCheckBox"/>
+                                                <Label Text="Is Visible"
+                                                       VerticalOptions="Center"/>
+                                        </HorizontalStackLayout>
+                                        <HorizontalStackLayout Spacing="10">
+                                                <CheckBox
+                                                        IsChecked="{Binding HasShadow}"
+                                                        AutomationId="ShadowCheckBox"/>
+                                                <Label Text="Has Shadow"
+                                                       VerticalOptions="Center"/>
+                                        </HorizontalStackLayout>
+
+                                        <Label Text="Flow Direction:"
+                                                FontAttributes="Bold"
+                                                        FontSize="15"/>
+                                        <StackLayout Orientation="Horizontal"
+                                                        Spacing="10">
+
+                                                <CheckBox x:Name="FlowDirectionRTLCheckBox"
+                                                          AutomationId="FlowDirectionRTLCheckBox"
+                                                          IsChecked="False"
+                                                          CheckedChanged="OnFlowDirectionCheckBoxChanged"/>
+                                                <Label Text="RTL"
+                                                                VerticalOptions="Center"/>
+                                        </StackLayout>
+
+                                </VerticalStackLayout>
+                        </StackLayout>
+                </Grid>
+        </Grid>
+</ContentPage>
diff --git a/src/Controls/tests/TestCases.HostApp/FeatureMatrix/BoxView/BoxViewControlPage.xaml.cs b/src/Controls/tests/TestCases.HostApp/FeatureMatrix/BoxView/BoxViewControlPage.xaml.cs
@@ -0,0 +1,92 @@
+using System;
+using Microsoft.Maui.Controls;
+
+namespace Maui.Controls.Sample
+{
+	public class BoxViewControlPage : NavigationPage
+	{
+		private BoxViewViewModel _viewModel;
+
+		public BoxViewControlPage()
+		{
+			_viewModel = new BoxViewViewModel();
+			PushAsync(new BoxViewControlMainPage(_viewModel));
+		}
+	}
+
+	public partial class BoxViewControlMainPage : ContentPage
+	{
+		private BoxViewViewModel _viewModel;
+
+		public BoxViewControlMainPage(BoxViewViewModel viewModel)
+		{
+			InitializeComponent();
+			_viewModel = viewModel;
+			BindingContext = _viewModel;
+		}
+
+		private void OnFlowDirectionCheckBoxChanged(object sender, CheckedChangedEventArgs e)
+		{
+			if (e.Value)
+			{
+				_viewModel.FlowDirection = FlowDirection.RightToLeft;
+			}
+			else
+			{
+				_viewModel.FlowDirection = FlowDirection.LeftToRight;
+			}
+		}
+
+		private void OnColorRadioButtonChanged(object sender, EventArgs e)
+		{
+			if (sender is RadioButton radioButton && radioButton.IsChecked)
+			{
+				switch (radioButton.Value.ToString())
+				{
+					case "Red":
+						_viewModel.Color = Colors.Red;
+						break;
+					case "Blue":
+						_viewModel.Color = Colors.Blue;
+						break;
+					default:
+						_viewModel.Color = Colors.Transparent;
+						break;
+				}
+			}
+		}
+
+		private void OnCornerRadiusEntryChanged(object sender, TextChangedEventArgs e)
+		{
+			if (string.IsNullOrWhiteSpace(e.NewTextValue))
+				return;
+
+			var parts = e.NewTextValue.Split(',');
+
+			if (parts.Length != 4)
+				return;
+
+			if (float.TryParse(parts[0].Trim(), out float topLeft) &&
+				float.TryParse(parts[1].Trim(), out float topRight) &&
+				float.TryParse(parts[2].Trim(), out float bottomLeft) &&
+				float.TryParse(parts[3].Trim(), out float bottomRight))
+			{
+				_viewModel.CornerRadius = new CornerRadius(topLeft, topRight, bottomLeft, bottomRight);
+			}
+		}
+
+		private void OnResetChangesClicked(object sender, EventArgs e)
+		{
+			BindingContext = _viewModel = new BoxViewViewModel();
+		}
+
+		private void OnOpacityChanged(object sender, TextChangedEventArgs e)
+		{
+			if (double.TryParse(e.NewTextValue, out double value))
+			{
+				if (value >= 0 && value <= 1)
+					_viewModel.Opacity = value;
+			}
+		}
+	}
+}