playwright

Author: Shahnawaz-Sk

packages/playwright/index.js

@@ -0,0 +1,5 @@
+const { smartuiSnapshot } = require('./src/smartui');
+
+module.exports = {
+    smartuiSnapshot
+}

packages/playwright/package.json

@@ -0,0 +1,38 @@
+{
+    "name": "@lambdatest/playwright-driver",
+    "version": "1.0.0",
+    "description": "Playwright SDK for smart UI",
+    "main": "index.js",
+    "scripts": {
+      "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "repository": {
+      "type": "git",
+      "url": "git+https://github.com/LambdaTest/lambdatest-js-sdk.git",
+      "directory": "packages/playwright"
+    },
+    "keywords": [
+      "lambdatest",
+      "playwright",
+      "smartui"
+    ],
+    "author": "LambdaTest <[email protected]>",
+    "license": "MIT",
+    "bugs": {
+      "url": "https://github.com/LambdaTest/lambdatest-js-sdk/issues"
+    },
+    "homepage": "https://github.com/LambdaTest/lambdatest-js-sdk#readme",
+
+    "peerDependencies": {
+      "playwright-core": ">=1"
+    },
+    "devDependencies": {
+      "@playwright/test": "^1.24.2",
+      "playwright": "^1.24.2"
+    },
+    "dependencies": {
+      "@lambdatest/sdk-utils": "workspace:^"
+    }
+
+  }
+  

packages/playwright/src/smartui.js

@@ -0,0 +1,40 @@
+const utils = require('@lambdatest/sdk-utils');
+const pkgName = require('../package.json').name;
+
+// Take a DOM snapshot and post it to the snapshot endpoint
+async function smartuiSnapshot(page, snapshotName, options) {
+  if (!page) throw new Error('A Playwright `page` object is required.');
+  if (!snapshotName) throw new Error('The `name` argument is required.');
+  if (!(await utils.isSmartUIRunning())) throw new Error('SmartUI server is not running.');
+
+  let log = utils.logger(pkgName);
+
+  try {
+    // Inject the DOM serialization script
+    const resp = await utils.fetchDOMSerializer();
+    await page.evaluate(resp.body.data.dom);
+    
+    // Serialize and capture the DOM
+    /* istanbul ignore next: no instrumenting injected code */
+    let { dom } = await page.evaluate((options) => ({
+      /* eslint-disable-next-line no-undef */
+      dom: SmartUIDOM.serialize(options)
+    }), {});
+
+    // Post the DOM to the snapshot endpoint with snapshot options and other info
+    await utils.postSnapshot({
+      dom: dom.html,
+      url: page.url(),
+      name: snapshotName,
+      options
+    }, pkgName);
+
+    log.info(`Snapshot captured: ${snapshotName}`);
+  } catch (err) {
+    throw err;
+  }
+}
+
+module.exports = {
+  smartuiSnapshot
+}

packages/testcafe/package.json

@@ -4,13 +4,13 @@
     "description": "Testcafe SDK for LambdaTest smart UI",
     "repository": {
         "type": "git",
-        "url": "git+https://github.com/LambdaTest/lambdatest-js-sdk.git"
+        "url": "git+https://github.com/LambdaTest/lambdatest-js-sdk.git",
+        "directory": "packages/testcafe"
     },
     "main": "index.js",
     "scripts": {
-        "build": "gulp build",
-        "test": "gulp test"
-    },
+        "test": "echo \"Error: no test specified\" && exit 1"
+      },
     "keywords": [
         "lambdatest",
         "testcafe",
@@ -22,6 +22,7 @@
         "url": "https://github.com/LambdaTest/lambdatest-js-sdk/issues"
       },
 
+    "homepage": "https://github.com/LambdaTest/lambdatest-js-sdk#readme",
     "devDependencies": {
         "testcafe": "^3.4.0"
     },