Merge pull request #140 from LambdaTest/dev

Dev -> Stage

Author: pinanks

package.json

@@ -21,10 +21,10 @@
   "author": "LambdaTest <[email protected]>",
   "license": "MIT",
   "dependencies": {
-    "@playwright/browser-chromium": "^1.45.3",
-    "@playwright/browser-firefox": "^1.45.3",
-    "@playwright/browser-webkit": "^1.45.3",
-    "@playwright/test": "^1.45.3",
+    "@playwright/browser-chromium": "^1.47.2",
+    "@playwright/browser-firefox": "^1.47.2",
+    "@playwright/browser-webkit": "^1.47.2",
+    "@playwright/test": "^1.47.2",
     "@types/cross-spawn": "^6.0.4",
     "@types/node": "^20.8.9",
     "@types/which": "^3.0.2",

packages/cli/README.md

@@ -1,47 +1,68 @@
-# SmartUI CLI
-[![SmartUI-Testing](https://smartui.lambdatest.com/static/media/LTBadge.64a05e73.svg)](https://smartui.lambdatest.com)
+# SmartUI-CLI
 
-The SmartUI CLI is used to create configs, take screenshots and upload to [SmartUI Dashboard](https://smartui.lambdatest.com/) via
-the command line.
+<img height="400" src="https://user-images.githubusercontent.com/126776938/232535511-8d51cf1b-1a33-48fc-825c-b13e7a9ec388.png">
+
+<p align="center">
+  <a href="https://www.lambdatest.com/blog/?utm_source=github&utm_medium=repo&utm_campaign=playwright-sample" target="_bank">Blog</a>
+  &nbsp; &#8901; &nbsp;
+  <a href="https://www.lambdatest.com/support/docs/?utm_source=github&utm_medium=repo&utm_campaign=playwright-sample" target="_bank">Docs</a>
+  &nbsp; &#8901; &nbsp;
+  <a href="https://www.lambdatest.com/learning-hub/?utm_source=github&utm_medium=repo&utm_campaign=playwright-sample" target="_bank">Learning Hub</a>
+  &nbsp; &#8901; &nbsp;
+  <a href="https://www.lambdatest.com/newsletter/?utm_source=github&utm_medium=repo&utm_campaign=playwright-sample" target="_bank">Newsletter</a>
+  &nbsp; &#8901; &nbsp;
+  <a href="https://www.lambdatest.com/certifications/?utm_source=github&utm_medium=repo&utm_campaign=playwright-sample" target="_bank">Certifications</a>
+  &nbsp; &#8901; &nbsp;
+  <a href="https://www.youtube.com/c/LambdaTest" target="_bank">YouTube</a>
+</p>
+&emsp;
+&emsp;
+&emsp;
+
+
+
+[<img height="58" width="200" src="https://user-images.githubusercontent.com/70570645/171866795-52c11b49-0728-4229-b073-4b704209ddde.png">](https://accounts.lambdatest.com/register?utm_source=github&utm_medium=repo&utm_campaign=playwright-sample)
+
+
+The **SmartUI-CLI** allows you to capture visual snapshots of your web applications, upload images, and run visual regression tests using [LambdaTest's SmartUI](https://www.lambdatest.com/visual-regression-testing) platform directly from the command line.
 
 - [Installation](#installation)
-- [Start using CLI](#start-using-cli)
+- [Commands](#commands)
+- [Documentation](#documentation)
+- [Issues](#issues)
 
 ## Installation
 
 ```sh-session
-$ npm install -g @lambdatest/smartui-cli --force
+$ npm install smartui-cli
 ```
 
-## Start using CLI 
+**Note:**  
+If you face any problems executing tests with SmartUI-CLI `versions >= v4.x.x`, upgrade your Node.js version to `v20.3` or above.
 
-#### Create URL Json file
-```sh-session
-$ smartui config:web-static urls.json
-```
+## Commands
+- `npx smartui exec` - Capture DOM assets for visual testing across multiple browsers and resolutions.
+- `npx smartui capture` - Bulk capture static URLs for visual testing.
+- `npx smartui upload` - Upload custom images or screenshots for visual comparison.
+- `npx smartui upload-figma` - Upload Figma design images for visual comparison.
+- `npx smartui config` - Creates configuration file according to the usecase.
 
-#### Create custom Web Config file
-```sh-session
-$ smartui config:create-web smartui-web.json
-```
+### Documentation
 
-#### Configure your Project Token
+In addition to its core functionalities, the SmartUI CLI leverages LambdaTest's cloud infrastructure for robust, scalable visual regression testing across various browsers and devices.
 
-Create a new web project from [SmartUI Dashboard](https://smartui.lambdatest.com/) and copy the project token and set on CLI via command
+- [SmartUI Selenium SDK](https://www.lambdatest.com/support/docs/smartui-selenium-java-sdk) - A complete SDK to capture DOM assets for visual tests.
+- [LambdaTest Documentation](https://www.lambdatest.com/support/docs/) - Official LambdaTest documentation for SmartUI and other integrations.
+- [Bulk capturing static URLs with SmartUI](https://www.lambdatest.com/support/docs/smartui-cli/) - Documentation for capturing satatic urls in bulk with SmartUI
+- [Bring your own screenshots](https://www.lambdatest.com/support/docs/smartui-cli-upload/) - Documentation for capturing satatic urls in bulk
+- [Figma CLI](https://www.lambdatest.com/support/docs/smartui-cli-figma/) - Documentation for uploading figma components to SmartUI
 
-<b>For Linux/macOS:</b>
+### Issues
 
-```
- export PROJECT_TOKEN="****-****-****-************"
-```
+If you encounter problems with SmartUI-CLI, [add an issue on GitHub](https://github.com/LambdaTest/smartui-cli/issues/new).
 
-<b>For Windows:</b>
+For other support issues, reach out via [LambdaTest Support](https://www.lambdatest.com/support).
 
-```
- set PROJECT_TOKEN="****-****-****-************"
-```
-  
-#### Capture Screenshots
-```sh-session
-$ smartui capture urls.json --config smartui-web.json
-```
+------
+
+[Know more](https://www.lambdatest.com/visual-regression-testing) about SmartUI and it's AI enabled comparison engines.

pnpm-lock.yaml

@@ -47,6 +47,66 @@ export default {
     EDGE_CHANNEL: 'msedge',
     WEBKIT: 'webkit',
 
+    // discovery browser launch arguments
+    LAUNCH_ARGS: [
+        // disable the translate popup and optimization downloads
+        '--disable-features=Translate,OptimizationGuideModelDownloading',
+        // disable several subsystems which run network requests in the background
+        '--disable-background-networking',
+        // disable task throttling of timer tasks from background pages
+        '--disable-background-timer-throttling',
+        // disable backgrounding renderer processes
+        '--disable-renderer-backgrounding',
+        // disable backgrounding renderers for occluded windows (reduce nondeterminism)
+        '--disable-backgrounding-occluded-windows',
+        // disable crash reporting
+        '--disable-breakpad',
+        // disable client side phishing detection
+        '--disable-client-side-phishing-detection',
+        // disable default component extensions with background pages for performance
+        '--disable-component-extensions-with-background-pages',
+        // disable installation of default apps on first run
+        '--disable-default-apps',
+        // work-around for environments where a small /dev/shm partition causes crashes
+        '--disable-dev-shm-usage',
+        // disable extensions
+        '--disable-extensions',
+        // disable hang monitor dialogs in renderer processes
+        '--disable-hang-monitor',
+        // disable inter-process communication flooding protection for javascript
+        '--disable-ipc-flooding-protection',
+        // disable web notifications and the push API
+        '--disable-notifications',
+        // disable the prompt when a POST request causes page navigation
+        '--disable-prompt-on-repost',
+        // disable syncing browser data with google accounts
+        '--disable-sync',
+        // disable site-isolation to make network requests easier to intercept
+        '--disable-site-isolation-trials',
+        // disable the first run tasks, whether or not it's actually the first run
+        '--no-first-run',
+        // disable the sandbox for all process types that are normally sandboxed
+        '--no-sandbox',
+        // specify a consistent encryption backend across platforms
+        '--password-store=basic',
+        // use a mock keychain on Mac to prevent blocking permissions dialogs
+        '--use-mock-keychain',
+        // enable remote debugging on the first available port
+        '--remote-debugging-port=0',
+        // sets navigator.webdriver to false
+        '--disable-blink-features=AutomationControlled',
+        // disable UA-CH feature
+		`--disable-features=UserAgentClientHint`,
+    ],
+
+    // discovery request headers
+    REQUEST_HEADERS: {
+        // `HeadlessChrome` is added to sec-ch-ua, `--disable-features=UserAgentClientHint` doesn't seem to work
+        'sec-ch-ua':'"Chromium";v="129", "Not=A?Brand";v="8"',
+        'sec-ch-ua-mobile': '"?0"',
+        'sec-ch-ua-platform': '"Windows"'
+    },
+
     // user agents
     CHROME_USER_AGENT: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.6312.107 Safari/537.3',
     FIREFOX_USER_AGENT: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:112.0) Gecko/20100101 Firefox/112.0',