[Testing] Feature matrix UITest Cases for Horizontal and Vertical Stack Layout #31393

HarishKumarSF4517 · 2025-08-29T09:43:13Z

This pull request adds a new interactive feature matrix for StackLayout, including both horizontal and vertical layouts, to the test application. The addition includes new pages for demonstrating and configuring StackLayout behaviors, as well as a view model to support dynamic UI updates. This enables easier testing and exploration of layout options and properties.

New StackLayout Feature Matrix:

Added a new entry for "StackLayout Feature Matrix" to the list of gallery pages in CorePageView, making the new feature matrix accessible from the main test app navigation.
Introduced StackLayoutControlPage and StackLayoutControlMainPage (with XAML and code-behind) to showcase interactive examples of both HorizontalStackLayout and VerticalStackLayout, including nesting, spacing, alignment, and color demonstration. [1] [2]
Added StackLayoutOptionsPage (XAML and code-behind) to allow users to adjust layout orientation, visibility, flow direction (RTL/LTR), spacing, and rectangle dimensions through a toolbar-accessible options menu. [1] [2]
Implemented StackLayoutViewModel to support two-way data binding for layout properties, including orientation, visibility, flow direction, spacing, and rectangle size, with property change notifications for dynamic UI updates.

StacKLayoutFeatureMatrix.mov

dotnet-policy-service · 2025-08-29T09:43:46Z

Hey there @@HarishKumarSF4517! Thank you so much for your PR! Someone from the team will get assigned to your PR shortly and we'll get it reviewed.

jsuarezruiz · 2025-08-29T11:11:23Z

/azp run MAUI-UITests-public

azure-pipelines · 2025-08-29T11:11:34Z

Azure Pipelines successfully started running 1 pipeline(s).

jsuarezruiz

Pending snapshots on Windows and macOS.

Could you commit the images?

HarishKumarSF4517 · 2025-09-01T06:17:45Z

Hi @jsuarezruiz, I have committed the images?

jsuarezruiz · 2025-09-02T05:53:25Z

/azp run MAUI-UITests-public

azure-pipelines · 2025-09-02T05:53:36Z

Azure Pipelines successfully started running 1 pipeline(s).

Copilot

Pull Request Overview

This pull request introduces a comprehensive test suite for StackLayout feature matrix functionality in the .NET MAUI test application. The implementation includes both horizontal and vertical stack layout testing with configurable properties like spacing, visibility, flow direction (RTL/LTR), and rectangle dimensions.

Key Changes:

Adds a new StackLayout Feature Matrix test case with comprehensive UI tests covering 18 different scenarios
Implements an interactive test UI with configuration options for layout properties
Provides a view model with data binding support for dynamic property updates

Reviewed Changes

Copilot reviewed 7 out of 75 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
StackLayoutFeatureTests.cs	Comprehensive test suite with 18 test methods covering various StackLayout scenarios including visibility, RTL, spacing, and dimension combinations
StackLayoutViewModel.cs	Data binding view model supporting layout orientation, visibility, flow direction, spacing, and rectangle dimensions with property change notifications
StackLayoutOptionsPage.xaml/.cs	Configuration page allowing users to modify layout properties through a toolbar-accessible options menu
StackLayoutControlPage.xaml/.cs	Main interactive demonstration page showcasing both horizontal and vertical stack layouts with nesting examples
CorePageView.cs	Adds the new StackLayout Feature Matrix entry to the test application's main gallery navigation

Copilot · 2025-09-02T14:56:45Z

...rols/tests/TestCases.HostApp/FeatureMatrix/HorizontalStackLayout/StackLayoutOptionsPage.xaml

+             xmlns:local="clr-namespace:Maui.Controls.Sample"
+             x:Class="Maui.Controls.Sample.StackLayoutOptionsPage"
+             x:DataType="local:StackLayoutViewModel"
+             Title="tackLayoutOptionsPage">


The Title attribute has a typo. It should be 'StackLayoutOptionsPage' instead of 'tackLayoutOptionsPage'.

Suggested change

Title="tackLayoutOptionsPage">

Title="StackLayoutOptionsPage">

Copilot · 2025-09-02T14:56:46Z

...s/tests/TestCases.HostApp/FeatureMatrix/HorizontalStackLayout/StackLayoutControlPage.xaml.cs

+
+	private async void NavigateToOptionsPage_Clicked(object sender, EventArgs e)
+	{
+		BindingContext = _viewModel = new StackLayoutViewModel();


Creating a new StackLayoutViewModel instance discards any changes made in the current view model. This should retain the existing _viewModel state instead of creating a new instance.

Suggested change

BindingContext = _viewModel = new StackLayoutViewModel();

BindingContext = _viewModel;

Copilot · 2025-09-02T14:56:46Z

src/Controls/tests/TestCases.Shared.Tests/Tests/FeatureMatrix/StackLayoutFeatureTests.cs

+
+#if ANDROID || IOS
+	[Test]
+	public void HorizontalStackLayout_Spacing_WithLandspace()


Method names contain a typo. 'WithLandspace' should be 'WithLandscape'.

Copilot · 2025-09-02T14:56:47Z

src/Controls/tests/TestCases.Shared.Tests/Tests/FeatureMatrix/StackLayoutFeatureTests.cs

+	}
+
+	[Test]
+	public void VerticalStackLayout_Spacing_WithLandspace()


