Add Support for accessibilityLiveRegion Prop

change/@react-native-windows-automation-channel-e3e061a4-0e5e-4c70-9158-8b61d0eebe2a.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Add Tests",
+  "packageName": "@react-native-windows/automation-channel",
+  "email": "34109996+chiaramooney@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/react-native-windows-2f3ac2ef-b7c1-4ca2-b10d-ec0d29508646.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Add Tests",
+  "packageName": "react-native-windows",
+  "email": "34109996+chiaramooney@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/@react-native-windows/automation-channel/windows/AutomationChannel/packages.lock.json

@@ -2,21 +2,21 @@
   "version": 1,
   "dependencies": {
     "native,Version=v0.0": {
-      "Microsoft.UI.Xaml": {
-        "type": "Direct",
-        "requested": "[2.8.0, )",
-        "resolved": "2.8.0",
-        "contentHash": "vxdHxTr63s5KVtNddMFpgvjBjUH50z7seq/5jLWmmSuf8poxg+sXrywkofUdE8ZstbpO9y3FL/IXXUcPYbeesA==",
-        "dependencies": {
-          "Microsoft.Web.WebView2": "1.0.1264.42"
-        }
-      },
       "Microsoft.Windows.CppWinRT": {
         "type": "Direct",
         "requested": "[2.0.230706.1, )",
         "resolved": "2.0.230706.1",
         "contentHash": "l0D7oCw/5X+xIKHqZTi62TtV+1qeSz7KVluNFdrJ9hXsst4ghvqQ/Yhura7JqRdZWBXAuDS0G0KwALptdoxweQ=="
       },
+      "Microsoft.WindowsAppSDK": {
+        "type": "Direct",
+        "requested": "[1.5.240227000, )",
+        "resolved": "1.5.240227000",
+        "contentHash": "6rESOsREi8534J7IDpNfFYPvxQaSleXKt4A7ZYPeQyckNMQ0o1W0jZ420bJbEMz9Cw/S/8IbpPftLLZ9w/GTCQ==",
+        "dependencies": {
+          "Microsoft.Windows.SDK.BuildTools": "10.0.22621.756"
+        }
+      },
       "boost": {
         "type": "Transitive",
         "resolved": "1.83.0",
@@ -46,10 +46,10 @@
           "Microsoft.SourceLink.Common": "1.1.1"
         }
       },
-      "Microsoft.Web.WebView2": {
+      "Microsoft.Windows.SDK.BuildTools": {
         "type": "Transitive",
-        "resolved": "1.0.1264.42",
-        "contentHash": "7OBUTkzQ5VI/3gb0ufi5U4zjuCowAJwQg2li0zXXzqkM+S1kmOlivTy1R4jAW+gY5Vyg510M+qMAESCQUjrfgA=="
+        "resolved": "10.0.22621.756",
+        "contentHash": "7ZL2sFSioYm1Ry067Kw1hg0SCcW5kuVezC2SwjGbcPE61Nn+gTbH86T73G3LcEOVj0S3IZzNuE/29gZvOLS7VA=="
       },
       "common": {
         "type": "Project",
@@ -74,7 +74,7 @@
           "Folly": "[1.0.0, )",
           "Microsoft.JavaScript.Hermes": "[0.1.23, )",
           "Microsoft.SourceLink.GitHub": "[1.1.1, )",
-          "Microsoft.UI.Xaml": "[2.8.0, )",
+          "Microsoft.WindowsAppSDK": "[1.5.240227000, )",
           "ReactCommon": "[1.0.0, )",
           "boost": "[1.83.0, )"
         }
@@ -88,52 +88,80 @@
       }
     },
     "native,Version=v0.0/win10-arm": {
-      "Microsoft.Web.WebView2": {
-        "type": "Transitive",
-        "resolved": "1.0.1264.42",
-        "contentHash": "7OBUTkzQ5VI/3gb0ufi5U4zjuCowAJwQg2li0zXXzqkM+S1kmOlivTy1R4jAW+gY5Vyg510M+qMAESCQUjrfgA=="
+      "Microsoft.WindowsAppSDK": {
+        "type": "Direct",
+        "requested": "[1.5.240227000, )",
+        "resolved": "1.5.240227000",
+        "contentHash": "6rESOsREi8534J7IDpNfFYPvxQaSleXKt4A7ZYPeQyckNMQ0o1W0jZ420bJbEMz9Cw/S/8IbpPftLLZ9w/GTCQ==",
+        "dependencies": {
+          "Microsoft.Windows.SDK.BuildTools": "10.0.22621.756"
+        }
       }
     },
     "native,Version=v0.0/win10-arm-aot": {
-      "Microsoft.Web.WebView2": {
-        "type": "Transitive",
-        "resolved": "1.0.1264.42",
-        "contentHash": "7OBUTkzQ5VI/3gb0ufi5U4zjuCowAJwQg2li0zXXzqkM+S1kmOlivTy1R4jAW+gY5Vyg510M+qMAESCQUjrfgA=="
+      "Microsoft.WindowsAppSDK": {
+        "type": "Direct",
+        "requested": "[1.5.240227000, )",
+        "resolved": "1.5.240227000",
+        "contentHash": "6rESOsREi8534J7IDpNfFYPvxQaSleXKt4A7ZYPeQyckNMQ0o1W0jZ420bJbEMz9Cw/S/8IbpPftLLZ9w/GTCQ==",
+        "dependencies": {
+          "Microsoft.Windows.SDK.BuildTools": "10.0.22621.756"
+        }
       }
     },
     "native,Version=v0.0/win10-arm64-aot": {
-      "Microsoft.Web.WebView2": {
-        "type": "Transitive",
-        "resolved": "1.0.1264.42",
-        "contentHash": "7OBUTkzQ5VI/3gb0ufi5U4zjuCowAJwQg2li0zXXzqkM+S1kmOlivTy1R4jAW+gY5Vyg510M+qMAESCQUjrfgA=="
+      "Microsoft.WindowsAppSDK": {
+        "type": "Direct",
+        "requested": "[1.5.240227000, )",
+        "resolved": "1.5.240227000",
+        "contentHash": "6rESOsREi8534J7IDpNfFYPvxQaSleXKt4A7ZYPeQyckNMQ0o1W0jZ420bJbEMz9Cw/S/8IbpPftLLZ9w/GTCQ==",
+        "dependencies": {
+          "Microsoft.Windows.SDK.BuildTools": "10.0.22621.756"
+        }
       }
     },
     "native,Version=v0.0/win10-x64": {
-      "Microsoft.Web.WebView2": {
-        "type": "Transitive",
-        "resolved": "1.0.1264.42",
-        "contentHash": "7OBUTkzQ5VI/3gb0ufi5U4zjuCowAJwQg2li0zXXzqkM+S1kmOlivTy1R4jAW+gY5Vyg510M+qMAESCQUjrfgA=="
+      "Microsoft.WindowsAppSDK": {
+        "type": "Direct",
+        "requested": "[1.5.240227000, )",
+        "resolved": "1.5.240227000",
+        "contentHash": "6rESOsREi8534J7IDpNfFYPvxQaSleXKt4A7ZYPeQyckNMQ0o1W0jZ420bJbEMz9Cw/S/8IbpPftLLZ9w/GTCQ==",
+        "dependencies": {
+          "Microsoft.Windows.SDK.BuildTools": "10.0.22621.756"
+        }
       }
     },
     "native,Version=v0.0/win10-x64-aot": {
-      "Microsoft.Web.WebView2": {
-        "type": "Transitive",
-        "resolved": "1.0.1264.42",
-        "contentHash": "7OBUTkzQ5VI/3gb0ufi5U4zjuCowAJwQg2li0zXXzqkM+S1kmOlivTy1R4jAW+gY5Vyg510M+qMAESCQUjrfgA=="
+      "Microsoft.WindowsAppSDK": {
+        "type": "Direct",
+        "requested": "[1.5.240227000, )",
+        "resolved": "1.5.240227000",
+        "contentHash": "6rESOsREi8534J7IDpNfFYPvxQaSleXKt4A7ZYPeQyckNMQ0o1W0jZ420bJbEMz9Cw/S/8IbpPftLLZ9w/GTCQ==",
+        "dependencies": {
+          "Microsoft.Windows.SDK.BuildTools": "10.0.22621.756"
+        }
       }
     },
     "native,Version=v0.0/win10-x86": {
-      "Microsoft.Web.WebView2": {
-        "type": "Transitive",
-        "resolved": "1.0.1264.42",
-        "contentHash": "7OBUTkzQ5VI/3gb0ufi5U4zjuCowAJwQg2li0zXXzqkM+S1kmOlivTy1R4jAW+gY5Vyg510M+qMAESCQUjrfgA=="
+      "Microsoft.WindowsAppSDK": {
+        "type": "Direct",
+        "requested": "[1.5.240227000, )",
+        "resolved": "1.5.240227000",
+        "contentHash": "6rESOsREi8534J7IDpNfFYPvxQaSleXKt4A7ZYPeQyckNMQ0o1W0jZ420bJbEMz9Cw/S/8IbpPftLLZ9w/GTCQ==",
+        "dependencies": {
+          "Microsoft.Windows.SDK.BuildTools": "10.0.22621.756"
+        }
       }
     },
     "native,Version=v0.0/win10-x86-aot": {
-      "Microsoft.Web.WebView2": {
-        "type": "Transitive",
-        "resolved": "1.0.1264.42",
-        "contentHash": "7OBUTkzQ5VI/3gb0ufi5U4zjuCowAJwQg2li0zXXzqkM+S1kmOlivTy1R4jAW+gY5Vyg510M+qMAESCQUjrfgA=="
+      "Microsoft.WindowsAppSDK": {
+        "type": "Direct",
+        "requested": "[1.5.240227000, )",
+        "resolved": "1.5.240227000",
+        "contentHash": "6rESOsREi8534J7IDpNfFYPvxQaSleXKt4A7ZYPeQyckNMQ0o1W0jZ420bJbEMz9Cw/S/8IbpPftLLZ9w/GTCQ==",
+        "dependencies": {
+          "Microsoft.Windows.SDK.BuildTools": "10.0.22621.756"
+        }
       }
     }
   }

packages/@react-native-windows/tester/src/js/examples-win/Button/ButtonExample.windows.js

@@ -221,6 +221,7 @@ exports.examples = [
                 accessibilityHint="Submit Button"
                 accessibilityPosInSet={1}
                 accessibilitySetSize={1}
+                accessibilityLiveRegion='assertive'
                 accessibilityValue={{Text: "Submit Application"}}
               />
             );

packages/@react-native-windows/tester/src/js/examples-win/Switch/SwitchExample.windows.js

@@ -303,6 +303,7 @@ class AccessibilitySwitchExample extends React.Component<
             accessibilityHint="Switch"
             accessibilityPosInSet={2}
             accessibilitySetSize={4}
+            accessibilityLiveRegion='none'
             // focusable={false}
             onValueChange={value => this.setState({noFocusableValue: value})}
             value={this.state.noFocusableValue}
@@ -314,6 +315,7 @@ class AccessibilitySwitchExample extends React.Component<
             accessibilityHint="Switch"
             accessibilityPosInSet={3}
             accessibilitySetSize={4}
+            accessibilityLiveRegion='polite'
             // accessible={false}
             onValueChange={value => this.setState({noAccessibleValue: value})}
             value={this.state.noAccessibleValue}
@@ -323,6 +325,7 @@ class AccessibilitySwitchExample extends React.Component<
             accessibilityHint="Switch"
             accessibilityPosInSet={4}
             accessibilitySetSize={4}
+            accessibilityLiveRegion='assertive'
             // focusable={false}
             // accessible={false}
             onValueChange={value => this.setState({noFocusValue: value})}

packages/@react-native-windows/tester/src/js/examples/ActivityIndicator/ActivityIndicatorExample.windows.js

@@ -79,6 +79,7 @@ exports.examples = [
           accessibilityLabel="Wait for content to load!"
           accessibilityPosInSet={1}
           accessibilitySetSize={1}
+          accessibilityLiveRegion='polite'
           accessible
         />
       );

packages/@react-native-windows/tester/src/js/examples/Image/ImageExample.windows.js

@@ -1607,13 +1607,15 @@ exports.examples = [
           accessible
           accessibilityPosInSet={1}
           accessibilitySetSize={2}
+          accessibilityLiveRegion='polite'
         />
         <Image
           source={fullImage}
           style={styles.base}
           accessible
           accessibilityPosInSet={2}
           accessibilitySetSize={2}
+          accessibilityLiveRegion='assertive'
         />
         </View>
       );

packages/@react-native-windows/tester/src/js/examples/Pressable/PressableExample.windows.js

@@ -1073,15 +1073,15 @@ const examples = [
       return (
         <View accessible testID='pressable_set'>
           <Pressable
-            onPress={() => {}} accessibilityPosInSet={1} accessibilitySetSize={3}>
+            onPress={() => {}} accessibilityPosInSet={1} accessibilitySetSize={3} accessibilityLiveRegion='none'>
             <Text>Pressable 1 of 3</Text>
           </Pressable>
           <Pressable
-            onPress={() => {}} accessibilityPosInSet={2} accessibilitySetSize={3}>
+            onPress={() => {}} accessibilityPosInSet={2} accessibilitySetSize={3} accessibilityLiveRegion='polite'>
             <Text>Pressable 2 of 3</Text>
           </Pressable>
           <Pressable
-            onPress={() => {}} accessibilityPosInSet={3} accessibilitySetSize={3}>
+            onPress={() => {}} accessibilityPosInSet={3} accessibilitySetSize={3} accessibilityLiveRegion='assertive'>
             <Text>Pressable 3 of 3</Text>
           </Pressable>
         </View>

packages/@react-native-windows/tester/src/js/examples/Text/TextExample.windows.js

@@ -1608,7 +1608,8 @@ const examples = [
             accessibilityLabel="This text has customized accessibility"
             accessibilityHint="Text"
             accessibilityPosInSet={1}
-            accessibilitySetSize={1}>
+            accessibilitySetSize={1}
+            accessibilityLiveRegion='polite'>
             This text has customized accessibility.
           </Text>
         </View>

packages/@react-native-windows/tester/src/js/examples/TextInput/TextInputExample.windows.js

@@ -810,18 +810,21 @@ const examples: Array<RNTesterModuleExample> = [
             placeholder='TextInput 1 in Set of 3'
             accessibilityPosInSet={1}
             accessibilitySetSize={3}
+            accessibilityLiveRegion='none'
           />
           <ExampleTextInput
             style={styles.singleLine}
             placeholder='TextInput 2 in Set of 3'
             accessibilityPosInSet={2}
             accessibilitySetSize={3}
+            accessibilityLiveRegion='polite'
           />
           <ExampleTextInput
             style={styles.singleLine}
             placeholder='TextInput 3 in Set of 3'
             accessibilityPosInSet={3}
             accessibilitySetSize={3}
+            accessibilityLiveRegion='assertive'
           />
         </View>
       );

packages/@react-native-windows/tester/src/js/examples/Touchable/TouchableExample.windows.js

@@ -582,15 +582,15 @@ function TouchableOnFocus<T: React.AbstractComponent<any, any>>() {
 function TouchableSet<T: React.AbstractComponent<any, any>>() {
   return (
     <View accessible testID='touchable_set'>
-      <TouchableHighlight onPress={()=>{}} accessibilityPosInSet={1} accessibilitySetSize={3}>
+      <TouchableHighlight onPress={()=>{}} accessibilityPosInSet={1} accessibilitySetSize={3} accessibilityLiveRegion='none'>
         <Text>
           Touchable Highlight (Control 1 in Set of 3)
         </Text>
       </TouchableHighlight>
-      <TouchableOpacity onPress={()=>{}} accessibilityPosInSet={2} accessibilitySetSize={3}>
+      <TouchableOpacity onPress={()=>{}} accessibilityPosInSet={2} accessibilitySetSize={3} accessibilityLiveRegion='polite'>
         <Text>Touchable Opacity (Control 2 in Set of 3)</Text>
       </TouchableOpacity>
-      <TouchableWithoutFeedback onPress={()=>{}} accessibilityPosInSet={3} accessibilitySetSize={3}>
+      <TouchableWithoutFeedback onPress={()=>{}} accessibilityPosInSet={3} accessibilitySetSize={3} accessibilityLiveRegion='assertive'>
         <Text>TouchableWithoutFeedback (Control 3 in Set of 3)</Text>
       </TouchableWithoutFeedback>
     </View>

packages/@react-native-windows/tester/src/js/examples/View/ViewExample.windows.js

@@ -479,6 +479,7 @@ class AccessibilityExample extends React.Component<
         ]}
         accessibilityPosInSet={1}
         accessibilitySetSize={1}
+        accessibilityLiveRegion='polite'
         testID="accessibility"
         accessible
         focusable

packages/e2e-test-app-fabric/test/__snapshots__/ActivityIndicatorComponentTest.test.ts.snap

@@ -509,6 +509,7 @@ exports[`ActivityIndicator Tests An ActivityIndicator can render 1`] = `
   "Automation Tree": {
     "AutomationId": "default_activity_indicator",
     "ControlType": 50012,
+    "LiveSetting": "Polite",
     "LocalizedControlType": "progress bar",
     "Name": "Wait for content to load!",
     "PositionInSet": 1,

packages/e2e-test-app-fabric/test/__snapshots__/ImageComponentTest.test.ts.snap

@@ -3243,13 +3243,15 @@ exports[`Image Tests Images can be defined as a set using accessibilityPosInSet
       {
         "AutomationId": "",
         "ControlType": 50006,
+        "LiveSetting": "Polite",
         "LocalizedControlType": "image",
         "PositionInSet": 1,
         "SizeofSet": 2,
       },
       {
         "AutomationId": "",
         "ControlType": 50006,
+        "LiveSetting": "Assertive",
         "LocalizedControlType": "image",
         "PositionInSet": 2,
         "SizeofSet": 2,

packages/e2e-test-app-fabric/test/__snapshots__/PressableComponentTest.test.ts.snap

@@ -27,6 +27,7 @@ exports[`Pressable Tests Pressables can be defined as a set using accessibilityP
         "AutomationId": "",
         "ControlType": 50026,
         "IsKeyboardFocusable": true,
+        "LiveSetting": "Polite",
         "LocalizedControlType": "group",
         "PositionInSet": 2,
         "SizeofSet": 3,
@@ -43,6 +44,7 @@ exports[`Pressable Tests Pressables can be defined as a set using accessibilityP
         "AutomationId": "",
         "ControlType": 50026,
         "IsKeyboardFocusable": true,
+        "LiveSetting": "Assertive",
         "LocalizedControlType": "group",
         "PositionInSet": 3,
         "SizeofSet": 3,

packages/e2e-test-app-fabric/test/__snapshots__/SwitchComponentTest.test.ts.snap

@@ -439,6 +439,7 @@ exports[`SwitchTests Switches can have customized accessibility 1`] = `
         "ControlType": 50000,
         "HelpText": "Switch",
         "IsKeyboardFocusable": true,
+        "LiveSetting": "Polite",
         "LocalizedControlType": "button",
         "Name": "This is a Switch with accessible set to false",
         "PositionInSet": 3,
@@ -449,6 +450,7 @@ exports[`SwitchTests Switches can have customized accessibility 1`] = `
         "ControlType": 50000,
         "HelpText": "Switch",
         "IsKeyboardFocusable": true,
+        "LiveSetting": "Assertive",
         "LocalizedControlType": "button",
         "Name": "This is a Switch with focusable and accessible set to false",
         "PositionInSet": 4,

packages/e2e-test-app-fabric/test/__snapshots__/TextInputComponentTest.test.ts.snap

@@ -1105,6 +1105,7 @@ exports[`TextInput Tests TextInputs can be defined as a set using accessibilityP
         "ControlType": 50004,
         "HelpText": "TextInput 2 in Set of 3",
         "IsKeyboardFocusable": true,
+        "LiveSetting": "Polite",
         "LocalizedControlType": "edit",
         "Name": "TextInput 2 in Set of 3",
         "PositionInSet": 2,
@@ -1116,6 +1117,7 @@ exports[`TextInput Tests TextInputs can be defined as a set using accessibilityP
         "ControlType": 50004,
         "HelpText": "TextInput 3 in Set of 3",
         "IsKeyboardFocusable": true,
+        "LiveSetting": "Assertive",
         "LocalizedControlType": "edit",
         "Name": "TextInput 3 in Set of 3",
         "PositionInSet": 3,