Add Test to Scan All Pages for Axe Issues (microsoft#1361)

<!--- Provide a general summary of your changes in the Title above -->

## Description
<!--- Describe your changes in detail -->
- Add a test that physically navigates to each page via NavView and
check for Axe issues.
- Utilizes DynamicData attribute to create grouped tests based on
section category (ie. TreeView parent)
- This also tests for run-time crashes with each page. 
- Miscellaneous Axe fixes.

## Types of changes
<!--- What types of changes does your code introduce? Put an `x` in all
the boxes that apply: -->
- [ ] Bug fix (non-breaking change which fixes an issue)
- [x] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing
functionality to change)

UITests/AxeHelper.cs

@@ -45,7 +45,8 @@ public static void AssertNoAccessibilityErrors()
 				.Where(rule => rule.Rule.ID != RuleId.SiblingUniqueAndFocusable);
             if (testResult.Any())
 			{
-				var mappedResult = testResult.Select(result => "Element " + result.Element.Properties["ControlType"] + " violated rule '" + result.Rule.Description + "'.");
+				var mappedResult = testResult.Select(result =>
+				"Element " + result.Element.Properties["ControlType"] + " violated rule '" + result.Rule.Description + "'.");
 				Assert.Fail("Failed with the following accessibility errors \r\n" + string.Join("\r\n", mappedResult));
 			}
 		}

UITests/Tests/AxeScanAllTests.cs

@@ -0,0 +1,116 @@
+using Microsoft.VisualStudio.TestTools.UnitTesting;
+using Microsoft.VisualStudio.TestPlatform;
+using OpenQA.Selenium.Appium.Windows;
+using System;
+using System.Linq;
+using System.Text.Json;
+using System.IO;
+using System.Collections.ObjectModel;
+using System.Collections;
+using System.Collections.Generic;
+using System.Xml;
+using System.Reflection;
+using Newtonsoft.Json;
+
+namespace UITests.Tests
+{
+    [TestClass]
+    public class AxeScanAll : TestBase
+    {       
+        public static readonly string jsonUri = "ControlInfoData.json";
+        public static new WindowsDriver<WindowsElement> Session => SessionManager.Session;
+
+        public static string[] ExclusionList =
+        {
+            "WebView2", // 46668961: Web contents from WebView2 are throwing null BoundingRectangle errors.
+            "Icons" // https://github.com/CommunityToolkit/Windows/issues/240 External toolkit SettingsExpander does not pass Axe testing
+        };
+
+        public class ControlInfoData
+        {
+            public List<Group> Groups { get; set; }
+        }
+
+        public class Group
+        {
+            [JsonProperty("UniqueId")]
+            public string UniqueId { get; set; }
+
+            [JsonProperty("Items")]
+            public List<Item> Items { get; set; }
+        }
+
+        public class Item
+        {
+            [JsonProperty("UniqueId")]
+            public string UniqueId { get; set; }
+        }
+
+        private static IEnumerable<object[]> TestData()
+        {
+            var testCases = new List<object[]>();
+
+            string jsonContent = System.IO.File.ReadAllText(jsonUri);
+            var controlInfoData = JsonConvert.DeserializeObject<ControlInfoData>(jsonContent);
+
+            foreach (var group in controlInfoData.Groups)
+            {
+                var sectionName = group.UniqueId;
+
+                // Select all row names within the current table
+                var items = group.Items;
+
+                foreach (var item in items)
+                {
+                    var pageName = item.UniqueId;
+
+                    // Skip pages in the exclusion list.
+                    if (ExclusionList.Contains(pageName))
+                    {
+                        continue;
+                    }
+                    testCases.Add(new object[] { sectionName, pageName });
+                }
+            }
+
+            return testCases;
+        }
+
+        [ClassInitialize]
+        public static void ClassInitialize(TestContext context)
+        {
+        }
+
+        [TestMethod]
+        [DynamicData(nameof(TestData), DynamicDataSourceType.Method, DynamicDataDisplayName = nameof(GetCustomDynamicDataDisplayName))]
+        [TestProperty("Description", "Scan pages in the WinUIGallery for accessibility issues.")]
+        public void ValidatePageAccessibilityWithAxe(string sectionName, string pageName)
+        {
+            try
+            {
+                // Click into page and check for accessibility issues.
+                var page = Session.FindElementByAccessibilityId(pageName);
+                page.Click();
+
+                AxeHelper.AssertNoAccessibilityErrors();
+            }
+            catch
+            {
+                // If element is not found, expand tree view as it is nested.
+                var section = Session.FindElementByAccessibilityId(sectionName);
+                section.Click();
+
+                // Click into page and check for accessibility issues.
+                var page = Session.FindElementByAccessibilityId(pageName);
+                page.Click();
+
+                AxeHelper.AssertNoAccessibilityErrors();
+            }
+        }
+
+        public static string GetCustomDynamicDataDisplayName(MethodInfo methodInfo, object[] data)
+        {
+            return string.Format("Validate{0}PageAccessibility", data[1]);
+        }
+    }
+}