Method names contain a typo. 'WithLandspace' should be 'WithLandscape'.

jsuarezruiz · 2025-09-03T08:11:55Z

/azp run MAUI-UITests-public

azure-pipelines · 2025-09-03T08:12:07Z

Azure Pipelines successfully started running 1 pipeline(s).

jsuarezruiz

Pending snapshots:

Could you commit the images?

HarishKumarSF4517 · 2025-09-04T07:27:37Z

Hi @jsuarezruiz, I have committed the Images.

jsuarezruiz · 2025-09-05T11:41:13Z

/azp run MAUI-UITests-public

azure-pipelines · 2025-09-05T11:41:24Z

Azure Pipelines successfully started running 1 pipeline(s).

…yout

…ck Layout (#31393) * Added snapshots * Updated tests * Removed snapshots * Added Snapshots * Added base images * Updated the suggestions * Added the Snapshots --------- Co-authored-by: Shane Neuville <[email protected]>

HarishKumarSF4517 added 4 commits August 29, 2025 11:58

Added snapshots

9abffdf

Updated tests

8a40475

Removed snapshots

c436a2d

Added Snapshots

eabc65a

dotnet-policy-service bot added the community ✨ Community Contribution label Aug 29, 2025

dotnet-policy-service bot added the partner/syncfusion Issues / PR's with Syncfusion collaboration label Aug 29, 2025

jsuarezruiz self-assigned this Aug 29, 2025

jsuarezruiz added the layout-stack label Aug 29, 2025

jsuarezruiz suggested changes Sep 1, 2025

View reviewed changes

Added base images

e2fc113

ghost added the area-testing Unit tests, device tests label Sep 2, 2025

jsuarezruiz previously approved these changes Sep 2, 2025

View reviewed changes

HarishKumarSF4517 marked this pull request as ready for review September 2, 2025 14:54

Copilot AI review requested due to automatic review settings September 2, 2025 14:54

HarishKumarSF4517 requested a review from a team as a code owner September 2, 2025 14:54

HarishKumarSF4517 requested review from StephaneDelcroix and jfversluis September 2, 2025 14:54

Copilot AI reviewed Sep 2, 2025

View reviewed changes

Updated the suggestions

07e7cd1

HarishKumarSF4517 dismissed jsuarezruiz’s stale review via 07e7cd1 September 2, 2025 15:10

ghost requested a review from jsuarezruiz September 2, 2025 15:21

jsuarezruiz suggested changes Sep 4, 2025

View reviewed changes

Added the Snapshots

87e44af

jsuarezruiz approved these changes Sep 12, 2025

View reviewed changes

PureWeen changed the base branch from main to inflight/current September 12, 2025 18:10

Merge branch 'inflight/current' into feature_matrix_horizontalStackLa…

b607c22

…yout

PureWeen merged commit 2bada45 into dotnet:inflight/current Sep 12, 2025

github-actions bot locked and limited conversation to collaborators Oct 13, 2025

	Title="tackLayoutOptionsPage">
	Title="StackLayoutOptionsPage">

	BindingContext = _viewModel = new StackLayoutViewModel();
	BindingContext = _viewModel;

[Testing] Feature matrix UITest Cases for Horizontal and Vertical Stack Layout #31393

[Testing] Feature matrix UITest Cases for Horizontal and Vertical Stack Layout #31393

Uh oh!

Conversation

HarishKumarSF4517 commented Aug 29, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

dotnet-policy-service bot commented Aug 29, 2025

Uh oh!

jsuarezruiz commented Aug 29, 2025

Uh oh!

azure-pipelines bot commented Aug 29, 2025

Uh oh!

jsuarezruiz left a comment

Choose a reason for hiding this comment

Uh oh!

HarishKumarSF4517 commented Sep 1, 2025

Uh oh!

jsuarezruiz commented Sep 2, 2025

Uh oh!

azure-pipelines bot commented Sep 2, 2025

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Reviewed Changes

Uh oh!

Copilot AI Sep 2, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 2, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 2, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 2, 2025

Choose a reason for hiding this comment

Uh oh!

jsuarezruiz commented Sep 3, 2025

Uh oh!

azure-pipelines bot commented Sep 3, 2025

Uh oh!

jsuarezruiz left a comment

Choose a reason for hiding this comment

Uh oh!

HarishKumarSF4517 commented Sep 4, 2025

Uh oh!

jsuarezruiz commented Sep 5, 2025

Uh oh!

azure-pipelines bot commented Sep 5, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

HarishKumarSF4517 commented Aug 29, 2025 •

edited

Loading