Updated the following docs as per new UI

src/pages/docs/test-cases/step-types/overview.md

@@ -1,46 +1,63 @@
 ---
 title: "Test Step Types - Overview"
 pagetitle: "Test Step Types in Testsigma"
-metadesc: "What are Test Step types in Testsigma and how to create and use them"
+metadesc: "An automated test case is a step by step logic that will simulates user interactions for any device or OS. This article discusses different test step types in Testsigma"
 noindex: false
 order: 4.22
 page_id: "Test Step Types - Overview"
 warning: false
+contextual_links:
+- type: section
+  name: "Contents"
+- type: link
+  name: "Prerequisites"
+  url: "#prerequisites"
+- type: link
+  name: "Steps to Add Test Step Types"
+  url: "#steps-to-add-test-step-types"
 ---
 
 ---
 
-An automated test case is a step by step logic which simulates user interactions on a web browser / android screen / iOS screen or in the back end as an API. The step-by-step logic is implemented via test steps in Testsigma. 
+An automated test case is a step-by-step logic that simulates user interactions on a web browser/android/iOS screen or in the back end as an API. The step-by-step logic is implemented via test steps in Testsigma. This article gives an overview of the different types of test steps that can be created in Testsigma.
 
-In this document, we will give an overview of the different types of test steps that can be created in Testsigma.
+---
+
+## **Prerequisites**
 
-**Navigation**: Select Project > Test Development > Create Test Case > Test Steps page
+- You should have a Testsigma account.
+
+---
 
- 1. Go to Test Development 
- 2. In Test Cases, create a new test case as shown in the screenshot below
- 3. Once you click on the create button, you will be taken to the test steps page as shown below
- 4. Once you are in the test steps page, click on the icon beside the first test step or any other test step if available to see the different types of test steps as shown below
+## **Steps to Add Test Step Types**
 