UITests/Tests/Button.cs

@@ -32,12 +32,6 @@ public static void ClassInitialize(TestContext context)
             Assert.IsNotNull(buttonElement);
         }
 
-        [TestMethod]
-        public void ValidateAccessibilityWithAxe()
-        {
-            AxeHelper.AssertNoAccessibilityErrors();
-        }
-
 		[TestMethod]
         public void Button_Click()
         {

UITests/Tests/CheckBox.cs

@@ -34,12 +34,6 @@ public static void ClassInitialize(TestContext context)
             Assert.IsNotNull(checkBoxElement2);
         }
 
-		[TestMethod]
-		public void ValidateAccessibilityWithAxe()
-		{
-			AxeHelper.AssertNoAccessibilityErrors();
-		}
-
 		[TestMethod]
         public void Click()
         {

UITests/Tests/ComboBox.cs

@@ -36,17 +36,9 @@ public static void ClassInitialize(TestContext context)
             Assert.IsNotNull(comboBoxElement2);
         }
 
-		[TestMethod]
-		public void ValidateAccessibilityWithAxe()
-		{
-			AxeHelper.AssertNoAccessibilityErrors();
-		}
-
 		[TestMethod]
         public void Click()
         {
-
-
             // Click comboBoxElement1 to show the list and simply dismiss it
             var originalSelectedItem = comboBoxElement1.Text;
             comboBoxElement1.Click();

UITests/Tests/DatePicker.cs

@@ -37,12 +37,6 @@ public static void ClassInitialize(TestContext context)
             Assert.IsNotNull(datePickerElement2);
         }
 
-		[TestMethod]
-		public void ValidateAccessibilityWithAxe()
-		{
-			AxeHelper.AssertNoAccessibilityErrors();
-		}
-
 		[TestMethod]
         public void Click()
         {

UITests/Tests/MediaPlayerElement.cs

@@ -35,12 +35,6 @@ public static void ClassInitialize(TestContext context)
 			GetElementByName("MediaPlayerElement").Click();
 		}
 
-		[TestMethod]
-		public void ValidateAccessibilityWithAxe()
-		{
-			AxeHelper.AssertNoAccessibilityErrors();
-		}
-
 		[TestMethod]
         public void PlayMedia()
         {

UITests/Tests/PersonPicture.cs

@@ -28,12 +28,6 @@ public static void ClassInitialize(TestContext context)
 			OpenControlPage("PersonPicture");
 		}
 
-		[TestMethod]
-		public void ValidateAccessibilityWithAxe()
-		{
-			AxeHelper.AssertNoAccessibilityErrors();
-		}
-
 		[TestMethod]
 		public void SwitchOptions()
 		{

UITests/Tests/ProgressBar.cs

@@ -37,12 +37,6 @@ public static void ClassInitialize(TestContext context)
             Assert.IsNotNull(clickAndHoldButton);
 		}
 
-		[TestMethod]
-		public void ValidateAccessibilityWithAxe()
-		{
-			AxeHelper.AssertNoAccessibilityErrors();
-		}
-
 		[TestMethod]
         public void Displayed()
         {

UITests/Tests/RadioButton.cs

@@ -36,12 +36,6 @@ public static void ClassInitialize(TestContext context)
             Assert.IsNotNull(radioButtonElement2);
         }
 
-		[TestMethod]
-		public void ValidateAccessibilityWithAxe()
-		{
-			AxeHelper.AssertNoAccessibilityErrors();
-		}
-
 		[TestMethod]
         public void Click()
         {

UITests/Tests/Slider.cs

@@ -36,12 +36,6 @@ public static void ClassInitialize(TestContext context)
             Assert.IsNotNull(sliderElement2);
         }
 
