[Testing] Feature matrix UITest Cases for GraphicsView Control

src/Controls/tests/TestCases.HostApp/CoreViews/CorePageView.cs

@@ -97,6 +97,7 @@ public override string ToString()
 			new GalleryPageFactory(() => new BoxViewControlPage(), "BoxView Feature Matrix"),
 			new GalleryPageFactory(() => new HybridWebViewControlPage(), "HybridWebView Feature Matrix"),
 			new GalleryPageFactory(() => new ScrollViewControlPage(), "ScrollView Feature Matrix"),
+			new GalleryPageFactory(() => new GraphicsViewControlPage(), "GraphicsView Feature Matrix"),
 		};
 
 		public CorePageView(Page rootPage)

src/Controls/tests/TestCases.HostApp/FeatureMatrix/GraphicsView/GraphicsViewControlPage.xaml

@@ -0,0 +1,102 @@
+<?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.GraphicsViewControlMainPage"
+             Title="GraphicsViewFeature">
+
+    <ContentPage.ToolbarItems>
+        <ToolbarItem Text="Options"
+                Clicked="NavigateToOptionsPage_Clicked"
+                AutomationId="Options"/>
+    </ContentPage.ToolbarItems>
+
+    <Grid Padding="20"
+            RowDefinitions="Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto"
+            ColumnDefinitions="0.5*, 0.5*"
+            RowSpacing="10">
+        <!-- GraphicsView Control -->
+        <GraphicsView x:Name="graphicsView"
+                Grid.Row="0"
+                Grid.Column="0"
+                Grid.ColumnSpan="2"
+                      Drawable="{Binding Drawable}"
+                      IsVisible="{Binding IsVisible}"
+                      IsEnabled="{Binding IsEnabled}"
+                      FlowDirection="{Binding FlowDirection}"
+                      Shadow="{Binding Shadow}"
+                      HeightRequest="{Binding HeightRequest}"
+                      WidthRequest="{Binding WidthRequest}"
+                      StartHoverInteraction="OnStartHoverInteraction"
+                      MoveHoverInteraction="OnMoveHoverInteraction"
+                      EndHoverInteraction="OnEndHoverInteraction"
+                      StartInteraction="OnStartInteraction"
+                      DragInteraction="OnDragInteraction"
+                      EndInteraction="OnEndInteraction"
+                      CancelInteraction="OnCancelInteraction"
+                      Margin="0,100,0,100"
+                AutomationId="GraphicsViewControl"/>
+
+        <!-- Drawable Type -->
+        <Label Grid.Row="1"
+                Grid.Column="0"
+               Text="Drawable Type:"
+               FontSize="16"
+               VerticalTextAlignment="Start"
+               HorizontalTextAlignment="Start"
+               Margin="80,0,10,10"/>
+        <Label Grid.Row="1"
+                Grid.Column="1"
+               Text="{Binding DrawableTypeLabel}"
+               FontSize="16"
+               VerticalTextAlignment="Start"
+               HorizontalTextAlignment="Start"
+                AutomationId="DrawableTypeLabel"/>
+
+        <Label Grid.Row="2"
+                Grid.Column="0"
+                FontSize="16"
+               Text="Triggered Events:"
+                IsVisible="{Binding IsEventStatusLabelVisible}"
+               VerticalTextAlignment="Start"
+               HorizontalTextAlignment="Start"
+               Margin="80,0,10,10"/>
+
+        <Label Grid.Row="2"
+               Grid.Column="1"
+               Text="{Binding InteractionEvent}"
+               FontSize="14"
+               VerticalTextAlignment="Start"
+               HorizontalTextAlignment="Start"
+               Margin="0,0,10,10"
+               LineBreakMode="WordWrap"
+               MaxLines="10"
+               AutomationId="InteractionEventLabel"/>
+
+        <Label Grid.Row="3" Grid.Column="0" Text="Drawable Dimensions:" FontSize="16" VerticalTextAlignment="Start" HorizontalTextAlignment="Start" Margin="80,0,10,10" />
+        <Label Grid.Row="3" Grid.Column="1" Text="{Binding DrawableDimensions}" FontSize="16" VerticalTextAlignment="Start" HorizontalTextAlignment="Start" AutomationId="DrawableDimensionsLabel" />
+
+        <!-- Clear Events Button -->
+        <Button Grid.Row="4"
+                Grid.Column="0"
+                Text="Clear Events"
+                Clicked="OnClearEventsClicked"
+                BackgroundColor="LightCoral"
+                TextColor="White"
+                FontSize="14"
+                Margin="80,5,10,5"
+                AutomationId="ClearEventsButton"/>
+
+        <!-- Invalidate Button -->
+        <Button Grid.Row="4"
+                Grid.Column="1"
+                Text="Invalidate GraphicsView"
+                Clicked="OnInvalidateClicked"
+                BackgroundColor="LightBlue"
+                TextColor="DarkBlue"
+                FontSize="14"
+                Margin="10,5,80,5"
+                AutomationId="InvalidateButton"/>
+
+    </Grid>
+</ContentPage>

