updated the real time documentation

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

@@ -52,4 +52,4 @@ Navigate to the Real Time Testing section and select **Desktop** from the **Web
 
 Afterwards click on the **Start** button to initiate the testing process.
 
-<img loading="lazy" src={require('../assets/images/real-time-testing/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"/>

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

@@ -52,4 +52,4 @@ Navigate to the Real Time Testing section and select **Virtual Mobile** from the
 
 Afterwards click on the **Start** button to initiate the testing process.
 
-<img loading="lazy" src={require('../assets/images/real-time-testing/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"/>

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

@@ -52,4 +52,4 @@ Navigate to the Real Time Testing section and select **Virtual Mobile** from the
 
 Afterwards click on the **Start** button to initiate the testing process.
 
-<img loading="lazy" src={require('../assets/images/real-time-testing/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"/>

docs/real-time-desktop-browser-testing-tools.md

@@ -49,50 +49,80 @@ LambdaTest offers a comprehensive suite of real-time desktop web browser testing
 ## Screenshot
 Capture high-quality screenshots of the current screen on your test device instantly. Screenshots are essential for documenting bugs, UI issues, and other anomalies during testing. Click on the Screenshot icon in the sidebar to take a snapshot of the current screen and will automatically start downloading in your local machine and it will be saved in the [gallery](/support/docs/real-time-desktop-browser-testing-tools/#gallery) as well.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/screenshot.jpg').default} alt="Image" className="doc_img"/>
+
 ## Record Session
 Record your entire test session for detailed analysis and playback. Click on the Record Session button to begin recording. A timer will display the recording duration, helping you pinpoint specific moments during playback. To end the recording, click the Stop button. The recorded video will be saved automatically in the [gallery](/support/docs/real-time-desktop-browser-testing-tools/#gallery) for review.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/recording.jpg').default} alt="Image" className="doc_img"/>
+
 ## Gallery
 The Gallery stores all screenshots and video recordings from your test sessions in one place, allowing you to easily review, download, or manage your media files. To access, select Gallery from the left toolbar and you'll find the saved screenshots and videos. To download the screenshots or videos to your local machine, click on the Download icon. You can also mark them as bug by clicking on the Bug icon.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/gallery.jpg').default} alt="Image" className="doc_img"/>
+
 ## Mark as Bug
 This feature allows you to mark any bug in your UI during the session. You can mark the bug in your UI via different shapes, texts and of different colors. You can also configure different project management tools with your session to create a ticket for the same. You can also share that bug, save the image to the gallery or download that screenshot.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/mark-bug.jpg').default} alt="Image" className="doc_img"/>
+
 ## Resolution
 Optimize your tests for different screen sizes and resolutions to ensure your web application looks and functions correctly on all devices. Adjust the resolution settings to simulate how your website will appear on different displays.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/resolution.jpg').default} alt="Image" className="doc_img"/>
+
 ## Scaling
 The Scaling feature allows you to adjust the display scale of your web application during testing to simulate different zoom levels or device pixel ratios. This helps ensure your web application looks and functions correctly at various zoom levels, as users might have different display settings on their devices.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/scaling.jpg').default} alt="Image" className="doc_img"/>
+
 ## IP Geolocation
 Simulate website and mobile experiences from over 45 countries using local IP addresses.
 - **Why Use IP Geolocation? :** Test localized features such as language preferences, currency, regional product offerings, and content visibility based on a specific location.
 - **How to Enable? :** Use the IP Geolocation feature to verify that your app's traffic originates from a specific country, providing a comprehensive global testing approach.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/ip-geolocation.jpg').default} alt="Image" className="doc_img"/>
+
 ## Upload
 Upload files directly to the test environment for scenarios that require file input or uploads, such as testing form submissions, image uploads, or file management features.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/upload.jpg').default} alt="Image" className="doc_img"/>
+
 ## Projects
 Organize and manage your test sessions efficiently with the Projects feature. You can track your ongoing and past test sessions within specific projects to maintain a clear view of testing progress and results.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/projects.jpg').default} alt="Image" className="doc_img"/>
+
 ## Chrome Extension
 Enhance your testing capabilities with LambdaTest by leveraging various Chrome extensions that provide additional functionalities and streamline your testing process. These extensions can help automate repetitive tasks, assist in accessibility checks, and integrate AI tools into your workflow.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/chrome-extension.jpg').default} alt="Image" className="doc_img"/>
+
 ## Accessibility
 Ensure your web applications are accessible to all users, including those with disabilities, using LambdaTest's accessibility testing tools. This tool helps identify and address potential accessibility issues to enhance your website's usability and compliance with accessibility standards like WCAG (Web Content Accessibility Guidelines).
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/accessibility.jpg').default} alt="Image" className="doc_img"/>
+
 ## Settings
 Customize your test environment with various settings:
 
 - **Idle Timeout:** Set the idle timeout duration for your test session (default is 5 minutes, maximum is 60 minutes).
 - **Time Zone:** Select the time zone that aligns with your testing needs to ensure accurate testing across different regions.
 - **Keyboard Input:** Change the keyboard language during the test session for localized testing scenarios.
+
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/settings.jpg').default} alt="Image" className="doc_img"/>
 
 ## Switch
 Efficiently switch between different devices, browsers, and their OS versions without ending the current test session.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/switch.jpg').default} alt="Image" className="doc_img"/>
+
 ## On Screen Keyboard
 This allows testers to simulate keyboard input directly on the virtual devices during real-time testing sessions. This feature is particularly useful when testing on devices with different keyboard layouts or when physical keyboard access is limited or unavailable.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/on-screen-keyboard.jpg').default} alt="Image" className="doc_img"/>
+
 ## End Session
-Conclude your testing session by clicking on the End Session button.
+Conclude your testing session by clicking on the End Session button.
+
+<img loading="lazy" src={require('../assets/images/real-time-testing/web-browser/end-session.jpg').default} alt="Image" className="doc_img"/>

docs/real-time-mobile-app-testing-tools.md

@@ -54,45 +54,71 @@ The Device Controls feature allows you to simulate various actions on your test
 - **Shake Device:** Simulate a device shake to test functionalities that rely on shake gestures, such as undo actions or triggering specific in-app events.
 - **Rotate Device:** Rotate the device's orientation between portrait and landscape modes to test the responsiveness and adaptability of your web application. This feature helps you ensure your application layout adjusts properly and remains user-friendly across different orientations.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/device-control.png').default} alt="Image" className="doc_img"/>
+
 ## App Controls
 The App Controls feature provides programmatic control over the applications installed on the emulator or real device:
 
 - **Install New App:** Programmatically install new applications on the test device without manual intervention.
 - **Kill Existing App:** Terminate running apps to test scenarios like crash recovery, app restart, or handling unexpected closures.
 - **Uninstall App:** Uninstall the app to validate installation flows, or clean up the environment between tests.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/app-controls.jpg').default} alt="Image" className="doc_img"/>
+
 ## Screenshot
 Capture high-quality screenshots of the current screen on your test device instantly. Screenshots are essential for documenting bugs, UI issues, and other anomalies during testing. Click on the Screenshot icon in the sidebar to take a snapshot of the current screen and will automatically start downloading in your local machine and it will be saved in the [gallery](/support/docs/real-time-mobile-app-testing-tools/#gallery) as well.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/screenshot.png').default} alt="Image" className="doc_img"/>
+
 ## Record Session
 Record your entire test session for detailed analysis and playback. Click on the Record Session button to begin recording. A timer will display the recording duration, helping you pinpoint specific moments during playback. To end the recording, click the Stop button. The recorded video will be saved automatically in the [gallery](/support/docs/real-time-mobile-app-testing-tools/#gallery) for review.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/recording.jpg').default} alt="Image" className="doc_img"/>
+
 ## Gallery
 All screenshots and video recordings from test sessions are stored in the Gallery. To access, select Gallery from the left toolbar and you'll find the saved screenshots and videos. To download the screenshots or videos to your local machine, click on the Download icon. You can also mark them as bug by clicking on the Bug icon.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/gallery.jpg').default} alt="Image" className="doc_img"/>
+
 ## Mark as Bug
 This feature allows you to mark any bug in your UI during the session. You can mark the bug in your UI via different shapes, texts and of different colors. You can also configure different project management tools with your session to create a ticket for the same. You can also share that bug, save the image to the gallery or download that screenshot.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/mark-bug.jpg').default} alt="Image" className="doc_img"/>
+
 ## IP Geolocation
 The IP Geolocation feature enables you to simulate website and mobile experiences from over 45 countries by using local IP addresses. This allows you to test localized features such as pricing, languages, and product offerings. With IP Geolocation enabled, you can verify that your app's traffic is coming from a specific country, allowing for comprehensive global testing.
+
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/ip-geolocation.jpg').default} alt="Image" className="doc_img"/>
 
 ## GPS Location
 GPS Geolocation testing allows you to simulate specific device locations using exact GPS coordinates to evaluate location-based app scenarios. You can enter your preferred location by entering the name of the location. However, if your preferred location is not showing, you can specify the exact location by entering the latitude and longitude of the location. 
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/gps-geolocation.jpg').default} alt="Image" className="doc_img"/>
+
 ## Network Throttling
 LambdaTest's network throttling feature empowers you to simulate real-world network conditions (2G, 3G, LTE) during testing. This allows you to assess your application performance under varying internet speeds, ensuring a seamless user experience across different network environments. You can leverage predefined network profiles or craft custom settings for comprehensive testing.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/network-throttling.jpg').default} alt="Image" className="doc_img"/>
+
 ## Projects
 The projects feature allows you to track your existing test session in an existing project.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/projects.jpg').default} alt="Image" className="doc_img"/>
+
 ## Settings
 The settings section offer the following features:
 - **Idle Timeout :** This feature allows you to set the idle timeout for your test session. The default Idle Timeout is 5 minutes and the maximum limit is 60 minutes.
 - **Time Zone :** With this feature, you can select the time zone of your preferred region that align with your testing needs.
 - **Keyboard Input** With this feature, you can change the language in your test session for a more localized testing experience.
+
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/settings.jpg').default} alt="Image" className="doc_img"/>
 
 ## Switch
 Easily switch between different devices, browsers, and OS versions without ending your current test session.
 
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/switch.jpg').default} alt="Image" className="doc_img"/>
+
 ## End Session
 By clicking on the end session button, you can close your current test session.
+
+<img loading="lazy" src={require('../assets/images/real-time-testing/mobile-app/end-session.jpg').default} alt="Image" className="doc_img"/>