Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/html-dom-smartui-options.md
Original file line number Diff line number Diff line change
Expand Up @@ -372,7 +372,7 @@ await page.evaluate((_) => {},
</li>
<li className="breadcrumbs__item breadcrumbs__item--active">
<span className="breadcrumbs__link">
Smart UI with Cypress
SmartUI with Cypress
</span>
</li>
</ul>
Expand Down
8 changes: 4 additions & 4 deletions docs/hyperexecute-smart-ui-sdk-selenium-csharp.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
---
id: hyperexecute-smart-ui-sdk-selenium-csharp
title: UI Testing with C# using HyperExecute and Smart UI SDK
title: UI Testing with C# using HyperExecute and SmartUI SDK
hide_title: false
sidebar_label: C#
description: Automate Hyperexecute tests seamlessly! Integrate Smart UI SDK with CSharp for efficient & reliable UI testing.
description: Automate Hyperexecute tests seamlessly! Integrate SmartUI SDK with CSharp for efficient & reliable UI testing.
keywords:
- smart ui testing in hyperexecute
- visual ui testing,image to image comparison
Expand Down Expand Up @@ -40,14 +40,14 @@ import TabItem from '@theme/TabItem';
},{
"@type": "ListItem",
"position": 3,
"name": "Smart UI Testing",
"name": "SmartUI Testing",
"item": "https://www.lambdatest.com/support/docs/hyperexecute-smart-ui-sdk-selenium-csharp/"
}]
})
}}
></script>

This documentation will guide you step-by-step to execute the Smart UI SDK tests on the HyperExecute platform using **Selenium - C Sharp**
This documentation will guide you step-by-step to execute the SmartUI SDK tests on the HyperExecute platform using **Selenium - C Sharp**

## Prerequisites

Expand Down
8 changes: 4 additions & 4 deletions docs/hyperexecute-smart-ui-sdk-selenium-javascript.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
---
id: hyperexecute-smart-ui-sdk-selenium-javascript
title: UI Testing with Node.js using HyperExecute and Smart UI SDK
title: UI Testing with Node.js using HyperExecute and SmartUI SDK
hide_title: false
sidebar_label: JavaScript
description: Effortlessly automate Hyperexecute UIs with Smart UI SDK & Selenium JavaScript. Write modular, cross-browser tests.
description: Effortlessly automate Hyperexecute UIs with SmartUI SDK & Selenium JavaScript. Write modular, cross-browser tests.
keywords:
- smart ui testing in hyperexecute
- visual ui testing,image to image comparison
Expand Down Expand Up @@ -41,13 +41,13 @@ import TabItem from '@theme/TabItem';
},{
"@type": "ListItem",
"position": 3,
"name": "Smart UI Testing",
"name": "SmartUI Testing",
"item": "https://www.lambdatest.com/support/docs/hyperexecute-smart-ui-hooks-selenium-javascript/"
}]
})
}}
></script>
This documentation will guide you step-by-step to execute the Smart UI SDK tests on the HyperExecute platform using **Selenium - JavaScript**
This documentation will guide you step-by-step to execute the SmartUI SDK tests on the HyperExecute platform using **Selenium - JavaScript**

## Prerequisites

Expand Down
8 changes: 4 additions & 4 deletions docs/hyperexecute-smart-ui-sdk-using-cypress.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
---
id: hyperexecute-smart-ui-sdk-using-cypress
title: UI Testing with Cypress using HyperExecute and Smart UI SDK
title: UI Testing with Cypress using HyperExecute and SmartUI SDK
hide_title: false
sidebar_label: Cypress
description: Automate Hyperexecute tests seamlessly! Integrate Smart UI SDK with Cypress for efficient & reliable UI testing.
description: Automate Hyperexecute tests seamlessly! Integrate SmartUI SDK with Cypress for efficient & reliable UI testing.
keywords:
- smart ui testing in hyperexecute
- visual ui testing,image to image comparison
Expand Down Expand Up @@ -40,13 +40,13 @@ import TabItem from '@theme/TabItem';
},{
"@type": "ListItem",
"position": 3,
"name": "Smart UI Testing",
"name": "SmartUI Testing",
"item": "https://www.lambdatest.com/support/docs/hyperexecute-smart-ui-hooks-using-cypress/"
}]
})
}}
></script>
This documentation will guide you step-by-step to execute the Smart UI tests on the HyperExecute platform using Selenium
This documentation will guide you step-by-step to execute the SmartUI tests on the HyperExecute platform using Selenium