-![Click step groups menu](https://docs.testsigma.com/images/step-types/click-on-test-steps-menu.png)
+1. Navigate to **Create Tests > Test Cases** and click on **Create Test Case**.
 
- 5. This will open the test steps menu from where you can choose different test steps. Read more about the different test steps and how to create them in the links below:
-
-    * [Natural Language](https://testsigma.com/docs/test-cases/step-types/natural-language/)
+![Test Cases](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tstypesnavtc.png)
 
-    * [Step Groups](https://testsigma.com/docs/test-cases/step-types/step-group/)
 
-    * [While Loops](https://testsigma.com/docs/test-cases/step-types/while-loop/)
+2. Enter **Name** and click on **Add new step**.  
 
-    * [For Loops](https://testsigma.com/docs/test-cases/step-types/for-loop/)
+![Add new step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tstypesans.png)
 
-    * [If Conditions](https://testsigma.com/docs/test-cases/step-types/if-condition/)
 
-    * [REST API](https://testsigma.com/docs/test-cases/step-types/rest-api/)
+3. Click on the option on the left side of the test step.
 
-![test step types ](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/step-types/overview/test-step-types.gif)
+![Option](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tstypesopn.png)
 
 
- 
+4. This will open a side panel from where you can choose different test steps.
 
+![Side Panel](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tstypesspnl.png)
 
 
+You can choose the type of test step you want to add to your test case from the panel. Read more about the different test steps and how to create them in the links below:
+
+- [Natural Language](https://testsigma.com/docs/test-cases/step-types/natural-language/)
+- [REST API](https://testsigma.com/docs/test-cases/step-types/rest-api/)
+- [Step Group](https://testsigma.com/docs/test-cases/step-types/step-group/)
+- [For Loop](https://testsigma.com/docs/test-cases/step-types/for-loop/)
+- [While Loop](https://testsigma.com/docs/test-cases/step-types/while-loop/)
+- [If Condition](https://testsigma.com/docs/test-cases/step-types/if-condition/)
+
+---

src/pages/docs/test-data/types/mailbox.md

@@ -44,7 +44,7 @@ Testsigma provides a digital inbox called Mail Box to verify OTP accuracy, check
 Before using Mailbox Test Data, ensure that you understand specific concepts such as creating a [Test Case](https://testsigma.com/docs/test-cases/manage/add-edit-delete/#creating-a-test-case), managing [Test Steps](https://testsigma.com/docs/test-cases/step-types/natural-language/), and effectively using them with [Test Data Types](https://testsigma.com/docs/test-data/types/overview/) and [Data Generators](https://testsigma.com/docs/test-data/types/data-generator/). Additionally, familiarise yourself with [Regular expressions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions) if necessary.
 
 [[info | NOTE:]]
-| You can enable Mail Box for your account by contacting [Testsigma Support]([email protected]) or using the **Instant Chat** option.
+| You can enable Mail Box for your account by contacting **[email protected]** or using the **Instant Chat** option.
 
 ---
 

src/pages/docs/test-management/test-plans/cross-browser-testing.md

@@ -1,5 +1,5 @@
 ---
-title: "Test Plan: Cross browser testing"
+title: "Cross Browser Testing"
 page_title: "Cross Browser Testing : Test Plan"
 metadesc: "Test the functionality of your web application in Testsigma across all platforms. Test your application on multiple browsers and versions easily."
 noindex: false
@@ -10,36 +10,85 @@ contextual_links:
 - type: section
   name: "Contents" 
 - type: link
-  name: "Steps to enable cross browser testing"
-  url: "#steps-to-enable-cross-browser-testing"
+  name: "Prerequisites"
+  url: "#prerequisites"
+- type: link
+  name: "Steps to Create Cross Browser Testing"
+  url: "#steps-to-create-cross-browser-testing"
 
 ---
 
+
+---
+
+
+Cross browser testing is a type of non-functional testing that ensures the functionality of applications across different browser-OS combinations and devices. It ensures that the application works as expected on well-known web browsers like Firefox, Chrome, Edge, Safari, and various OS, such as Windows, macOS, Linux, iOS, and Android. 
+
+
+Cross browser testing also evaluates the performance of applications on different devices, such as smartphones, tablets, desktops, and laptops, produced by different manufacturers. This testing approach ensures that your application provides an optimal user experience, regardless of the user's choice of browser, OS, or device. With cross browser testing, you can identify and address compatibility issues, which enhances the usability of your application for a wider audience.
+
+
 ---
 
-Cross Browser testing is a type of non-functional testing that enables you to check whether your application works as expected in:
 
-- Different Browser-OS combinations that is, on popular browsers like Firefox, Chrome, Edge, Safari and on any of the different operating systems such as Windows, macOS,Linux, iOS and Android.
-- Different devices such as smartphones, tablets, desktops and laptops produced by different companies.
- 
+## **Prerequisites**
 
-*For more information refer to, [cross-browser testing](https://testsigma.com/cross-browser-testing)*.
+- You should know [how to create a test suite](https://testsigma.com/docs/test-management/test-suites/overview/#creating-a-test-suite).
 
- 
-To enable *Cross-browser testing* 
+- You should know [how to create a test plan](https://testsigma.com/docs/test-management/test-plans/overview/#steps-to-create-a-test-plan).
 
-1. Create a test plan. You can also enable Cross browser testing in exisiting test plans.
-2. Select the browsers to run the test on.
-3. Select the devices to account for application behavior on different operating systems.
 
 ---
 
-## **Steps to enable cross browser testing**
+## **Steps to Create Cross Browser Testing**
+
+1. Navigate to **Test Plans** and click on **Create Test Plan**.
+
+![Test Plans](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/cbtestnavtp.png)
+
+
+2. On the **Create Test Plan** page, select Cross browser testing from **Test Plan Type**.
+
+![Test Plan Type](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/cbtesttptype.png)
+
+
+3. Click on **Add Test Suites & Link Machine Profiles**.
+
+![Link Machines](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ditelmachines.png)
+
+
+4. Click on **Add Test Suites**.
+
+![Add Test Suites](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/diteaddts.png)
+
+
+5. Select test suites and click on **Add to Plan**.
+
+![Add to Plan](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/cbtesttms.png)
+
+
+6. Click on **Test Machine** to add test machines to run the test suite. 
+
+![Test Machine](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/cbtesttmachine.png)
+
+
+7. On **Select test machine profiles** overlay, select test machines and click on **Save selections**.
+
+![Test Machine Selection](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/cbtesttmsaveselect.png)
+
+[[info | **NOTE**:]]
+| On test plan execution, all the selected test suites run on all selected test machines in parallel or sequentially, depending on your selection. 
+
+8. Go to **Test Plan Settings** and click on **Create**.
+
+![Create](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/cbtestcreate.png)
+
+<br>
+
+Here’s a quick GIF demonstrating how to create cross browser testing in Testsigma.
+
+
+![Cross Browser Testing](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/crossbrowsertesting.gif)
+
 
-1. Navigate to **Test Machines & Suites Selection** under the **Create test plan** form.  *If you are not familiar with creating a test plan, refer to [add, edit,delete a test plan](https://testsigma.com/docs/test-management/test-plans/overview/)*.
-2. Under the **Test machines & suites selection** tab,select the test suite for which you want to add the test machine for test execution.*For more information refer to [adding test suites](https://testsigma.com/docs/test-management/test-plans/manage-test-suites/)*
-3. Once you have selected the test suites, select the test machines to run the coressponding test suite. *For more information refer to [add test machines](https://testsigma.com/docs/test-management/test-plans/manage-test-machines/)*
-
- Note that,for *Cross-browser testing* ,test machines and test suites are selected separately. On execution, all the selected test suites are run on all selected test machines ( in parallel or sequentially - depending on your selection).
- See the below GIF to understand the workflow to enable cross browser testing:
-![Cross browser testing](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-management/test-plans/cross-browser-testing/cross_browser_testing.gif)
+---

src/pages/docs/test-management/test-plans/distributed-testing.md

@@ -14,7 +14,7 @@ contextual_links:
   url: "#prerequisites"
 - type: link
   name: "Steps to Create Distributed Testing"
-  url: "#steps-to-enable-distributed-testing"
+  url: "#steps-to-create-distributed-testing"
 ---
 
 
@@ -42,7 +42,7 @@ Distributed testing is achieved in Testsigma by splitting up test plan execution
 
 ---
 
-## **Steps to enable distributed testing**
+## **Steps to Create Distributed Testing**
 
 1. Navigate to **Test Plans** and click on **Create Test Plan**.