-		[TestMethod]
-		public void ValidateAccessibilityWithAxe()
-		{
-			AxeHelper.AssertNoAccessibilityErrors();
-		}
-
 		[TestMethod]
         public void Click()
         {

UITests/Tests/TextBlock.cs

@@ -37,12 +37,6 @@ public static void ClassInitialize(TestContext context)
             Assert.IsNotNull(textBlockElement2);
         }
 
-		[TestMethod]
-		public void ValidateAccessibilityWithAxe()
-		{
-			AxeHelper.AssertNoAccessibilityErrors();
-		}
-
 		[TestMethod]
         public void Displayed()
         {

UITests/Tests/TextBox.cs

@@ -38,12 +38,6 @@ public static void ClassInitialize(TestContext context)
             Assert.IsNotNull(textBoxElement2);
         }
 
-		[TestMethod]
-		public void ValidateAccessibilityWithAxe()
-		{
-			AxeHelper.AssertNoAccessibilityErrors();
-		}
-
 		[TestMethod]
         public void Clear()
         {

UITests/Tests/ToggleButton.cs

@@ -33,12 +33,6 @@ public static void ClassInitialize(TestContext context)
             Assert.IsNotNull(toggleButtonElement);
         }
 
-		[TestMethod]
-		public void ValidateAccessibilityWithAxe()
-		{
-			AxeHelper.AssertNoAccessibilityErrors();
-		}
-
 		[TestMethod]
         public void Click()
         {

UITests/Tests/ToggleSwitch.cs

@@ -33,12 +33,6 @@ public static void ClassInitialize(TestContext context)
             Assert.IsNotNull(toggleSwitchElement);
         }
 