> **Note :** SmartUI SDK only supports Cypress versions >= 10.0.0
Expand Down
8 changes: 4 additions & 4 deletions docs/hyperexecute-smart-ui-sdk-using-playwright.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
---
id: hyperexecute-smart-ui-sdk-using-playwright
title: UI Testing with Playwright using HyperExecute and Smart UI SDK
title: UI Testing with Playwright using HyperExecute and SmartUI SDK
hide_title: false
sidebar_label: Playwright
description: Supercharge Hyperexecute UI automation with Smart UI SDK & Playwright. Simplify test creation for all browsers.
description: Supercharge Hyperexecute UI automation with SmartUI SDK & Playwright. Simplify test creation for all browsers.
keywords:
- smart ui testing in lambdatest
- smart ui testing in hyperexecute
Expand Down Expand Up @@ -39,13 +39,13 @@ import TabItem from '@theme/TabItem';
},{
"@type": "ListItem",
"position": 3,
"name": "Smart UI Testing",
"name": "SmartUI Testing",
"item": "https://www.lambdatest.com/support/docs/hyperexecute-smart-ui-hooks-using-playwright/"
}]
})
}}
></script>
This documentation will guide you step-by-step to execute the Smart UI tests on the HyperExecute platform using Selenium
This documentation will guide you step-by-step to execute the SmartUI tests on the HyperExecute platform using Selenium

## Prerequisites

Expand Down
8 changes: 4 additions & 4 deletions docs/hyperexecute-smart-ui-sdk-using-puppeteer.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
---
id: hyperexecute-smart-ui-sdk-using-puppeteer
title: UI Testing with Puppeteer using HyperExecute and Smart UI SDK
title: UI Testing with Puppeteer using HyperExecute and SmartUI SDK
hide_title: false
sidebar_label: Puppeteer
description: Streamline Hyperexecute UI testing with Smart UI SDK and Puppeteer. Write robust, end-to-end tests effortlessly.
description: Streamline Hyperexecute UI testing with SmartUI SDK and Puppeteer. Write robust, end-to-end tests effortlessly.
keywords:
- smart ui testing in hyperexecute
- visual ui testing,image to image comparison
Expand Down Expand Up @@ -41,13 +41,13 @@ import TabItem from '@theme/TabItem';
},{
"@type": "ListItem",
"position": 3,
"name": "Smart UI Testing",
"name": "SmartUI Testing",
"item": "https://www.lambdatest.com/support/docs/hyperexecute-smart-ui-hooks-using-puppeteer/"
}]
})
}}
></script>
This documentation will guide you step-by-step to execute the Smart UI tests on the HyperExecute platform using **Puppeteer**
This documentation will guide you step-by-step to execute the SmartUI tests on the HyperExecute platform using **Puppeteer**

## Prerequisites

Expand Down
10 changes: 5 additions & 5 deletions docs/hyperexecute-smart-ui-test-using-playwright.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
id: hyperexecute-smart-ui-test-using-playwright
title: Smart UI Testing in HyperExecute using Playwright
title: SmartUI Testing in HyperExecute using Playwright
hide_title: false
sidebar_label: Playwright
description: Boost bug detection speed using HyperExecute smart UI testing with Playwright. Perform Visual UI Regression Testing for perfect app delivery.
Expand Down Expand Up @@ -41,22 +41,22 @@ import {YOUR_LAMBDATEST_USERNAME, YOUR_LAMBDATEST_ACCESS_KEY} from "@site/src/co
},{
"@type": "ListItem",
"position": 3,
"name": "Smart UI Testing",
"name": "SmartUI Testing",
"item": "https://www.lambdatest.com/support/docs/hyperexecute-smart-ui-test-using-playwright/"
}]
})
}}
></script>

