Keep your Test Data Handy for Testing

Before you start testing during test ideas session or design review session, you might have encountered some test data related information which needs to be tested on the web application.


Now, we have a tool that can help us to update our test data and keep it handy forever.


It's an elegant chrome extension written by Gojko Adzic that gives you ready access to common test inputs for form fields and you can customize the menus with your own test data.

Adds common problematic values and edge cases to the context menu (right-click) for editable elements, so you can keep them handy and access them easily during exploratory testing sessions.


Get the Bug Magnet Now! ... Happy Testing!

Posted in | Leave a comment

Identify Web Technologies used on the Websites

Have you encountered a situation, where you have to test and would like to know about web technologies used on the website?
The Easiest way is to install the Chrome Extension: Wappalyzer.
https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en

Wappalyzer is a cross-platform utility that uncovers the technologies used on websites. It detects content management systems, e-commerce platforms, web frameworks, server software, analytics tools and many more.
How it works
1. Navigate to any website
2. The Wappalyzer icon changes to show the main technology that's in use
3. Click the icon for the full list of identified software







Click the application names in the list for additional information





When I read security research news about a framework has a vulnerability and have to update with the latest version. 



I have used this chrome extension to find out if we are using the framework on the website. This helps for a tester who is not having access to the code or details about Platform of the web application.

Posted in | Leave a comment

Identify the font details of Web Pages on Chrome

Usually, we use "Chrome Web Developer Tools" or "Firefox Web Developer Tools" to inspect the element on the web page and identify the element details such as "Fonts, Color etc".



But, How can we find out the fonts used in a webpage easier way?

1. Install the Chrome Extension - WhatFont
https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en

2. Click on "WhatFont" Chrome Extension

3. Then Click on the Element on the webpage

It tells about the Font Family, Font Style, Size, Color etc.


I have used this tool majorly for testing the web applications, especially to confirm webpages are built in accordance to designs provided by client.

Posted in | Leave a comment

Capture a full size screenshot on Chrome

Usually, We take a screenshot of a page by pressing "PrtSc" keyboard option for Print Screen and Save it as Image. But it captures only visible screen size on the web page.

How can we take a whole page screenshot on Chrome? It's easy.

1.  Open the Chrome Developer Tool

Command: CTRL  + SHIFT + I

2. Then Go to Console Panel

3. Then Type Command: CTRL + SHIFT + P

4. Then Type: full

You'll see Capture full-Size Screenshot
and just push Enter Key

5. .png file is automatically downloaded with Full-Size Screenshot of a webpage.


Posted in | Leave a comment