Ensure your website is compatible across all browsers and devices. With LambdaTest, you can perform Real-time Cross Browser compatibility testing of your website. You can choose from a wide range of updated Android and iOS mobile devices from latest to oldest versions of Chrome, Firefox, Safari, Edge, Internet Explorer, Opera, and Yandex. This live-interactive testing will help you deliver an error-free software, as you perform your test to check the intended functionality of features on your website as an end user in real-time. Design your test cases and feel free to run them through LambdaTest’s Real Time Testing.
Step 1: Login to your LambdaTest account. Go to “Real Time Test” from the left navigation menu.
Step 2: Select the test configuration of your choice. You can select from various major browsers & their assorted versions to perform a test session. You may also choose from a variety of Desktop, Android or iOS devices to test on their respective operating system & screen resolutions for evaluating the RWD(Responsive Web Design) of a website when rendering on different resolutions.
Step 3: Provide the URL to test and hit to launch your desired VM.
Step 1: Once the desired VM is launched and operable, you will notice a controller buttons on the left-side of the screen. Click the button with Bug icon to generate a screenshot for the visible part of screen you are currently on inside the VM.
Step 2: As you click on the Bug icon, the image editor will pop up with various buttons to help you highlight and annotate your UI observation before sharing the screenshot with your colleagues.
Once you are done highlighting the bug, you can save the screenshot in your LambdaTest’s gallery, you can download it in your external machine or you can even share it with a colleague using the buttons highlighted below.
LambdaTest provides integration with various 3rd party applications to help you collaborate with your teammates easily as you perform cross browser testing on our cloud-based platform. “Mark as Bug” button will help you to instantly push your edited screenshot to your integrated workspace. You can integrate with the below mentioned 3rd party tools.
We are constantly adding more integration to our platform. If you use some other tool, don’t hesitate in sharing it with us! Just drop a message through chat & we’ll bring it here on our platform for you.
As you click on “Mark as Bug” button an integration specific form would open up. Fill the fields as per your requirement. For instance, if you have installed LambdaTest + Trello integrations then you can fill the below represented fields.
Step 1: Once you are inside a VM, click on the below-highlighted button for screen-recording from the controller buttons on the left. This will help you record the video of your current test session inside the VM.
Step 2: As you click on the button a timer would start running to indidcate the recording time. You can click on the same button to stop the video recording.
Step 3: You can find your recorded video in the gallery as represented below. You can download the video to your external system by clicking on the arrow pointing downwards.
Step 1: Click on resolution button from the controller buttons on the left.
Step 2: Test your website on a variety of screen resolutions. Hit the ‘Apply’ button once you are done selecting.
For Android: It is straight forward, there is a button in the right side panel of the device that you can leverage to switch the orientation.
For iOS devices: Our iOS simulators are running on MacOS machines with auto hidden top menu. To rotate the device, you would have to hover the mouse pointer to the top of VM screen so that the top navigation menu drops down. In the navigation menu you would find a tab titled Hardware. (Make sure that you have selected the simulator app in VM by clicking on it.) Click on it to drop down the hardware menu, where you would find the rotate device buttons.
To summarize Hover to top of VM screen Hardware Rotate Left/Right
You can create a project by clicking on the folder button from the controller buttons on the left. You can mention different versions under the same project. Once you are done mentioning the project and its respective version then click on the ‘Save’ button.
You can change the idle time out by going to settings from the controller buttons on the left. You can select a time value and a time zone from the drop down menu.
Step 1: You can end the running session by clicking on the power button at the bottom. The button would mention “End Session” as you hover your mouse on it.
Step 2: As you click on the power button, you will recieve a confirmatory pop-up for terminating the session. If you are sure about exiting the current session then click on the button highlighted in red that says “Yes, End Session”.
Fun Fact: You can change the position of controller buttons to any part of your screen by collapsing the panel with the help of ‘X’ button on the top of controller buttons. Doing so will transform the controller panel into a hamburger menu and you can place & expand it anywhere you like on the screen.
That was all you need to know for performing real time cross browser compatibility testing on LambdaTest. We are constantly adding more integrations to increase your productivity through our testing environment. If you still have any questions for us, please feel free to let us know. Our experts are always available on chat to help you out with any roadblock regarding our product. Happy testing!