This documentation will guide you step-by-step to execute the Smart UI tests on the HyperExecute platform using Playwright.
This documentation will guide you step-by-step to execute the SmartUI tests on the HyperExecute platform using Playwright.

## Prerequisites

- Your lambdatest [Username and Access key](/support/docs/hyperexecute-how-to-get-my-username-and-access-key/)
- [HyperExecute CLI](/support/docs/hyperexecute-cli-run-tests-on-hyperexecute-grid/) in order to initiate a test execution Job .
- Setup the [Environment Variable](/support/docs/hyperexecute-environment-variable-setup/)
- [HyperExecute YAML](/support/docs/hyperexecute-yaml-version0.2/) file which contains all the necessary instructions.
- To run Smart UI tests, you need to have a **Baseline Image** and a **Comparison Image**. A baseline image is the reference image with which you want to compare. You can either upload this image from your computer or take a screenshot from your browser.
- To run SmartUI tests, you need to have a **Baseline Image** and a **Comparison Image**. A baseline image is the reference image with which you want to compare. You can either upload this image from your computer or take a screenshot from your browser.

:::info
After creating the project, you will get your `PROJECT_TOKEN`. You need to keep this project token safe as it will be used in the further steps below.
Expand Down Expand Up @@ -224,7 +224,7 @@ OR use this command if you have not exported your username and access key in the

<img loading="lazy" src={require('../assets/images/hyperexecute/integration/lt-products/smart-ui/playwright/1.png').default} alt="automation-dashboard" width="1920" height="868" className="doc_img"/>

- This will redirect you the Smart UI dashboard where you can see all the images you have pushed for the testing.
- This will redirect you the SmartUI dashboard where you can see all the images you have pushed for the testing.

<img loading="lazy" src={require('../assets/images/hyperexecute/integration/lt-products/smart-ui/playwright/2.png').default} alt="automation-dashboard" width="1920" height="868" className="doc_img"/>

Expand Down
12 changes: 6 additions & 6 deletions docs/hyperexecute-smart-ui-testing-using-cypress.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
id: hyperexecute-smart-ui-testing-using-cypress
title: Smart UI Testing Using HyperExecute
title: SmartUI Testing Using HyperExecute
hide_title: true
sidebar_label: Cypress
description: Boost bug detection speed using HyperExecute smart UI testing with Cypress. Perform Visual UI Regression Testing for perfect app delivery.
Expand Down Expand Up @@ -38,24 +38,24 @@ slug: hyperexecute-smart-ui-testing-using-cypress/
},{
"@type": "ListItem",
"position": 3,
"name": "Smart UI Testing",
"name": "SmartUI Testing",
"item": "https://www.lambdatest.com/support/docs/hyperexecute-smart-ui-testing-using-cypress/"
}]
})
}}
></script>

# Smart UI Tests in HyperExecute using Cypress
# SmartUI Tests in HyperExecute using Cypress

This documentation will guide you step-by-step to execute the Smart UI tests on the HyperExecute platform using Cypress
This documentation will guide you step-by-step to execute the SmartUI tests on the HyperExecute platform using Cypress

## Prerequisites

- Your lambdatest [Username and Access key](/support/docs/hyperexecute-how-to-get-my-username-and-access-key/)
- [HyperExecute CLI](/support/docs/hyperexecute-cli-run-tests-on-hyperexecute-grid/) in order to initiate a test execution Job .
- Setup the Environment Variable
- [HyperExecute YAML](/support/docs/hyperexecute-yaml-version0.2/) file which contains all the necessary instructions.
- To run Smart UI tests, you need to have a **Baseline Image** and a **Comparison** image. A baseline image is the reference image with which you want to compare. You can either upload this image from your computer or take a screenshot from your browser.
- To run SmartUI tests, you need to have a **Baseline Image** and a **Comparison** image. A baseline image is the reference image with which you want to compare. You can either upload this image from your computer or take a screenshot from your browser.

## Step 1: Setup your Project

