feat: introduce playwright locator

[kobenguyent]

Motivation/Description of the PR

• Introduce the playwright locator: _react, _vue, data-testid attribute:

Scenario('using playwright locator @Playwright', () => {
  I.amOnPage('https://codecept.io/test-react-calculator/');
  I.click('7');
  I.click({ pw: '_react=t[name = "="]' });
  I.seeElement({ pw: '_react=t[value = "7"]' });
  I.click({ pw: '_react=t[name = "+"]' });
  I.click({ pw: '_react=t[name = "3"]' });
  I.click({ pw: '_react=t[name = "="]' });
  I.seeElement({ pw: '_react=t[value = "10"]' });
});

Scenario('using playwright data-testid attribute @Playwright', () => {
    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.length, 1);
});

• Resolves Playwright to codecept locator conversion #4236

Applicable helpers:

• Playwright

Type of change

• 🚀 New functionality

Checklist:

• Tests have been added
• Documentation has been added (Run npm run docs)
• Lint checking (Run npm run lint)
• Local tests are passed (Run npm test)

[DavertMik]

@kobenguyent how about having an alias as pw as a shorthand?

click({ pw: '_react=' })

[kobenguyent]

@kobenguyent how about having an alias as pw as a shorthand?

click({ pw: '_react=' })

Sure, let me update it.