Skip to content

Commit 0937895

Browse files
amanchopra1905amanchopra1905
committed
smart ui sidebar and homepage
1 parent acde8da commit 0937895

File tree

2 files changed

+112
-115
lines changed

2 files changed

+112
-115
lines changed

‎docs/smart-visual-regression-testing.md‎

Lines changed: 28 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
id: smart-visual-regression-testing
3-
title: Getting started with SmartUI
3+
title: Explore Visual Regression tests with SmartUI
44
hide_title: false
55
sidebar_label: Visual Regression
66
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
5050
></script>
5151
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.
5252

53+
You can perform following Visual Regression tests using SmartUI:
54+
5355
<div className="support_main">
54-
<a href="/support/docs/smartui-cli/">
56+
<a href="/support/docs/smartui-selenium-java-sdk/">
5557
<div className="support_inners">
56-
<h3>Setup with CLI</h3>
57-
<p>Learn how to perform Visual UI Testing using command line interface.</p>
58+
<h3>SDK</h3>
59+
<p>Perform Visual UI Testing using CLI.</p>
5860
</div>
5961
</a>
60-
<a href="/support/docs/smart-ui-storybook/">
62+
<a href="/support/docs/selenium-visual-regression/">
6163
<div className="support_inners">
62-
<h3>Setup with Storybook</h3>
63-
<p>Learn how to perform Visual Regression Testing using Storybook Testing on Smart UI.</p>
64+
<h3>Lambda Hooks</h3>
65+
<p>Perform Visual UI Testing using Hooks.</p>
6466
</div>
6567
</a>
66-
<a href="/support/docs/smartui-upload-api-v2/">
68+
<a href="/support/docs/smartui-cli-figma/">
6769
<div className="support_inners">
68-
<h3>Upload through API</h3>
69-
<p>Upload Screenshots through API for Visual Regression Testing</p>
70+
<h3>Figma Designs</h3>
71+
<p>Perform Visual UI testing of Figma Designs using SmartUI</p>
7072
</div>
7173
</a>
72-
<a href="/support/docs/smartui-pdf-comparison/">
74+
<a href="/support/docs/smartui-pdf-comparison/">
7375
<div className="support_inners">
74-
<h3>Compare PDFs</h3>
75-
<p>Learn how to perform Visual Regression testing of PDFs using SmartUI.</p>
76+
<h3>PDFs</h3>
77+
<p>Perform Visual UI testing of PDFs using SmartUI.</p>
7678
</div>
7779
</a>
78-
<a href="/support/docs/smart-ui-build-options/">
80+
<a href="/support/docs/smartui-upload-api-v2/">
7981
<div className="support_inners">
80-
<h3>Build Config & Options</h3>
81-
<p>Learn grouping your screenshots into different builds and map as per your testing suite needs.</p>
82+
<h3>Upload through API</h3>
83+
<p>Upload Screenshots through API for Visual UI Testing</p>
8284
</div>
8385
</a>
84-
<a href="/support/docs/smartui-project-settings/">
86+
<a href="/support/docs/smartui-cli-upload/">
8587
<div className="support_inners">
86-
<h3>Project Settings</h3>
87-
<p>Learn how to customize your project, manage approvals, configure comparison parameters, and more.</p>
88-
</div>
89-
</a>
90-
<a href="/support/docs/test-settings-options/">
91-
<div className="support_inners">
92-
<h3>Advanced Comparison Settings</h3>
93-
<p>Learn how configure advanced comparison settings options.</p>
88+
<h3>Upload through CLI</h3>
89+
<p>Upload Screenshots through CLI for Visual UI Testing</p>
9490
</div>
9591
</a>
96-
<a href="/support/docs/html-dom-smartui-options/">
97-
<div className="support_inners">
98-
<h3>HTML DOM Config & Options</h3>
99-
<p>Learn how to handle HTML DOM in Smart UI</p>
100-
</div>
101-
</a>
102-
<a href="/support/docs/smartui-git-branching-strategy">
92+
<a href="/support/docs/smart-ui-storybook/">
10393
<div className="support_inners">
104-
<h3>Git Baseline Branching</h3>
105-
<p>Learn Git Branching with SmartUI projects.</p>
94+
<h3>Storybook</h3>
95+
<p>Perform Visual UI Testing using Storybook on Smart UI.</p>
10696
</div>
10797
</a>
108-
<a href="/support/docs/smartui-github-app-integration/">
98+
<a href="/support/docs/smartui-git-branching-strategy/">
10999
<div className="support_inners">
110-
<h3>Github App Integration</h3>
111-
<p>Setup your Github Repos with SmartUI projects and run your CI along with visual regression testing.</p>
100+
<h3>Git Baseline Branching</h3>
101+
<p>Learn how to execute SmartUI CLI with Git Commits.</p>
112102
</div>
113103
</a>
114104
</div>
115105

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

118108
<Tabs className="docs__val">
119109
<TabItem value="sdk" label="SDK" default>

‎sidebars.js‎

