feat: other locators from playwright

lib/helper/Playwright.js

@@ -33,7 +33,7 @@ const ElementNotFound = require('./errors/ElementNotFound');
 const RemoteBrowserConnectionRefused = require('./errors/RemoteBrowserConnectionRefused');
 const Popup = require('./extras/Popup');
 const Console = require('./extras/Console');
-const findReact = require('./extras/React');
+const findReact = require('./extras/PlaywrightReactVueLocator');
 
 let playwright;
 let perfTiming;

lib/helper/extras/PlaywrightReactVueLocator.js

@@ -0,0 +1,32 @@
+module.exports = async function findReact(matcher, locator) {
+  let _locator = `_react=${locator.react}`;
+  let props = '';
+
+  if (locator.props) {
+    props += propBuilder(locator.props);
+    _locator += props;
+  }
+
+  return matcher.locator(_locator).all();
+};
+
+module.exports = async function findVue(matcher, locator) {
+  let _locator = `_vue=${locator.vue}`;
+  let props = '';
+
+  if (locator.props) {
+    props += propBuilder(locator.props);
+    _locator += props;
+  }
+
+  return matcher.locator(_locator).all();
+};
+
+function propBuilder(props) {
+  let _props = '';
+
+  for (const [key, value] of Object.entries(props)) {
+    _props += `[${key} = "${value}"]`;
+  }
+  return _props;
+}

typings/index.d.ts

@@ -431,7 +431,7 @@ declare namespace CodeceptJS {
     | string
     | ILocator
     | Locator
-    | CustomLocators[keyof CustomLocators];
+    | CustomLocators;
 
   type StringOrSecret = string | CodeceptJS.Secret;