Expand Down Expand Up @@ -136,7 +136,7 @@ To execute the project run the below command in your terminal at the root folder
```
- Now, visit to the [HyperExecute Dashboard](https://hyperexecute.lambdatest.com/hyperexecute) to check the status of your project.

- Click on the **Smart UI Tests** button.
- Click on the **SmartUI Tests** button.

<img loading="lazy" src={require('../assets/images/hyperexecute/integration/lt-products/smart-ui/cypress/1.png').default} alt="cmd" width="768" height="373" className="doc_img"/>

Expand Down
8 changes: 4 additions & 4 deletions docs/hyperexecute-smart-ui-testing-using-selenium.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
id: hyperexecute-smart-ui-testing-using-selenium
title: Smart UI Tests in HyperExecute using Selenium
title: SmartUI Tests in HyperExecute using Selenium
hide_title: false
sidebar_label: Selenium
description: Accelerate bug identification with HyperExecute's intelligent UI testing via Selenium. Conduct Visual UI Regression Testing for flawless application deployment.
Expand Down Expand Up @@ -41,21 +41,21 @@ import {YOUR_LAMBDATEST_USERNAME, YOUR_LAMBDATEST_ACCESS_KEY} from "@site/src/co
},{
"@type": "ListItem",
"position": 3,
"name": "Smart UI Testing",
"name": "SmartUI Testing",
"item": "https://www.lambdatest.com/support/docs/hyperexecute-smart-ui-testing-using-selenium/"
}]
})
}}
></script>
This documentation will guide you step-by-step to execute the Smart UI tests on the HyperExecute platform using Selenium
This documentation will guide you step-by-step to execute the SmartUI tests on the HyperExecute platform using Selenium

## Prerequisites

- Your lambdatest [Username and Access key](/support/docs/hyperexecute-how-to-get-my-username-and-access-key/)
- [HyperExecute CLI](/support/docs/hyperexecute-cli-run-tests-on-hyperexecute-grid/) in order to initiate a test execution Job .
- Setup the [Environment Variable](/support/docs/hyperexecute-environment-variable-setup/)
- [HyperExecute YAML](/support/docs/hyperexecute-yaml-version0.2/) file which contains all the necessary instructions.
- To run Smart UI tests, you need to have a **Baseline Image** and a **Comparison** image. A baseline image is the reference image with which you want to compare. You can either upload this image from your computer or take a screenshot from your browser.
- To run SmartUI tests, you need to have a **Baseline Image** and a **Comparison** image. A baseline image is the reference image with which you want to compare. You can either upload this image from your computer or take a screenshot from your browser.

## Step 1: Configure Your Test Suite

Expand Down
4 changes: 2 additions & 2 deletions docs/playwright-visual-regression.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
id: playwright-visual-regression
title: Getting started with Smart UI using Playwright
title: Getting started with SmartUI using Playwright
sidebar_label: Playwright
description: Master Playwright Visual Regression with our step-by-step guide. Seamlessly integrate SmartUI, enhance your testing skills, and unlock a world of possibilities.
keywords:
Expand Down Expand Up @@ -123,7 +123,7 @@ const { expect } = require('@playwright/test');
'network': true,
'video': true,
'console': true,
"smartUIProjectName": "<projectName>" //Add the required Smart UI Project name
"smartUIProjectName": "<projectName>" //Add the required SmartUI Project name
}
}

Expand Down
12 changes: 6 additions & 6 deletions docs/selenium-visual-regression.md
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ let capabilities = {
//highlight-end
};

// Connecting to the Lambdatest Selenium Cloud Grid with Smart UI
// Connecting to the Lambdatest Selenium Cloud Grid with SmartUI
let gridUrl =
"https://" +
"<Your Username>" +
Expand Down Expand Up @@ -141,7 +141,7 @@ options.set_capability('LT:Options', lt_options);

options.set_capability('LT:Options', lt_options);

#Connecting to the Lambdatest Selenium Cloud Grid with Smart UI
#Connecting to the Lambdatest Selenium Cloud Grid with SmartUI
self.driver = webdriver.Remote(
command_executor= "https://" +"<Your Username>" +":" +"<Your Access Key>" + `hub.lambdatest.com/wd/hub`.format(username, access_key),options=options)
```
Expand All @@ -166,7 +166,7 @@ lt_options[:'smartUI.project']="SmartUI_Project_Name"

