diff --git a/docs/smart-visual-regression-testing.md b/docs/smart-visual-regression-testing.md index 0033cbdba..ff17b5f2d 100644 --- a/docs/smart-visual-regression-testing.md +++ b/docs/smart-visual-regression-testing.md @@ -1,6 +1,6 @@ --- id: smart-visual-regression-testing -title: Getting started with SmartUI +title: Explore Visual Regression tests with SmartUI hide_title: false sidebar_label: Visual Regression description: Experience Visual Regression Testing at its finest with SmartUI by LambdaTest. Automate UI changes tracking for precision, collaboration, and scalability on the cloud. Optimize your testing journey now! @@ -50,70 +50,60 @@ import SmartUISDKSupportedLanguage from '../src/component/SupportedLanguages/Sma > SmartUI is a visual testing tool that helps in identifying visual regressions in web applications. It uses advanced image comparison techniques to detect differences between baseline images and those captured during subsequent test runs. +You can perform following Visual Regression tests using SmartUI: +
- +
-

Setup with CLI

-

Learn how to perform Visual UI Testing using command line interface.

+

SDK

+

Perform Visual UI Testing using CLI.

- +
-

Setup with Storybook

-

Learn how to perform Visual Regression Testing using Storybook Testing on Smart UI.

+

Lambda Hooks

+

Perform Visual UI Testing using Hooks.

- +
-

Upload through API

-

Upload Screenshots through API for Visual Regression Testing

+

Figma Designs

+

Perform Visual UI testing of Figma Designs using SmartUI

- +
-

Compare PDFs

-

Learn how to perform Visual Regression testing of PDFs using SmartUI.

+

PDFs

+

Perform Visual UI testing of PDFs using SmartUI.

- +
-

Build Config & Options

-

Learn grouping your screenshots into different builds and map as per your testing suite needs.

+

Upload through API

+

Upload Screenshots through API for Visual UI Testing

- +
-

Project Settings

-

Learn how to customize your project, manage approvals, configure comparison parameters, and more.

-
-
- -
-

Advanced Comparison Settings

-

Learn how configure advanced comparison settings options.

+

Upload through CLI

+

Upload Screenshots through CLI for Visual UI Testing

- -
-

HTML DOM Config & Options

-

Learn how to handle HTML DOM in Smart UI

-
-
- +
-

Git Baseline Branching

-

Learn Git Branching with SmartUI projects.

+

Storybook

+

Perform Visual UI Testing using Storybook on Smart UI.

- +
-

Github App Integration

-

Setup your Github Repos with SmartUI projects and run your CI along with visual regression testing.

+

Git Baseline Branching

+

Learn how to execute SmartUI CLI with Git Commits.

- + diff --git a/sidebars.js b/sidebars.js index b7871c707..1fedaad1b 100644 --- a/sidebars.js +++ b/sidebars.js @@ -2686,108 +2686,114 @@ module.exports = { }, { type: "category", - collapsed: true, - label: "Languages and Frameworks", + collapsed: false, + label: "Visual Testing Configurations", items: [ { type: "category", - collapsed: true, - label: "SDK", + collapsed: false, + label: "Languages and Frameworks", items: [ { type: "category", - label: "Selenium", collapsed: true, + label: "SDK", items: [ { - type: "doc", - label: "Java", - id: "smartui-selenium-java-sdk", - }, - { - type: "doc", - label: "Javascript", - id: "smartui-selenium-js-sdk", - }, - { - type: "doc", - label: "C#", - id: "smartui-selenium-csharp-sdk", - }, - { - type: "doc", - label: "Python", - id: "smartui-selenium-python-sdk", + type: "category", + label: "Selenium", + collapsed: true, + items: [ + { + type: "doc", + label: "Java", + id: "smartui-selenium-java-sdk", + }, + { + type: "doc", + label: "Javascript", + id: "smartui-selenium-js-sdk", + }, + { + type: "doc", + label: "C#", + id: "smartui-selenium-csharp-sdk", + }, + { + type: "doc", + label: "Python", + id: "smartui-selenium-python-sdk", + }, + { + type: "doc", + label: "Ruby", + id: "smartui-selenium-ruby-sdk", + }, + ], }, { - type: "doc", - label: "Ruby", - id: "smartui-selenium-ruby-sdk", + type: "category", + label: "Playwright", + collapsed: true, + // id: "smart-visual-regression-testing", + items: [ + { + type: "doc", + label: "Javascript", + id: "smartui-playwright-sdk", + }, + { + type: "doc", + label: "Java", + id: "smartui-playwright-python-sdk", + }, + ], }, - ], + "smartui-puppeteer-sdk", + "smartui-testcafe-sdk", + "smartui-cypress-sdk", + "smartui-appium-sdk", + "smartui-wdio-sdk", + ] }, { type: "category", - label: "Playwright", collapsed: true, - // id: "smart-visual-regression-testing", + label: "Lambda Hooks", items: [ - { - type: "doc", - label: "Javascript", - id: "smartui-playwright-sdk", - }, - { - type: "doc", - label: "Java", - id: "smartui-playwright-python-sdk", - }, - ], + "selenium-visual-regression", + "smart-ui-cypress", + "playwright-visual-regression", + "puppeteer-visual-regression", + "smartui-k6-setup", + "appium-visual-regression", + "espresso-visual-regression", + ] }, - "smartui-puppeteer-sdk", - "smartui-testcafe-sdk", - "smartui-cypress-sdk", - "smartui-appium-sdk", - "smartui-wdio-sdk", ] }, { type: "category", collapsed: true, - label: "Stabilize Your Screenshots", + label: "CLI Configurations", items: [ - "smartui-freeze-animations", - "smartui-handle-dynamic-data", - "smartui-handle-videos", - "smartui-handle-lazy-loading", - "smartui-handle-sticky-elements" - ] - }, - "smartui-cli-responsive-dom", - "smartui-sdk-fetch-results", - "smartui-sdk-config-options", - "smartui-pdf-comparison", - { - type: "category", - collapsed: true, - label: "Lambda Hooks", - items: [ - "selenium-visual-regression", - "smart-ui-cypress", - "playwright-visual-regression", - "puppeteer-visual-regression", - "smartui-k6-setup", - "appium-visual-regression", - "espresso-visual-regression", - ] + "smartui-sdk-fetch-results", + "smartui-cli-responsive-dom", + "smartui-sdk-config-options", + { + type: "category", + collapsed: true, + label: "Stabilize Your Screenshots", + items: [ + "smartui-freeze-animations", + "smartui-handle-dynamic-data", + "smartui-handle-videos", + "smartui-handle-lazy-loading", + "smartui-handle-sticky-elements" + ] + }, + ], }, - ] - }, - { - type: "category", - collapsed: true, - label: "CLI Configurations", - items: [ "smartui-cli", "smartui-cli-figma", { @@ -2816,6 +2822,7 @@ module.exports = { "smartui-git-branching-strategy" ] }, + "smartui-pdf-comparison", ] }, {