improved the getting started section

Author: Aman1905

docs/getting-started-with-desktop-browser-real-time-testing.md

@@ -44,7 +44,7 @@ slug: getting-started-with-desktop-browser-real-time-testing/
       })
     }}
 ></script>
-Real-Time Desktop Web Browser Testing is the process of testing websites and web applications directly on live desktop browsers in real-time. This testing method allows developers, testers, and QA professionals to interact with their web applications across different browser environments, operating systems, and versions without the need to set up complex infrastructure on their local machines.
+Real-Time Desktop Web Browser Testing allows you to test your websites and web applications directly on live desktop browsers. This approach allows developers, testers, and QA professionals to interact with their web applications across various browser environments, operating systems, and versions without the need to configure complex infrastructure on local machines. Whether you want to verify cross-browser compatibility, perform functional testing, or check responsive design, this process provides a seamless way to carry out testing efficiently.
 
 ## Launch the Virtual Machine
 
@@ -53,4 +53,22 @@ Real-Time Desktop Web Browser Testing is the process of testing websites and web
 - To test a website, enter its URL and select your **Operating System**, **browser**, **browser version**, and **screen resolution**.
 - Afterwards click on the **Start** button to initiate the testing process.
 
-<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/getting-started-with-desktop-browser.gif').default} alt="Image" className="doc_img"/>
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/getting-started-with-desktop-browser.gif').default} alt="Image" className="doc_img"/>
+
+## Understanding the Dashboard
+The dashboard for real-time desktop browser testing is designed to simplify the testing process with an intuitive user interface. Here’s a breakdown of its key components:
+
+- **Operating System Selection Panel :** Choose from different OS versions of Windows and macOS, such as Windows 11, Windows 10..., macOS Sequoia, macOS Sonoma, macOS Ventura,... Each selection expands to show supported versions.
+
+- **Browser and its Version Selection Panel :** Lists the available web browsers and their corresponding versions. Versions are displayed with release dates for easy reference. Clicking on a browser filters the versions available for the selected OS.
+
+- **Screen Resolution Options :** Shows the available resolutions for the selected browser version. This allows you to test responsive design scenarios and see how your application behaves across various screen sizes.
+
+- **URL Input Field :** Enter the URL of your web application which you want to test in the real time console of LambdaTest.
+
+### Additional Options
+- The top panel contains advanced settings, including the ability to enable a [Tunnel](/support/docs/real-time-locally-hosted-pages/) for testing internal or locally hosted applications, as well as a toggle for Private Cloud access if applicable.
+- [Chrome Extensions](/support/docs/pre-loaded-chrome-extension/) dropdown allows for adding extensions during a test session, making it suitable for testing add-on functionalities.
+- The Start button triggers the virtual machine with the chosen settings.
+
+These features provide flexibility for comprehensive browser testing, making it easier to identify issues and ensure a consistent user experience across different configurations.

docs/getting-started-with-mobile-app-real-time-testing.md

@@ -44,7 +44,7 @@ slug: getting-started-with-mobile-app-real-time-testing/
       })
     }}
 ></script>
-Real-Time Mobile App Testing is the process of testing mobile applications directly on real devices in real time to ensure they function correctly, perform well, and provide a seamless user experience across various mobile operating systems (like Android and iOS). This type of testing enables developers, testers, and QA professionals to interact with their apps as an end-user would, on actual devices, without the need to manage an in-house device lab.
+Real-Time Mobile App Testing allows you to test mobile applications directly on real devices in real time. It ensures that your app functions as intended, performs optimally, and provides a seamless user experience across various mobile operating systems such as Android and iOS. With LambdaTest, developers, testers, and QA professionals can interact with their mobile applications as end users would, on actual devices, without needing to manage an in-house device lab.
 
 ## Launch the Virtual Machine
 
@@ -53,4 +53,21 @@ Real-Time Mobile App Testing is the process of testing mobile applications direc
 - To test your application, enter its URL or upload your application from your local machine and select your **Device** - Andoroid, iOS, or [ChromeOS](/support/docs/chrome-os-testing/), and its version.
 - Afterwards click on the **Start** button to initiate the testing process.
 