-		[TestMethod]
-		public void ValidateAccessibilityWithAxe()
-		{
-			AxeHelper.AssertNoAccessibilityErrors();
-		}
-
 		[TestMethod]
         public void Click()
         {

UITests/UITests.csproj

@@ -8,11 +8,22 @@
         <RuntimeIdentifiers>win10-x86;win10-x64;win10-arm64</RuntimeIdentifiers>
     </PropertyGroup>
 
+    <!-- Build output related paths -->
+    <PropertyGroup>
+        <ProjectRoot>$(MSBuildThisFileDirectory)..\</ProjectRoot>
+        <ArtifactsBinRoot>$(MSBuildThisFileDirectory)\bin\</ArtifactsBinRoot>
+        <TestBinplaceDestinationPath>\$(Platform)\$(Configuration)\$(TargetFramework)</TestBinplaceDestinationPath>
+    </PropertyGroup>
+
     <ItemGroup>
         <PackageReference Include="Appium.WebDriver" Version="4.4.0" />
         <PackageReference Include="Axe.Windows" Version="2.1.0" />
         <PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.5.0" />
         <PackageReference Include="MSTest.TestAdapter" Version="3.0.2" />
         <PackageReference Include="MSTest.TestFramework" Version="3.0.2" />
     </ItemGroup>
+
+  <Target Name="CopyControlInfoData" AfterTargets="AfterBuild">
+      <Copy SourceFiles="$(ProjectRoot)\WinUIGallery\DataModel\ControlInfoData.json" DestinationFiles="$(ArtifactsBinRoot)\$(TestBinplaceDestinationPath)\ControlInfoData.json" />
+  </Target>
 </Project>

WinUIGallery/ControlPages/DesignGuidance/IconsPage.xaml

@@ -110,6 +110,7 @@
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
         <TextBlock Text="With the release of Windows 11, Segoe Fluent Icons is the recommended icon font." />
+
         <toolkit:SettingsExpander
             Grid.Row="1"
             Header="Instructions on how to use Segoe Fluent Icons"

WinUIGallery/ControlPages/InfoBadgePage.xaml

@@ -99,7 +99,7 @@
 
         <local:ControlExample x:Name="Example3" HeaderText="Placing an InfoBadge Inside Another Control" HorizontalContentAlignment="Stretch" >
             <local:ControlExample.Example>
-                <Button Padding="0" Width="200" Height="60" ToolTipService.ToolTip="Refresh required"
+                <Button x:Name="Example3Button" AutomationProperties.Name="Example3Button" Padding="0" Width="200" Height="60" ToolTipService.ToolTip="Refresh required"
                         HorizontalAlignment="Center" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">
                     <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="Auto" Height="Auto">
                         <SymbolIcon Symbol="Sync" HorizontalAlignment="Center"/>

WinUIGallery/ControlPages/RichTextBlockPage.xaml

@@ -64,11 +64,11 @@
                             TextAlignment="Justify" Margin="12,0">
                         <Paragraph>Linked text containers allow text which does not fit in one element to overflow into a different element on the page. Creative use of linked text containers enables basic multicolumn support and other advanced page layouts.</Paragraph>
                         <Paragraph>Duis sed nulla metus, id hendrerit velit. Curabitur dolor purus, bibendum eu cursus lacinia, interdum vel augue. Aenean euismod eros et sapien vehicula dictum. Duis ullamcorper, turpis nec feugiat tincidunt, dui erat luctus risus, aliquam accumsan lacus est vel quam. Nunc lacus massa, varius eget accumsan id, congue sed orci. Duis dignissim hendrerit egestas. Proin ut turpis magna, sit amet porta erat. Nunc semper metus nec magna imperdiet nec vestibulum dui fringilla. Sed sed ante libero, nec porttitor mi. Ut luctus, neque vitae placerat egestas, urna leo auctor magna, sit amet ultricies ipsum felis quis sapien. Proin eleifend varius dui, at vestibulum nunc consectetur nec. Mauris nulla elit, ultrices a sodales non, aliquam ac est. Quisque sit amet risus nulla. Quisque vestibulum posuere velit, vitae vestibulum eros scelerisque sit amet. In in risus est, at laoreet dolor. Nullam aliquet pellentesque convallis. Ut vel tincidunt nulla. Mauris auctor tincidunt auctor.
-              Aenean orci ante, vulputate ac sagittis sit amet, consequat at mi. Morbi elementum purus consectetur nisi adipiscing vitae blandit sapien placerat. Aliquam adipiscing tortor non sem lobortis consectetur mattis felis rhoncus. Nunc eu nunc rhoncus arcu sollicitudin ultrices. In vulputate eros in mauris aliquam id dignissim nisl laoreet.</Paragraph>
+                          Aenean orci ante, vulputate ac sagittis sit amet, consequat at mi. Morbi elementum purus consectetur nisi adipiscing vitae blandit sapien placerat. Aliquam adipiscing tortor non sem lobortis consectetur mattis felis rhoncus. Nunc eu nunc rhoncus arcu sollicitudin ultrices. In vulputate eros in mauris aliquam id dignissim nisl laoreet.</Paragraph>
                     </RichTextBlock>
-                    <RichTextBlockOverflow x:Name="firstOverflowContainer" Grid.Column="1"
+                    <RichTextBlockOverflow x:Name="firstOverflowContainer" AutomationProperties.Name="firstOverflowContainer" Grid.Column="1"
                             OverflowContentTarget="{x:Bind secondOverflowContainer}" Margin="12,0" />
-                    <RichTextBlockOverflow x:Name="secondOverflowContainer" Grid.Column="2" Margin="12,0" />
+                    <RichTextBlockOverflow x:Name="secondOverflowContainer" AutomationProperties.Name="secondOverflowContainer" Grid.Column="2" Margin="12,0" />
                 </Grid>
             </local:ControlExample.Example>
             <local:ControlExample.Xaml>

WinUIGallery/Controls/SampleCodePresenter.xaml.cs

@@ -25,6 +25,7 @@
 using AppUIBasics.Common;
 using System.Reflection;
 using System.IO;
+using Microsoft.UI.Xaml.Automation;
 
 namespace AppUIBasics.Controls
 {
@@ -226,6 +227,10 @@ private void FormatAndRenderSampleFromString(string sampleString, ContentPresent
 
             actualCode = sampleString;
 
+            var name = GetSampleLanguageVisualState() == "InlineSample" ? actualCode : SampleHeader.Text;
+            var automationName = "Copy " + name + " Code";
+            AutomationProperties.SetName(CopyCodeButton, automationName);
+
 
             var formatter = GenerateRichTextFormatter();
             if (SampleType == SampleCodePresenterType.Inline)