Skip to content

Latest commit

 

History

History
93 lines (73 loc) · 4.52 KB

responsive-testing.md

File metadata and controls

93 lines (73 loc) · 4.52 KB
id title hide_title sidebar_label description keywords url site_name slug
responsive-testing
Check Responsiveness of Your Website | LambdaTest
true
Responsive Testing
Check responsiveness of your website across multiple devices and screensize with LambdaTest with just one click.
responsive testing in lambdatest
lambdatest responsive testing
online responsive testing
LambdaTest
responsive-testing/
<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify({ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "LambdaTest", "item": "https://www.lambdatest.com" },{ "@type": "ListItem", "position": 2, "name": "Support", "item": "https://www.lambdatest.com/support/docs/" },{ "@type": "ListItem", "position": 3, "name": "Responsive Testing", "item": "https://www.lambdatest.com/support/docs/responsive-testing/" }] }) }} ></script>

Responsive Testing

As the word responsive suggests, this type of testing is used to check the appearance of a website with RWD(Responsive Web Design). This design helps a website render the content in a flexible yet appropriate manner based on the devices & OS on which it gets summoned. At LambdaTest, you can check RWD through 50+ different devices in a single go!

How To Do Responsive Testing?

Step 1: Click ‘Responsive’ sub menu under Visual UI Testing menu in menu box.

<img loading="lazy" src={require('../assets/images/responsive-testing/responsive-1.webp').default} alt="Responsive Testing Online" width="1345" height="627" className="doc_img"/>

Step 2: Input the URL for which you wish to test responsiveness. Select your monitor size (diagonal length in inches). Click ‘Generate’ to generate screenshots.

<img loading="lazy" src={require('../assets/images/responsive-testing/responsive-2.webp').default} alt="Capture Screenshot" width="1345" height="627" className="doc_img"/>

Step 3: On the right side of the page, you will find various mobile and desktop combinations. On clicking them, you can test the responsiveness for those particular devices.

<img loading="lazy" src={require('../assets/images/responsive-testing/responsive-3.webp').default} alt="test responsiveness of website" width="1353" height="627" className="doc_img"/>

How to record issues?

Step 1: On the ‘Responsive’ page, under the menu ‘Visual UI Testing’, you will find a camera icon; click that icon.

<img loading="lazy" src={require('../assets/images/responsive-testing/responsive-4.webp').default} alt="Mark as bug in screenshot testing" width="1342" height="625" className="doc_img"/>

Step 2: The image editor will pop up where you can comment about the screenshot and check the mark as an issue check box.

<img loading="lazy" src={require('../assets/images/responsive-testing/responsive-5.webp').default} alt="Visual UI Testing" width="1349" height="627" className="doc_img"/>

Step 3: Finally, click save and done on the pop up to record the issue. Enter the required details and share the bug with your favorite project management tool.

<img loading="lazy" src={require('../assets/images/responsive-testing/responsive-6.webp').default} alt="Share bug in project management tool" width="1349" height="627" className="doc_img"/>

Let us know if you have any questions, drop us an email at support@lambdatest.com, or simply give us a <span className="doc__lt" onClick={() => window.openLTChatWidget()}>shout. We are here to help you speed your test suites 24/7. Happy testing! 🙂