Skip to main content

Responsiveness Testing with Responsinator

With the exponential rise of mobile devices(Eg. smartphones, tablets, smartwatches, phablets etc) in recent times, we are entering into era of multi screen. Gone are the days when developers create the website for only PCs and laptops. To cater the ever growing user base of mobile devices, they have to create site compatible with these devices. That is where a tester will have to take up responsiveness testing in his job every now and then. Of course, real devices are best when it comes to this type of testing. But without their availability, testers will have to rely on various responsiveness testing tools. Responsinator is one of them.
In this post, we will cover how Responsinator is useful in site responsiveness testing. But let’s first of all see what is responsiveness. It’s a web design approach to provide an optimal viewing experience across a wide range of devices. These devices ranges from mobile phones to desktop computers.
Responsinator provides an indication of how website will look in various devices. List of devices includes iPhone 5, iPhone 6, iPad along with some Android devices. You just have to provide a URL and it will quickly give you an overview about website responsiveness in landscape and portrait modes. Check out below image which shows My Automation  in iPhone 5 landscape mode.

Features:
  • Bookmarklet available.
  • Fixed width mode gives an idea about how non-responsive sites will look in mobile devices.
  • Can be configured to view and hide scroll bars.
  • Pro mode allows creation of custom emulator.
Few gripes:
  • It won’t work if site has user-agent device detection.
  • It may not completely replicate your website’s responsiveness as its emulator.
Apart from these few gripes, it’s a great tool for responsiveness testing. However, it’s a best practice to use an actual device for thorough testing of your mobile site/app. Let us know your views on this.
Check out Responsinator.

Labels:

Comments

Post a Comment

Popular posts from this blog

JMeter Exceeded Maximum Number of Redirects Error Solution

While running performance test, JMeter allows maximum 5 redirects by default. However, if your system demands more than 5 redirects, it may result in JMeter exceeded maximum number of redirects error. In this post, we have listed down steps to overcome this error. Actual error in JMeter: Response code: “Non HTTP response code: java.io.IOException” Response message: “Non HTTP response message: Exceeded maximum number of redirects: 5” This error is noticed because  JMeter  allows maximum 5 redirects by default and your system may be using more than 5 redirects. You need to increase this count to more than 5 in jmeter.properties file. Follow below steps to achieve this. Navigate to /bin directory of your JMeter installation. Locate jmeter.properties file and open it in any editor. Search for “httpsampler.max_redirects” property in opened file. Uncomment the above property by removing # before it. Change to value to more than 5 Eg. 20. Save the file and restart JMet...
Post a Comment
Read more

SSO with SAML login scenario in JMeter

SAML(Security Assertion Markup Language) is increasingly being used to perform single sign-on(SSO) operations. As WikiPedia puts it, SAML is an XML-based open standard data format for exchanging authentication and authorization data between parties, in particular, between an identity provider and a service provider. With the rise in use of SAML in web applications, we may need to handle this in JMeter. This step-by-step tutorial shows SAML JMeter scenario to perform login operation. First request from JMeter is a GET request to fetch Login page. We need to fetch two values ‘SAMLRequest’ and ‘RelayState’ from the Login page response data. We can do this by using  Regular Expression Extractor . These two values need to be sent in POST request to service provider. Refer below image to see how to do this. We will get an HTML login page as a response to the request sent in 1st step. We need to fetch values of some hidden elements to pass it in the next request. We...
Post a Comment
Read more

VBScript Code - Function to convert CSV file into excel and viceversa in QTP using VBScript

We at times are required to convert excel files into csv to read as flat files and sometime require to convert a csv file into excel file to use excel features on the data.   Below function shows how to convert an csv file into excel file and vice versa. We can also convert to other formats based on constants Here constant value 23 is used to create a csv file and constant -4143 to save a file as xls file. Once the destination file is created, we can delete the source file as shown below.  In case of any issue in understanding the code, please add in comment section Call func_ConversionCSVExcel("E:\Test.csv", "E:\Test_converted.xls", "csvtoexcel") Public Function func_ConversionCSVExcel(strSrcFile, strDestFile, Conversion) on error resume next Set objExcel = CreateObject("Excel.application") set objExcelBook = objExcel.Workbooks.Open(strSrcFile) objExcel.application.visible=false objExcel.application.displayalerts=...
Post a Comment
Read more