-<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/getting-started-with-mobile-app.gif').default} alt="Image" className="doc_img"/>
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/getting-started-with-mobile-app.gif').default} alt="Image" className="doc_img"/>
+
+## Dashboard Walkthrough
+The Real-Time Testing dashboard provides an intuitive interface for managing your testing sessions:
+
+- **Operating System Tabs :** Located at the top, this section allows you to toggle between different operating systems (Android, and iOS).
+
+- **Device Selection Panel :** Allows you to filter devices by operating system (Android or iOS), manufacturer, and model. Lists popular devices, including the latest models, to test on.
+
+- **Upload Apps :** In the dashboard, there is a section for uploading your mobile application. You can either:
+  - **Provide a URL :** Use this if the app is hosted online or accessible via a direct link.
+  - **Upload from Local System :** Use this option to upload the application file (APK/IPA) from your computer.
+
+- **Tunnel :** For testing on environments that are not publicly accessible, configure the Tunnel settings to enable testing on staging or local sites.
+
+- **Switch to Real Devices :** If you need to perform tests on physical devices, click on the Switch to Real Devices link to access LambdaTest's real device cloud.
+
+- **Start Button :** Located on the right side of the URL field, this button initializes the testing session once you have chosen your device and browser configuration.

docs/getting-started-with-mobile-browser-real-time-testing.md

@@ -44,7 +44,7 @@ slug: getting-started-with-mobile-browser-real-time-testing/
       })
     }}
 ></script>
-Real-Time Mobile Web Browser Testing is the process of testing websites and web applications on various mobile browsers in real-time to ensure they are fully functional, visually consistent, and optimized for mobile devices. This type of testing helps developers, testers, and QA professionals validate their web applications across different mobile operating systems (like iOS and Android) and a variety of mobile browsers (such as Chrome, Safari, Firefox, Edge, etc.) without the need for physical devices.
+Real-Time Mobile Web Browser Testing allows you to test websites and web applications across different mobile browsers and operating systems, such as Android, iOS, and ChromeOS, in real-time. This process helps ensure that your web applications are fully functional, visually consistent, and optimized for various mobile devices, enhancing the user experience across different platforms. Using LambdaTest, developers, testers, and QA professionals can validate their web applications without the need for physical devices, all from a unified, user-friendly interface.
 
 ## Launch the Virtual Machine
 
@@ -53,4 +53,21 @@ Real-Time Mobile Web Browser Testing is the process of testing websites and web
 - To test a website, enter its URL and select your **Device** - Andoroid, iOS, or [ChromeOS](/support/docs/chrome-os-testing/), and its version.
 - Afterwards click on the **Start** button to initiate the testing process.
 
-<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-browser/getting-started-with-mobile-browser.gif').default} alt="Image" className="doc_img"/>
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-browser/getting-started-with-mobile-browser.gif').default} alt="Image" className="doc_img"/>
+
+## Understanding the Dashboard
+The LambdaTest dashboard is designed to simplify the testing process. Here's a breakdown of its key components:
+
+- **Operating System Tabs :** Located at the top, this section allows you to toggle between different operating systems (Android, iOS, and ChromeOS).
+
+- **Browser Selection :** Below the OS tabs, a dropdown lets you choose the browser you want to test on. Available options may vary depending on the selected OS.
+
+- **Device Selection Pane :** This panel lists the available devices manufacturers and models. You can quickly search for a device using the search bar, or filter by manufacturer (e.g., Samsung, Google, Apple). The list also displays the OS version supported for each device.
+
+- **URL Field :** The top portion of the dashboard provides a field to enter the target URL.
+
+- **Switch to Real Devices :** If you need to perform tests on physical devices, click on the Switch to Real Devices link to access LambdaTest's real device cloud.
+
+- **Tunnel :** For testing on environments that are not publicly accessible, configure the Tunnel settings to enable testing on staging or local sites.
+
+- **Start Button :** Located on the right side of the URL field, this button initializes the testing session once you have chosen your device and browser configuration.