src/Controls/tests/TestCases.HostApp/FeatureMatrix/GraphicsView/GraphicsViewControlPage.xaml.cs

@@ -0,0 +1,114 @@
+using System;
+using System.ComponentModel;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui.Graphics;
+using System.Diagnostics;
+
+namespace Maui.Controls.Sample;
+
+public class GraphicsViewControlPage : NavigationPage
+{
+    private GraphicsViewViewModel _viewModel;
+
+    public GraphicsViewControlPage()
+    {
+        _viewModel = new GraphicsViewViewModel();
+        PushAsync(new GraphicsViewControlMainPage(_viewModel));
+    }
+}
+
+public partial class GraphicsViewControlMainPage : ContentPage
+{
+    private GraphicsViewViewModel _viewModel;
+
+    public GraphicsViewControlMainPage(GraphicsViewViewModel viewModel)
+    {
+        InitializeComponent();
+        _viewModel = viewModel;
+        BindingContext = _viewModel;
+
+        // Ensure GraphicsView invalidates when drawable changes
+        _viewModel.RequestInvalidate = () => graphicsView.Invalidate();
+
+        // Set default drawable
+        _viewModel.SelectedDrawable = DrawableType.Square;
+    }
+
+    private async void NavigateToOptionsPage_Clicked(object sender, EventArgs e)
+    {
+        BindingContext = _viewModel = new GraphicsViewViewModel(); // Ensure the ViewModel is set for the options page
+        await Navigation.PushAsync(new GraphicsViewOptionsPage(_viewModel));
+    }
+
+    private void OnStartHoverInteraction(object sender, TouchEventArgs e)
+    {
+        _viewModel.AddInteractionEvent("StartHoverInteraction");
+    }
+
+    private void OnMoveHoverInteraction(object sender, TouchEventArgs e)
+    {
+        _viewModel.AddInteractionEvent("MoveHoverInteraction");
+    }
+
+    private void OnEndHoverInteraction(object sender, EventArgs e)
+    {
+        _viewModel.AddInteractionEvent("EndHoverInteraction");
+    }
+
+    private void OnStartInteraction(object sender, TouchEventArgs e)
+    {
+        _viewModel.AddInteractionEvent("StartInteraction");
+    }
+
+    private void OnDragInteraction(object sender, TouchEventArgs e)
+    {
+        _viewModel.AddInteractionEvent("DragInteraction");
+    }
+
+    private void OnEndInteraction(object sender, EventArgs e)
+    {
+        _viewModel.AddInteractionEvent("EndInteraction");
+    }
+
+    private void OnCancelInteraction(object sender, EventArgs e)
+    {
+        _viewModel.AddInteractionEvent("CancelInteraction");
+    }
+
+    private void OnInvalidateClicked(object sender, EventArgs e)
+    {
+        // Use a constant color for consistent screenshot testing
+        _viewModel.CurrentDrawColor = Colors.Green;
+
+        // Call Invalidate on the GraphicsView to force a redraw
+        graphicsView.Invalidate();
+
+        // Add the invalidate event to the history with color information
+        _viewModel.AddInteractionEvent($"Invalidate() called - Color changed to {_viewModel.CurrentDrawColor}");
+    }
+
+    private void OnClearEventsClicked(object sender, EventArgs e)
+    {
+        // Clear the interaction event history
+        _viewModel.ClearInteractionHistory();
+    }
+
+    private void DisplayStoredDimensions()
+    {
+        var dimensions = _viewModel.GetDrawableDimensions(_viewModel.SelectedDrawable);
+        if (dimensions.HasValue)
+        {
+            Debug.WriteLine($"Stored Dimensions for {_viewModel.SelectedDrawable}: Width = {dimensions.Value.Width}, Height = {dimensions.Value.Height}");
+        }
+        else
+        {
+            Debug.WriteLine($"No stored dimensions found for {_viewModel.SelectedDrawable}.");
+        }
+    }
+
+    protected override void OnAppearing()
+    {
+        base.OnAppearing();
+        DisplayStoredDimensions();
+    }
+}

src/Controls/tests/TestCases.HostApp/FeatureMatrix/GraphicsView/GraphicsViewOptionsPage.xaml

