Browser resolutions and actions

Overview

Browser resolution refers to the pixel dimensions at which a web page is rendered in a browser. It typically corresponds to the viewport size, which is the visible area of a web page on a device screen, excluding the browser’s user interface elements like toolbars and tabs. Common resolutions include: [ 1920×1080 (Full HD), 1366×768, 1440×900]

Browser resolution significantly impacts how content is displayed and affects the layout, responsiveness, and overall usability of web applications. Ensuring compatibility with various resolutions is essential for an optimal user experience.

Steps to Access the Browser on TestGrid

1. Log in to TestGrid
   Use your valid credentials to access the TestGrid portal.
2. Navigate to the Real Device Cloud
   After logging in, go to the Real Device Cloud tab in the portal.
3. Select the Browser Option
   Click on the Browsers option within the Real Device Cloud to initiate your browser-based testing.

Features and Actions in the TestGrid Browser

1. Connect Button

Click the Connect button to view the available actions displayed on the right side of the screen.

2. Switch Tab

Use this icon to switch between multiple tabs seamlessly within the same browser.

3. Copy Text

This button allows you to pass or write text directly. Enter your text and submit it for use in testing scenarios.

4. Change Resolution

Adjust your browser resolution according to your requirements. Click the dropdown menu and select the desired resolution.

5. Screenshot

Capture a screenshot of a specific page or screen by clicking the Screenshot button. The screenshot will be saved on your device or browser for later reference.

6. TG Connect

Download the TG Connect executable file suitable for your system. Follow these steps:

• Open the executable file in the terminal.
• Run the TG Connect command for your system.
• Copy the provided port number.
• Use this port to connect to real devices and browsers.

To configure TG Connect:

• Open your browser and click the TG Connect icon.
• Enter the port and click the Relaunch button.
• After relaunching, TG Connect will start. Enter the URL in a new tab to access the local environment.

7. Network Throttling

Simulate various network conditions (e.g., 3G, 4G, poor Wi-Fi) to test application performance under different speeds:

• Click the Network Throttling icon.
• Set the desired network speed to observe application behavior.

8. Downloads

Use the Downloads option to download files or images from browsers. Once downloaded, files are stored on your local machine for easy access. You can also view a recent list of downloaded items.

Happy Testing !!!