options.set_capability('LT:Options', lt_options);

#Connecting to the Lambdatest Selenium Cloud Grid with Smart UI
#Connecting to the Lambdatest Selenium Cloud Grid with SmartUI
self.driver = webdriver.Remote(
command_executor= "https://" +"<Your Username>" +":" +"<Your Access Key>" + `hub.lambdatest.com/wd/hub`.format(username, access_key),options=options)
```
Expand Down Expand Up @@ -194,7 +194,7 @@ ltOptions.Add("w3c", true);
ltOptions.Add("plugin", "c#-c#");
capabilities.AddAdditionalOption("LT:Options", ltOptions);

// Connecting to the Lambdatest Selenium Cloud Grid with Smart UI
// Connecting to the Lambdatest Selenium Cloud Grid with SmartUI
driver = new RemoteWebDriver(new Uri("https://hub.lambdatest.com/wd/hub/"), capabilities);
```

Expand All @@ -216,7 +216,7 @@ ltOptions.put("w3c", true);
ltOptions.put("plugin", "java-java");
browserOptions.setCapability("LT:Options", ltOptions);

// Connecting to the Lambdatest Selenium Cloud Grid with Smart UI
// Connecting to the Lambdatest Selenium Cloud Grid with SmartUI
driver = new RemoteWebDriver(new URL("https://" + username + ":" + accesskey + gridURL), capabilities);
```

Expand Down Expand Up @@ -485,7 +485,7 @@ config.put("element", "<Required Element>"); //Add your requi

You have successfully integrated SmartUI with your Selenium tests. Visit your [SmartUI project](https://smartui.lambdatest.com/projects) to view builds and compare snapshots between different test runs.

You can see the Smart UI dashboard to view the results. This will help you identify the Mismatches from the existing `Baseline` build and do the required visual testing.
You can see the SmartUI dashboard to view the results. This will help you identify the Mismatches from the existing `Baseline` build and do the required visual testing.

## Fetching Screenshot Status and Results using WebHook

Expand Down
10 changes: 5 additions & 5 deletions docs/smart-ui-cypress.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
id: smart-ui-cypress
title: Getting started with Smart UI using Cypress On LambdaTest
title: Getting started with SmartUI using Cypress On LambdaTest
sidebar_label: Cypress
description: Master Visual UI Testing with Cypress on LambdaTest Automation Cloud across 40+ browser versions through this comprehensive documentation.
keywords:
Expand Down Expand Up @@ -82,7 +82,7 @@ npm install -g lambdatest-cypress-cli
lambdatest-cypress init
```

**Step 3:** Define Smart UI configuration in the `lambdatest-config.json` file of your Cypress project as shown in the below code snippet.
**Step 3:** Define SmartUI configuration in the `lambdatest-config.json` file of your Cypress project as shown in the below code snippet.

```json title="/cypress-project/lambdatest-config.json"
{
Expand Down Expand Up @@ -117,7 +117,7 @@ lambdatest-cypress init
},
"smart_ui": {
// highlight-start
"project": "<Your Project Name>", // Add your Smart UI Project Name here
"project": "<Your Project Name>", // Add your SmartUI Project Name here
"build": "<Your_Build_Name>", // Please add your build name of choice here
"baseline": false,// Enable if you want to update to a new baseline build
// highlight-end
Expand Down Expand Up @@ -148,7 +148,7 @@ describe("Cypress test with Visual Regression", () => {
lambdatest-cypress run
```

**Step 6:** You can now see the Smart UI dashboard to view the results.
**Step 6:** You can now see the SmartUI dashboard to view the results.

For additional information about Cypress framework please explore the documentation [here](https://www.lambdatest.com/support/docs/getting-started-with-cypress-testing/)

Expand Down Expand Up @@ -178,7 +178,7 @@ For additional information about Cypress framework please explore the documentat
</a>
</li>
<li className="breadcrumbs__item breadcrumbs__item--active">
<span className="breadcrumbs__link"> Smart UI with Cypress </span>
<span className="breadcrumbs__link"> SmartUI with Cypress </span>
</li>
</ul>
</nav>
Loading
Loading