fix some issues of puppeteer helper

Author: kobenguyent

lib/helper/Puppeteer.js

@@ -2956,6 +2956,12 @@ async function findElement(matcher, locator) {
   if (locator.react) return findReactElements.call(this, locator)
   locator = new Locator(locator, 'css')
 
+  // Check if locator is a role locator and call findByRole
+  if (locator.isRole()) {
+    const elements = await findByRole.call(this, matcher, locator)
+    return elements[0]
+  }
+
   // Use proven legacy approach - Puppeteer Locator API doesn't have .first() method
   if (!locator.isXPath()) {
     const elements = await matcher.$$(locator.simplify())
@@ -2966,7 +2972,8 @@ async function findElement(matcher, locator) {
     const elements = await matcher.$$(`xpath/${locator.value}`)
     return elements[0]
   }
-  const elements = await matcher.$x(locator.value)
+  // For Puppeteer 24.x+, $x method was removed - use ::-p-xpath() selector
+  const elements = await matcher.$$(`::-p-xpath(${locator.value})`)
   return elements[0]
 }