@@ -0,0 +1,138 @@
+<?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.GraphicsViewOptionsPage"
+             Title="GraphicsViewFeature">
+  <ContentPage.ToolbarItems>
+    <ToolbarItem Text="Apply"
+        Clicked="ApplyButton_Clicked"
+        AutomationId="Apply"/>
+  </ContentPage.ToolbarItems>
+
+  <Grid Padding="10"
+      ColumnDefinitions="*, *"
+      RowDefinitions="Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto"
+      ColumnSpacing="15">
+    <!-- Left Column -->
+    <StackLayout Grid.Column="0"
+        Padding="10"
+        Spacing="8">
+
+      <Label Text="Drawable Type:"
+          FontSize="15"/>
+      <StackLayout Orientation="Vertical">
+        <RadioButton x:Name="DrawableSquare"
+            AutomationId="Square"
+            GroupName="DrawableType"
+            Content="Square"
+            IsChecked="True"
+            CheckedChanged="OnDrawableChanged"/>
+        <RadioButton x:Name="DrawableTriangle"
+            AutomationId="Triangle"
+            GroupName="DrawableType"
+            Content="Triangle"
+            CheckedChanged="OnDrawableChanged"/>
+        <RadioButton x:Name="DrawableEllipse"
+            AutomationId="Ellipse"
+            GroupName="DrawableType"
+            Content="Ellipse"
+            CheckedChanged="OnDrawableChanged"/>
+        <RadioButton x:Name="DrawableLine"
+            AutomationId="Line"
+            GroupName="DrawableType"
+            Content="Line"
+            CheckedChanged="OnDrawableChanged"/>
+        <RadioButton x:Name="DrawableString"
+            AutomationId="String"
+            GroupName="DrawableType"
+            Content="String"
+            CheckedChanged="OnDrawableChanged"/>
+        <RadioButton x:Name="DrawableImage"
+            AutomationId="Image"
+            GroupName="DrawableType"
+            Content="Image"
+            CheckedChanged="OnDrawableChanged"/>
+        <RadioButton x:Name="DrawableTransparentEllipse"
+            AutomationId="TransparentEllipse"
+            GroupName="DrawableType"
+            Content="TransparentEllipse"
+            CheckedChanged="OnDrawableChanged"/>
+      </StackLayout>
+
+      <!-- Is Enabled -->
+      <Label Text="Is Enabled:"
+          FontSize="15"/>
+      <StackLayout Orientation="Horizontal">
+        <RadioButton x:Name="IsEnabledTrueRadio"
+            AutomationId="IsEnabledTrueRadio"
+            GroupName="IsEnabled"
+            Content="True"
+            IsChecked="True"
+            FontSize="14"
+            CheckedChanged="OnIsEnabledCheckedChanged"/>
+        <RadioButton x:Name="IsEnabledFalseRadio"
+            AutomationId="IsEnabledFalseRadio"
+            GroupName="IsEnabled"
+            Content="False"
+            FontSize="14"
+            CheckedChanged="OnIsEnabledCheckedChanged"/>
+      </StackLayout>
+
+      <!-- Is Visible -->
+      <Label Text="Is Visible:"
+          FontSize="15"/>
+      <StackLayout Orientation="Horizontal">
+        <RadioButton x:Name="IsVisibleTrueRadio"
+            AutomationId="IsVisibleTrueRadio"
+            GroupName="IsVisible"
+            Content="True"
+            IsChecked="True"
+            FontSize="14"
+            CheckedChanged="OnIsVisibleCheckedChanged"/>
+        <RadioButton x:Name="IsVisibleFalseRadio"
+            AutomationId="IsVisibleFalseRadio"
+            GroupName="IsVisible"
+            Content="False"
+            FontSize="14"
+            CheckedChanged="OnIsVisibleCheckedChanged"/>
+      </StackLayout>
+
+      <!-- Shadow Properties -->
+      <Label Text="Shadow (OffsetX,OffsetY,Radius,Opacity):"
+          FontSize="15"/>
+      <Entry x:Name="ShadowInputEntry"
+          Text=""
+          Keyboard="Text"
+          AutomationId="ShadowInputEntry"
+          TextChanged="OnShadowInputChanged"/>
+    </StackLayout>
+
+    <StackLayout Grid.Column="1"
+        Padding="10"
+        Spacing="12">
+      <!-- GraphicsView Height -->
+      <Label Text="GraphicsView Height:"
+          FontSize="15"/>
+      <StackLayout Orientation="Horizontal"
+          Spacing="5">
+        <Entry x:Name="HeightRequestEntry"
+            Text="{Binding HeightRequest}"
+            Keyboard="Numeric"
+            AutomationId="HeightRequestEntry"/>
+      </StackLayout>
+
+      <!-- GraphicsView Width -->
+      <Label Text="GraphicsView Width:"
+          FontSize="15"/>
+      <StackLayout Orientation="Horizontal"
+          Spacing="5">
+        <Entry x:Name="WidthRequestEntry"
+            Text="{Binding WidthRequest}"
+            Keyboard="Numeric"
+            AutomationId="WidthRequestEntry"/>
+      </StackLayout>
+
+    </StackLayout>
+  </Grid>
+</ContentPage>