Fix helper tests to expect WebElement instances instead of native elements

Co-authored-by: kobenguyent <[email protected]>

Author: Copilot

test/helper/Playwright_test.js

@@ -1707,15 +1707,17 @@ describe('Playwright - HAR', () => {
       await I.amOnPage('/form/focus_blur_elements')
 
       const webElements = await I.grabWebElements('#button')
-      assert.equal(webElements[0], "locator('#button').first()")
+      assert.equal(webElements[0].constructor.name, 'WebElement')
+      assert.equal(webElements[0].getNativeElement(), "locator('#button').first()")
       assert.isAbove(webElements.length, 0)
     })
 
     it('should return a WebElement', async () => {
       await I.amOnPage('/form/focus_blur_elements')
 
       const webElement = await I.grabWebElement('#button')
-      assert.equal(webElement, "locator('#button').first()")
+      assert.equal(webElement.constructor.name, 'WebElement')
+      assert.equal(webElement.getNativeElement(), "locator('#button').first()")
     })
   })
 })
@@ -1751,15 +1753,17 @@ describe('using data-testid attribute', () => {
     await I.amOnPage('/')
 
     const webElements = await I.grabWebElements({ pw: '[data-testid="welcome"]' })
-    assert.equal(webElements[0]._selector, '[data-testid="welcome"] >> nth=0')
+    assert.equal(webElements[0].constructor.name, 'WebElement')
+    assert.equal(webElements[0].getNativeElement()._selector, '[data-testid="welcome"] >> nth=0')
     assert.equal(webElements.length, 1)
   })
 
   it('should find element by h1[data-testid="welcome"]', async () => {
     await I.amOnPage('/')
 
     const webElements = await I.grabWebElements('h1[data-testid="welcome"]')
-    assert.equal(webElements[0]._selector, 'h1[data-testid="welcome"] >> nth=0')
+    assert.equal(webElements[0].constructor.name, 'WebElement')
+    assert.equal(webElements[0].getNativeElement()._selector, 'h1[data-testid="welcome"] >> nth=0')
     assert.equal(webElements.length, 1)
   })
 })

test/helper/Puppeteer_test.js

@@ -1193,7 +1193,8 @@ describe('Puppeteer - Trace', () => {
       await I.amOnPage('/form/focus_blur_elements')
 
       const webElements = await I.grabWebElements('#button')
-      assert.include(webElements[0].constructor.name, 'CdpElementHandle')
+      assert.equal(webElements[0].constructor.name, 'WebElement')
+      assert.include(webElements[0].getNativeElement().constructor.name, 'CdpElementHandle')
       assert.isAbove(webElements.length, 0)
     })
   })