[iOS] Tab Selected Icon Color not changing if using Font icons - fix (#…

…22437)

* Added a UITest (#22032)

* Fix #22032

* Added snapshots

* Updated test

* Fixed namespace

* Pending Android snapshot

* Update Issue22032.cs

* UI test improvements

---------

Co-authored-by: Javier Suárez <[email protected]>

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

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<TabbedPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="Maui.Controls.Sample.Issues.Issue22032"
+             SelectedTabColor="Red"
+             UnselectedTabColor="Green">
+    <ContentPage Title="Tab1">
+        <ContentPage.IconImageSource>
+            <FontImageSource
+                FontFamily="OpenSansRegular"
+                Glyph="₪"
+                Size="15" />
+        </ContentPage.IconImageSource>
+        <Button Text="Switch page"
+                Clicked="Button_Clicked"
+                AutomationId="button"/>
+    </ContentPage>
+    <ContentPage x:Name="tab2" Title="Tab2">
+        <ContentPage.IconImageSource>
+            <FontImageSource
+                FontFamily="OpenSansRegular"
+                Glyph="¼"
+                Size="15" />
+        </ContentPage.IconImageSource>
+        <Label
+             Text="Hello, Maui!"
+             TextColor="White"
+             AutomationId="label"/>
+    </ContentPage>
+</TabbedPage>

src/Controls/tests/TestCases.HostApp/Issues/Issue22032.xaml.cs

@@ -0,0 +1,22 @@
+using System;
+using System.ComponentModel;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui.Controls.Xaml;
+
+namespace Maui.Controls.Sample.Issues
+{
+	[XamlCompilation(XamlCompilationOptions.Compile)]
+	[Issue(IssueTracker.Github, 22032, "Shell FlyoutItem Tab Selected Icon Color not changing if using Font icons", PlatformAffected.iOS)]
+	public partial class Issue22032 : TabbedPage
+	{
+		public Issue22032()
+		{
+			InitializeComponent();
+		}
+
+		void Button_Clicked(object sender, EventArgs e)
+		{
+			CurrentPage = tab2;
+		}
+	}
+}

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

@@ -0,0 +1,25 @@
+using NUnit.Framework;
+using UITest.Appium;
+using UITest.Core;
+
+namespace Microsoft.Maui.TestCases.Tests.Issues
+{
+	public class Issue22032 : _IssuesUITest
+	{
+		public Issue22032(TestDevice device) : base(device) { }
+
+		public override string Issue => "Shell FlyoutItem Tab Selected Icon Color not changing if using Font icons";
+
+		[Test]
+		[Category(UITestCategories.TabbedPage)]
+		public void SelectedTabIconShouldChangeColor()
+		{
+			App.WaitForElement("button");
+			App.Click("button");
+			App.WaitForElement("label");
+
+			// The test passes if tab1 icon is green and tab2 red
+			VerifyScreenshot();
+		}
+	}
+}

src/Core/src/ImageSources/iOS/ImageSourceExtensions.cs

@@ -48,7 +48,7 @@ public static partial class ImageSourceExtensions
 			var image = UIGraphics.GetImageFromCurrentImageContext();
 			UIGraphics.EndImageContext();
 
-			return image.ImageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal);
+			return image.ImageWithRenderingMode(UIImageRenderingMode.Automatic);
 		}
 
 		internal static UIImage? GetPlatformImage(this IFileImageSource imageSource)