feat(mobile): Extend mobile snapshot with selectors from getElements

- Use local fallback `getBestAndroidLocator(attrs)` and `getBestIOSLocator(attrs)`
- Emit noisy mobile node roles from the snapshot

Author: Winify

packages/elements/src/index.ts

@@ -17,8 +17,5 @@ export { getElements } from './get-elements.js'
 export type { VisibleElementsResult } from './get-elements.js'
 
 export { serializeWebSnapshot, serializeMobileSnapshot } from './snapshot.js'
-export type {
-  WebSnapshotOptions,
-  MobileSnapshotOptions
-} from './snapshot.js'
+export type { WebSnapshotOptions, MobileSnapshotOptions } from './snapshot.js'
 export type { JSONElement } from './locators/types.js'

packages/elements/src/locators/index.ts

@@ -209,6 +209,10 @@ function processElement(element: JSONElement, ctx: ProcessingContext): void {
       return
     }
 
+    // Stash the best locator on the tree node so serializeMobileSnapshot
+    // can reuse the full locator pipeline instead of recomputing.
+    element.attributes._selector = locators[0][1]
+
     const transformed = transformElement(element, locators, ctx)
     if (Object.keys(transformed.locators).length === 0) {
       return

packages/elements/src/mobile-elements.ts

@@ -161,6 +161,12 @@ export async function getMobileVisibleElementsWithTree(
 
   const tree = xmlToJSON(pageSource)
 
+  // Stash the source XML on the root element so serializeMobileSnapshot
+  // can use the full locator pipeline without requiring it as a separate arg.
+  if (tree) {
+    tree.attributes._sourceXML = pageSource
+  }
+
   const elementLocators = generateAllElementLocators(pageSource, {
     platform,
     viewportSize,