Add focus option to context menu in the accessibility tree

Summary: Allow user to open the context menu on an element in the ax tree and request accessibility focus to that element. If the element is focusable (and talkback or another accessibility service is running), accessibility focus will change to that element, if not, it will not change anything.

Differential Revision: D9162382

fbshipit-source-id: 5dda9b87a2cc6eba4130e3feee978b5fa38ac9f1

src/plugins/layout/index.js

@@ -791,6 +791,17 @@ export default class Layout extends SonarPlugin<InspectorState> {
     });
   });
 
+  getAXContextMenuExtensions() {
+    return [
+      {
+        label: 'Focus',
+        click: (id: ElementID) => {
+          this.client.send('onRequestAXFocus', {id});
+        },
+      },
+    ];
+  }
+
   onDataValueChanged = (path: Array<string>, value: any) => {
     const selected = this.state.inAXMode
       ? this.state.AXselected
@@ -935,6 +946,7 @@ export default class Layout extends SonarPlugin<InspectorState> {
               searchResults={null}
               root={AXroot}
               elements={AXelements}
+              contextMenuExtensions={this.getAXContextMenuExtensions()}
             />
           ) : null}
         </FlexRow>