From 2bfde64861c9f73d717ca3b33769a85cbe9de549 Mon Sep 17 00:00:00 2001
From: Bharath Krishna <118433150+bharathk08@users.noreply.github.com>
Date: Mon, 25 Sep 2023 10:10:51 +0530
Subject: [PATCH] Updated the docs as per new UI

---
 .../network-throttling.md                     |  75 ++++---
 .../android-apps/overview.md                  | 195 +++++-------------
 .../docs/test-cases/manage/import-export.md   |  42 ++--
 src/pages/docs/test-data/types/random.md      |  27 ++-
 4 files changed, 146 insertions(+), 193 deletions(-)

diff --git a/src/pages/docs/desired-capabilities/network-throttling.md b/src/pages/docs/desired-capabilities/network-throttling.md
index 4878b04f..495d38f0 100644
--- a/src/pages/docs/desired-capabilities/network-throttling.md
+++ b/src/pages/docs/desired-capabilities/network-throttling.md
@@ -1,18 +1,40 @@
 ---
-title: "Network throttling"
+title: "Network Throttling"
 metadesc: "Network throttling is an intentional slowing down of internet speed. Learn how to enable and use Network Throttling feature in Testsigma"
 noindex: false
 order: 15.91
 page_id: "Network Throttling"
 search_keyword: "Network Throttling"
 warning: false
+contextual_links:
+- type: section
+  name: "Contents"
+- type: link
+  name: "Prerequisites"
+  url: "#prerequisites"
+- type: link
+  name: "Available Network Conditions"
+  url: "#available-network-conditions"
+- type: link
+  name: "Steps to Enable Network Throttling"
+  url: "#steps-to-enable-network-throttling"
+- type: link
+  name: "Using Network Throttling Feature in Test Cases"
+  url: "#using-network-throttling-feature-in-test-cases"
 ---
 
 ---
-<p><em>Network throttling</em> is an intentional slowing down of internet speed. It is used to simulate user experience under low bandwidth conditions. This is useful from a testing perspective as developers and quality analysts get an understanding of how the website loads and functions when accessed from different network environments, especially environments wherein poor network speed is experienced.
 
-This article demonstrates the method to enable the network throttling feature, with which testers can simulate poor network conditions while testing web applications using Testsigma.
+Network throttling is an intentional slowing down of internet speed. It is used to simulate user experience under low bandwidth conditions. It also helps you understand how the website loads and functions when accessed from different network environments, especially environments wherein poor network speed is experienced. This article discusses how to enable the network throttling feature in Testsigma.
 