Lines changed: 84 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -2686,108 +2686,114 @@ module.exports = {
26862686
},
26872687
{
26882688
type: "category",
2689-
collapsed: true,
2690-
label: "Languages and Frameworks",
2689+
collapsed: false,
2690+
label: "Visual Testing Configurations",
26912691
items: [
26922692
{
26932693
type: "category",
2694-
collapsed: true,
2695-
label: "SDK",
2694+
collapsed: false,
2695+
label: "Languages and Frameworks",
26962696
items: [
26972697
{
26982698
type: "category",
2699-
label: "Selenium",
27002699
collapsed: true,
2700+
label: "SDK",
27012701
items: [
27022702
{
2703-
type: "doc",
2704-
label: "Java",
2705-
id: "smartui-selenium-java-sdk",
2706-
},
2707-
{
2708-
type: "doc",
2709-
label: "Javascript",
2710-
id: "smartui-selenium-js-sdk",
2711-
},
2712-
{
2713-
type: "doc",
2714-
label: "C#",
2715-
id: "smartui-selenium-csharp-sdk",
2716-
},
2717-
{
2718-
type: "doc",
2719-
label: "Python",
2720-
id: "smartui-selenium-python-sdk",
2703+
type: "category",
2704+
label: "Selenium",
2705+
collapsed: true,
2706+
items: [
2707+
{
2708+
type: "doc",
2709+
label: "Java",
2710+
id: "smartui-selenium-java-sdk",
2711+
},
2712+
{
2713+
type: "doc",
2714+
label: "Javascript",
2715+
id: "smartui-selenium-js-sdk",
2716+
},
2717+
{
2718+
type: "doc",
2719+
label: "C#",
2720+
id: "smartui-selenium-csharp-sdk",
2721+
},
2722+
{
2723+
type: "doc",
2724+
label: "Python",
2725+
id: "smartui-selenium-python-sdk",
2726+
},
2727+
{
2728+
type: "doc",
2729+
label: "Ruby",
2730+
id: "smartui-selenium-ruby-sdk",
2731+
},
2732+
],
27212733
},
27222734
{
2723-
type: "doc",
2724-
label: "Ruby",
2725-
id: "smartui-selenium-ruby-sdk",
2735+
type: "category",
2736+
label: "Playwright",
2737+
collapsed: true,
2738+
// id: "smart-visual-regression-testing",
2739+
items: [
2740+
{
2741+
type: "doc",
2742+
label: "Javascript",
2743+
id: "smartui-playwright-sdk",
2744+
},
2745+
{
2746+
type: "doc",
2747+
label: "Java",
2748+
id: "smartui-playwright-python-sdk",
2749+
},
2750+
],
27262751
},
2727-
],
2752+
"smartui-puppeteer-sdk",
2753+
"smartui-testcafe-sdk",
2754+
"smartui-cypress-sdk",
2755+
"smartui-appium-sdk",
2756+
"smartui-wdio-sdk",
2757+
]
27282758
},
27292759
{
27302760
type: "category",
2731-
label: "Playwright",
27322761
collapsed: true,
2733-
// id: "smart-visual-regression-testing",
2762+
label: "Lambda Hooks",
27342763
items: [
2735-
{
2736-
type: "doc",
2737-
label: "Javascript",
2738-
id: "smartui-playwright-sdk",
2739-
},
2740-
{
2741-
type: "doc",
2742-
label: "Java",
2743-
id: "smartui-playwright-python-sdk",
2744-
},
2745-
],
2764+
"selenium-visual-regression",
2765+
"smart-ui-cypress",
2766+
"playwright-visual-regression",
2767+
"puppeteer-visual-regression",
2768+
"smartui-k6-setup",
2769+
"appium-visual-regression",
2770+
"espresso-visual-regression",
2771+
]
27462772
},
2747-
"smartui-puppeteer-sdk",
2748-
"smartui-testcafe-sdk",
2749-
"smartui-cypress-sdk",
2750-
"smartui-appium-sdk",
2751-
"smartui-wdio-sdk",
27522773
]
27532774
},
27542775
{
27552776
type: "category",
27562777
collapsed: true,
2757-
label: "Stabilize Your Screenshots",
2778+
label: "CLI Configurations",
27582779
items: [
2759-
"smartui-freeze-animations",
2760-
"smartui-handle-dynamic-data",
2761-
"smartui-handle-videos",
2762-
"smartui-handle-lazy-loading",
2763-
"smartui-handle-sticky-elements"
2764-
]
2765-
},
2766-
"smartui-cli-responsive-dom",
2767-
"smartui-sdk-fetch-results",
2768-
"smartui-sdk-config-options",
2769-
"smartui-pdf-comparison",
2770-
{
2771-
type: "category",
2772-
collapsed: true,
2773-
label: "Lambda Hooks",
2774-
items: [
2775-
"selenium-visual-regression",
2776-
"smart-ui-cypress",
2777-
"playwright-visual-regression",
2778-
"puppeteer-visual-regression",
2779-
"smartui-k6-setup",
2780-
"appium-visual-regression",
2781-
"espresso-visual-regression",
2782-
]
2780+
"smartui-sdk-fetch-results",
2781+
"smartui-cli-responsive-dom",
2782+
"smartui-sdk-config-options",
2783+
{
2784+
type: "category",
2785+
collapsed: true,
2786+
label: "Stabilize Your Screenshots",
2787+
items: [
2788+
"smartui-freeze-animations",
2789+
"smartui-handle-dynamic-data",
2790+
"smartui-handle-videos",
2791+
"smartui-handle-lazy-loading",
2792+
"smartui-handle-sticky-elements"
2793+
]
2794+
},
2795+
],
27832796
},
2784-
]
2785-
},
2786-
{
2787-
type: "category",
2788-
collapsed: true,
2789-
label: "CLI Configurations",
2790-
items: [
27912797
"smartui-cli",
27922798
"smartui-cli-figma",
27932799
{
@@ -2816,6 +2822,7 @@ module.exports = {
28162822
"smartui-git-branching-strategy"
28172823
]
28182824
},
2825+
"smartui-pdf-comparison",
28192826
]
28202827
},
28212828
{

0 commit comments

Comments
 (0)