Skip to content

smart ui sidebar and homepage #1175

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Dec 23, 2024
Merged

smart ui sidebar and homepage #1175

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
66 changes: 28 additions & 38 deletions docs/smart-visual-regression-testing.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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!
Expand Down Expand Up @@ -50,70 +50,60 @@ import SmartUISDKSupportedLanguage from '../src/component/SupportedLanguages/Sma
></script>
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:

<div className="support_main">
<a href="/support/docs/smartui-cli/">
<a href="/support/docs/smartui-selenium-java-sdk/">
<div className="support_inners">
<h3>Setup with CLI</h3>
<p>Learn how to perform Visual UI Testing using command line interface.</p>
<h3>SDK</h3>
<p>Perform Visual UI Testing using CLI.</p>
</div>
</a>
<a href="/support/docs/smart-ui-storybook/">
<a href="/support/docs/selenium-visual-regression/">
<div className="support_inners">
<h3>Setup with Storybook</h3>
<p>Learn how to perform Visual Regression Testing using Storybook Testing on Smart UI.</p>
<h3>Lambda Hooks</h3>
<p>Perform Visual UI Testing using Hooks.</p>
</div>
</a>
<a href="/support/docs/smartui-upload-api-v2/">
<a href="/support/docs/smartui-cli-figma/">
<div className="support_inners">
<h3>Upload through API</h3>
<p>Upload Screenshots through API for Visual Regression Testing</p>
<h3>Figma Designs</h3>
<p>Perform Visual UI testing of Figma Designs using SmartUI</p>
</div>
</a>
<a href="/support/docs/smartui-pdf-comparison/">
<a href="/support/docs/smartui-pdf-comparison/">
<div className="support_inners">
<h3>Compare PDFs</h3>
<p>Learn how to perform Visual Regression testing of PDFs using SmartUI.</p>
<h3>PDFs</h3>
<p>Perform Visual UI testing of PDFs using SmartUI.</p>
</div>
</a>
<a href="/support/docs/smart-ui-build-options/">
<a href="/support/docs/smartui-upload-api-v2/">
<div className="support_inners">
<h3>Build Config & Options</h3>
<p>Learn grouping your screenshots into different builds and map as per your testing suite needs.</p>
<h3>Upload through API</h3>
<p>Upload Screenshots through API for Visual UI Testing</p>
</div>
</a>
<a href="/support/docs/smartui-project-settings/">
<a href="/support/docs/smartui-cli-upload/">
<div className="support_inners">
<h3>Project Settings</h3>
<p>Learn how to customize your project, manage approvals, configure comparison parameters, and more.</p>
</div>
</a>
<a href="/support/docs/test-settings-options/">
<div className="support_inners">
<h3>Advanced Comparison Settings</h3>
<p>Learn how configure advanced comparison settings options.</p>
<h3>Upload through CLI</h3>
<p>Upload Screenshots through CLI for Visual UI Testing</p>
</div>
</a>
<a href="/support/docs/html-dom-smartui-options/">
<div className="support_inners">
<h3>HTML DOM Config & Options</h3>
<p>Learn how to handle HTML DOM in Smart UI</p>
</div>
</a>
<a href="/support/docs/smartui-git-branching-strategy">
<a href="/support/docs/smart-ui-storybook/">
<div className="support_inners">
<h3>Git Baseline Branching</h3>
<p>Learn Git Branching with SmartUI projects.</p>
<h3>Storybook</h3>
<p>Perform Visual UI Testing using Storybook on Smart UI.</p>
</div>
</a>
<a href="/support/docs/smartui-github-app-integration/">
<a href="/support/docs/smartui-git-branching-strategy/">
<div className="support_inners">
<h3>Github App Integration</h3>
<p>Setup your Github Repos with SmartUI projects and run your CI along with visual regression testing.</p>
<h3>Git Baseline Branching</h3>
<p>Learn how to execute SmartUI CLI with Git Commits.</p>
</div>
</a>
</div>

<!-- Here are all the languages and frameworks supported by SmartUI. -->
<!-- Here are all the types to test with SmartUI. -->

<Tabs className="docs__val">
<TabItem value="sdk" label="SDK" default>
Expand Down
161 changes: 84 additions & 77 deletions sidebars.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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",
{
Expand Down Expand Up @@ -2816,6 +2822,7 @@ module.exports = {
"smartui-git-branching-strategy"
]
},
"smartui-pdf-comparison",
]
},
{
Expand Down
Loading