+---
+
+## **Prerequisites**
+- You should be familiar with [Testsigma Addons](https://testsigma.com/docs/addons/what-is-an-addon/).
+
+---
+
+## **Available Network Conditions**
 The following profile options can be used to simulate various network conditions for your test:
 </p>
 <style>
@@ -61,34 +83,39 @@ The following profile options can be used to simulate various network conditions
 </tr>
 </table>
 </body>
-To enable network throttling:
 
-<ol>
-<li>Navigate to <strong>Add-ons</strong> on the left panel of the Testsigma UI.</li>
-<li>Select the add-on <strong>Network Throttling</strong> from the available list and click <strong>Install</strong>.</li>
+---
 
-![Network throttling add-on](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/desired-capabilities/network-throttling/network-throttling-addons.png)
+## **Steps to Enable Network Throttling**
+1. Click on **Addons** from Dashboard.
+![Addons](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ntaddonbutton.png)
 
-<li>Navigate to <strong>Test Development</strong> on the left panel of the UI.</li>
-<li>Under Design & Development section, select <strong>Test Cases</strong>.</li>
+2. Select **Network Throttling** and click on **Install**.
+![Network Throttling](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ntaddon.png)
 
-<li>Click on the test case from the available list of test cases, to apply the network throttling feature. This will take you to the test steps page. Optionally, you can create a new test case.</li>
-<li>The way to introduce the network throttling in your test case, is by adding a new test step at the point from which you wish to simulate the network conditions. On that account, on the test steps page, hover the mouse over the test step you want to add the new test step.</li>
-<li>Click <strong>+Add Step</strong> to add a new step to the test case.</li>
+Here's a quick GIF demonstrating how to install Network Throttling addon in Testsigma.
+![Network Throttling Addon](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ntaddonGIF.gif)
 
-![Add-network-throttling-step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/desired-capabilities/network-throttling/add-step-network-throttling.png)
+---
 
-<li>Click on the text field. It will give you a dropdown list of several options.</li>
-<li>Select the option, simulate network to <var>upload_speed</var> <strong>upload speed(kbps)</strong> <var>download_speed</var>    <strong>download speed(kbps)</strong> <var>latency_time</var> <strong>latency(ms)</strong>.</li>
+## **Using Network Throttling Feature in Test Cases**
+1. Navigate to **Create Tests > Test Cases**.
+![Test Case List Page](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/nttcs.png)
 
-![Simulate-network-throttling-step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/desired-capabilities/network-throttling/simulate-network-throttling-step.png)
+2. Create a test case or click on an existing test case for which you want to add **Network Throttling** feature.
 
-<li>Remove the parameters <var>upload_speed</var>, <var>download_speed</var>, and <var>latency_time</var> and enter the appropriate values. <em>For more information on the parameter values of different network profiles, refer to the table above.</em></li>
-<li>Click <strong>Create</strong>.<br>
-You have now added the network throttling feature to your test case. With network throttling, you can change your network profile to test the functionality of your test cases while exposed to different network environments.
-</li>
-</ol>
+3. You can add the **Network Throttling** feature in your test case by adding a new test step at the point where you wish to simulate the network conditions.
 
-Testsigma support <em>Network throttling</em> to test your apps and websites under various network scenarios.For more information, reach out to us at [support@testsigma.com](mailto:support@testsigma.com) or through our [support channel on Testsigma Discord](https://discord.com/invite/SjYKkSTUq9).
+4. Click on **Step Above**.
+![Test Step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/stepabovent.png)
 
----
+5. Create a step with the NLP, *Simulate network to upload_speed upload speed(kbps) download_speed download speed(kbps) latency_time latency(ms)*.
+![NLP](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/simulateNLP.png)
+
+6. You have now added the network throttling feature to your test case. With network throttling, you can change your network profile to test the functionality of your test cases while exposed to different network environments.
+![NLP Added](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/addedNLPnt.png)
+
+Here's a quick GIF demonstrating how to use Network Throttling in Test Cases.
+![Use Case](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ntusecasegif.gif)
+
+---
\ No newline at end of file
diff --git a/src/pages/docs/test-cases/create-steps-recorder/android-apps/overview.md b/src/pages/docs/test-cases/create-steps-recorder/android-apps/overview.md
index 8f10069f..2c3b1e04 100644
--- a/src/pages/docs/test-cases/create-steps-recorder/android-apps/overview.md
+++ b/src/pages/docs/test-cases/create-steps-recorder/android-apps/overview.md
@@ -1,6 +1,6 @@
 ---
 title: "Recording Test Steps with Recorder for Android: An Overview"
-metadesc: "How to record test steps using Testsigma’s Recorder for android."
+metadesc: "This article discusses how to use the recorder to record your test steps and generate automated android tests | Record Test Steps with Recorder for Android"
 noindex: false
 order: 4.521
 page_id: "Recording Test Steps with Recorder for Android: An Overview"
@@ -9,153 +9,64 @@ contextual_links:
 - type: section
   name: "Contents"
 - type: link
-  name: "Pre-requisites"
-  url: "#pre-requisites"
+  name: "Prerequisites"
+  url: "#prerequisites"
 - type: link
-  name: "How to record test steps using Testsigma’s Recorder for android"
-  url: "#how-to-record-test-steps-using-testsigmas-recorder-for-android"
+  name: "Steps to Record Test Steps for Android Using Recorder"
+  url: "#steps-to-record-test-steps-for-android-using-recorder"
 ---
 
 ---
 
-With Testsigma, you can either write your test steps in simple English or you can use the Recorder to record your test steps and generate airtight automated android tests in simple English. In this document, we cover how to record test steps via the Recorder. 
-
-&emsp;
+With Testsigma, you can either write your test steps using NLPs or use the recorder to record your test steps and generate automated android tests. This article discusses how to record test steps for Android using the recorder.
 
 ---
-##**Pre-requisites:**
-
- 1. You should have an account on Testsigma.
- 2. Your Testsigma account should have an android app uploaded under ‘uploads’. This is the android app that you want to test.
-
-&emsp;
+## **Prerequisites:**
+- Testsigma test step recorder chrome extension. See, [Testsigma Chrome Extension](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/).
+- An android app that you want to test.
 
 ---
-##**How to record test steps using Testsigma’s Recorder for android:**
-
- 1. Open a pre-existing Android Project or create a new one under your Testsigma account.
- 2. Go to ‘Test Development > Test Cases’
- 3. Create a new Test Case. Let's name it ‘first test case’.
- 4. From your test case page, click on the record button:
-
-![the record button to record test steps via the Recorder in Testsigma, for an android project](https://docs.testsigma.com/images/android-apps/record-button-record-test-steps-Recorder-testsigma-android.png)
-
- 5. The record button will launch the Recorder. Once you click the record button, another window will open up, where you can choose the device lab, version, device, and app for testing:
-
- ![the record button window to record test steps via the Recorder in Testsigma, for an android project](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/overview/start-record-session-android-with-save-as-favorite-button.png)
-
- **Note**: If you want to be using the same recording configuration often then you can save this as a favorite using the button “Save As Favorite”.
-
- 6. Click Record. The recorder interface will look like this:
-
- ![Test recorder interface for Android](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/overview/test-recorder-interface-android-1.png)
-
- 7. The test steps will appear on the section ‘Test Steps’. As you can see, the first step will be ‘Launch App’.
-
-![Test Steps in Test recorder interface for Android](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/overview/test-recorder-interface-android-1-test-steps.png)
-
- 8. Now you can use the Recorder to record the next steps. Before doing that let’s review all the options available with the Recorder. The options available are:
-
-
-&emsp;
-
-   * Mirroring mode:
-
- ![Mirroring mode in Test recorder interface for Android](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/overview/test-recorder-interface-android-1-mirroring-mode.png)
-
-Mirror mode will allow you to use the app via Testsigma to mirror real live physical device use.
-
-&emsp;
-
-   * Select Element:
-
- ![Select Element in Test recorder interface for Android](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/overview/test-recorder-interface-android-1-select-element.png)
-
-When 'Select Element' is selected, you can click on elements and get more information about them. For example, if we click on the button ‘Sign up with Apple’, this information about the button will appear on the Recorder UI.
-
-![actions available for an inspected element to record test steps via the Recorder in Testsigma, for an android project](https://docs.testsigma.com/images/android-apps/actions-for-inspected-element-Recorder-testsigma-android.png)
-
-
-You can click on the button ‘tap’ or ‘Enter Data’ for the selected element to perform the corresponding actions on the selected element.
-
-&emsp;
-
-   * Swipe By Coordinates
-
- ![Swipe by coordinates  in Test recorder interface for Android](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/overview/test-recorder-interface-android-1-swipe-by-coordinates.png)
-
-   * Tap By Coordinates
-
-![Tap by coordinates  in Test recorder interface for Android](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/overview/test-recorder-interface-android-1-tap-by-coordinates.png)
-
-The ‘Tap By Coordinates’ button lets you click on an element on the screen and record the coordinates of the click.
-
-&emsp;
-
-   * Go back
-
-![go back button on the Recorder in Testsigma, for an android project](https://docs.testsigma.com/images/android-apps/go-back-button-Recorder-testsigma-android.png)
-
-This button records the “go back” action from the current screen.
-
-&emsp;
-
-   * Home
-
-![home button on the Recorder in Testsigma, for an android project](https://docs.testsigma.com/images/android-apps/home-button-Recorder-testsigma-android.png)
-
-The home button displays the home screen of the device.
-
-&emsp;
-
-   * Refresh Screenshot
-
-![refresh button on the Recorder in Testsigma, for an android project](https://docs.testsigma.com/images/android-apps/refresh-button-Recorder-testsigma-android.png)
-
-The Refresh Screenshot button lets you refresh the current screen on the mobile device.
-
-&emsp;
-
-   * Toggle
-
-![toggle button on the Recorder in Testsigma, for an android project](https://docs.testsigma.com/images/android-apps/toggle-button-Recorder-testsigma-android.png)
-
-The Toggle button lets you switch between landscape and portrait mode.
-
-&emsp;
-
-   * Search Element
-
-![search button on the Recorder in Testsigma, for an android project](https://docs.testsigma.com/images/android-apps/search-button-Recorder-testsigma-android.png)
-
-This option can be used to search for an element in the app source.
-
-
-&emsp;
-
-
-To know about other aspects of the Recorder, refer to the links below:
-
- 1. [Test Step Actions](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/step-actions/): The actions that can be performed on a test step via the Recorder UI.
- 2. [Test Step Settings](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/step-settings/): The settings that are available for a test step via the Recorder UI.
- 3. [Test Data in Steps](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/test-data-options/): How to use test data in test steps via the Recorder UI.
- 4. [Add Steps Manually](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/add-steps-manually/): How to add steps manually via the Recorder UI.
- 5. [Reuse Elements](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/reuse-elements/): How to reuse already added elements via the Recorder UI.
- 6. [Update Elements](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/update-elements/): How to update already added elements via the Recorder UI.
- 7. [Create an Element](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/create-a-new-element/): How to create an element via the Recorder UI.
- 8. [Reorder Test Steps](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/reorder/): How to reorder test steps via the Recorder UI.
- 9.  [Bulk Actions](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/bulk-actions/): The bulk actions that can be performed on multiple test steps at once via the Recorder UI.
- 10. [Add Steps Before & After](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/add-steps-before-after/): How to add steps before and after the steps that are already added, via the Recorder UI.
- 11. [Type: Natural Language](https://testsigma.com/docs/test-cases/step-types/natural-language/): How to add a new step as a natural language step via the Recorder UI.
- 12. [Type: Step Group](https://testsigma.com/docs/test-cases/step-types/step-group/): How to add a new step as a step group via the Recorder UI.
- 13. [Type: For Loop](https://testsigma.com/docs/test-cases/step-types/for-loop/): How to add a new step as a for loop via the Recorder UI.
- 14. [Type: While Loop](https://testsigma.com/docs/test-cases/step-types/while-loop/): How to add a new step as a while loop via the Recorder UI.
- 15. [Type: Conditional If](https://testsigma.com/docs/test-cases/step-types/if-condition/): How to add a new step as a conditional if via the Recorder UI.
-
-
-
-
-
-
-
-      
\ No newline at end of file
+## **Steps to Record Test Steps for Android Using Recorder**
+1. Navigate to **Create Tests > Test Cases**, click on **Create Test Case**.
+![Test Case Page](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tcsnavandov.png)
+
+2. On Test Case details page, click on **Record**
+![Test Case Details](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/recordandov.png)
+
+3. An overlay of **Record test steps** pops up. Select **Test Lab**, **Test Machine** and upload the application you want to test. 
+![Overlay](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tltmupandov.png)
+
+4. Click on **Record**.
+![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/recoandov.png)
+
+5. The recording screen will have two sections:
+    - **Device Controlling Section**
+    ![DCS](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/dcsanov.png)
+    - **Test Steps Section**
+    ![Test Step Section](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tscsandov.png)
+
+6. Let’s review all the options available in the **Device Controlling Section**.
+    - **Mirroring mode**: Mirror mode will allow you to use the app via Testsigma to mirror real live physical device use.
+    ![Mirroring Mode](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mmodeanov.png)
+    - **Select Element**: You can click on elements and get more information about them. 
+    ![Select Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/seandov.png)
+    For example, if we click on **Login**, the information will be displayed under the section **Selected element attributes**. If you click on **Tap**, the step recorder will create the step as ***Tap on Login***.
+    ![Tap](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tapanov.png)
+    - **Swipe By Coordinates**: The swiping action will be recorded with this option.
+    ![Swipe by Coordinates](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sbcandov.png)
+    - **Tap By Coordinates:** It lets you click on an element on the screen and record the coordinates of the click.
+    ![Tap by Coordinates](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tbcandov.png)
+    - **Search Element**: This option can be used to search for an element in the app source.
+    ![Select Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/seandrov.png)
+    - **Go back**: This button records the “go back” action from the current screen.
+    ![Go Back](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/gobackandov.png)
+    - **Home**: This button displays the home screen of the device.
+    ![Home](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/homeandov.png)
+    - **Hide Keyboard**: This button lets you hide the keyboard in the application.
+    ![Hide Keyboard](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/hidekbondov.png)
+    - **Change to landscape mode**: This button lets you switch between landscape and portrait mode.
+    ![Change to Landscape Mode](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/landscmandov.png)
+
+7. The **Test Steps Section** will display the actions performed on the device. 
+
+---
\ No newline at end of file
diff --git a/src/pages/docs/test-cases/manage/import-export.md b/src/pages/docs/test-cases/manage/import-export.md
index afa2c058..258470e3 100644
--- a/src/pages/docs/test-cases/manage/import-export.md
+++ b/src/pages/docs/test-cases/manage/import-export.md
@@ -1,6 +1,6 @@
 ---
 title: "Import and Export Test Cases"
-metadesc: "Importing and exporting test cases to and from the test cases list"
+metadesc: "You can use test case import and export to populate a new Testsigma project with previously built test cases | Learn how to import and export test cases in Testsigma"
 noindex: false
 order: 4.14
 page_id: "Import and Export Test Cases"
@@ -24,7 +24,7 @@ contextual_links:
 
 ---
 
-You can easily use test case import and export to populate a new testing project with previously built test cases or perform bulk-update on the Test Cases. This article discusses how to import and export test cases in Testsigma.
+You can easily use test case import and export to populate a new Testsigma project with previously built test cases or perform bulk-update on the Test Cases. This article discusses how to import and export test cases in Testsigma.
 
 ---
 
@@ -33,6 +33,24 @@ You can easily use test case import and export to populate a new testing project
 
 ---
 
+## **Steps to Export Test Cases**
+1. Navigate to **Settings > Imports & Exports**, and click on **Export**.
+![Imports & Exports](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/EXPORTTCS.png)
+
+2. On **Export** prompt, 
+    - Select the **Project**, **Application** and **Version** from which you want to export test cases.
+    ![Select Project, Apps, Version](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/exportprompttcs.png)
+    - Check the models you want to export.
+    ![Export Models](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/exportmodelstcs.png)
+    - Click on **Start export**.
+    ![Start Exports](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/startexporttcs.png)
+
+You’ll receive mail with an exported data file. Download the file to import data on targeted applications and versions. Alternatively, you can also download the file by clicking on the **Kabab Menu** & **Download import data**.
+![Kebab Menu & Download](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/kebabtcs.png)
+
+Here’s a quick GIF demonstrating how to export test cases. 
+![Export](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ExportTCs.gif)
+
 ## **Import File Format**
 
 The Import file has the following Columns:
@@ -64,26 +82,6 @@ The Import file has the following Columns:
 
 ---
 
-## **Steps to Export Test Cases**
-1. Navigate to **Settings > Imports & Exports**, and click on **Export**.
-![Imports & Exports](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/EXPORTTCS.png)
-
-2. On **Export** prompt, 
-    - Select the **Project**, **Application** and **Version** from which you want to export test cases.
-    ![Select Project, Apps, Version](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/exportprompttcs.png)
-    - Check the models you want to export.
-    ![Export Models](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/exportmodelstcs.png)
-    - Click on **Start export**.
-    ![Start Exports](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/startexporttcs.png)
-
-You’ll receive mail with an exported data file. Download the file to import data on targeted applications and versions. Alternatively, you can also download the file by clicking on the **Kabab Menu** & **Download import data**.
-![Kebab Menu & Download](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/kebabtcs.png)
-
-Here’s a quick GIF demonstrating how to export test cases. 
-![Export](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ExportTCs.gif)
-
----
-
 ## **Steps to Import Test Cases**
 1. Navigate to **Settings > Imports & Exports**, and click on **Import**.
 ![Imports & Exports](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/importexporttcs.png)
diff --git a/src/pages/docs/test-data/types/random.md b/src/pages/docs/test-data/types/random.md
index a782e31e..cf7996f5 100644
--- a/src/pages/docs/test-data/types/random.md
+++ b/src/pages/docs/test-data/types/random.md
@@ -5,17 +5,34 @@ noindex: false
 order: 5.116
 page_id: "Random Test Data in Testsigma"
 warning: false
+contextual_links:
+- type: section
+  name: "Contents"
+- type: link
+  name: "Prerequisites"
+  url: "#prerequisites"
+- type: link
+  name: "Using Random Test Data"
+  url: "#using-random-test-data"
 ---
 
 ---
 
-Many of your Test Cases require inputs which are random in nature. For example, entering an Account number, ID number, phone number e.t.c. With Testsigma you can create a random alphanumeric block of data using Random Test Data.
+Many test cases need random inputs such as inputting an account number, ID number, phone number, etc. With Testsigma, you can create random alphanumeric data blocks through its Random Test Data.
 
+--- 
 
-We assume that you are already familiar with creating Test Steps using simple English with NLP and updating test data type while creating Test Step. If not, refer to [Creating Test Steps using Natural Language](https://testsigma.com/docs/test-cases/create-steps-nl/overview/).
+## **Prerequisites**
+- You should be familiar with [test step creation using NLPs](https://testsigma.com/docs/test-cases/create-steps-nl/overview/).
 
-The Random Test Data is invoked by using the ~|<integer>| format where <integer> is a number between 1 and 256. This will generate a random alphanumeric string that has length as specified by integer during execution of the Test Case.
+---
+
+## **Using Random Test Data**
+You can use the Random Test Data feature in your test cases by specifying a number ranging from 1 to 256. This will generate a random alphanumeric string with a length as specified by the number during the execution of the test case.
+
+For example, you have a test case that requires entering an account number, and you want to generate a random 10-digit account number for every execution. You can achieve this using the format ~|10| within your Test Case.
 
-For example, ~|35| is replaced by a 35 character-long alphanumeric string during execution.
+![Random Test Data](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/RTDTDT.png)
 
-![Using Random Test Data in Test Steps](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-data/types/random/random-testdata-usage-test-steps.gif)
+Here is a quick GIF demonstrating how to add Random Data to a Test Case in Testsigma.
+![Random Test Data](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/rdtdgif.gif)
\ No newline at end of file