Wednesday, March 25, 2009

Firefox add-ons which are useful for testing

I guess many of us are using Firefox add-on tools for testing web applications.

Trust me some of these add-ons are really brilliant and very useful to perform our day-to-day testing tasks with ease.

 

How to install these add-ons:

1. Open your firefox browser (suggestion: install firefox version > 3)

2. Paste the add-on url (given below)

3. Click on ‘Add to Firefox’ button

4. Install and Restart the browser

5. To check the installed add-on: look in Tools menu

 

Here's the list of add-ons that I use and suggest you also might find useful:

 

Firebug:

https://addons.mozilla.org/en-US/firefox/addon/1843

 

This is the best add-on useful for both developers and testers. I have used it very well in my Selenium automation projects to identify the web-object properties.

 

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

 

To get more information about this firebug, visit the firebug website for documentation, screen shots, and discussion forums: http://getfirebug.com

 

Selenium IDE

https://addons.mozilla.org/en-US/firefox/addon/2079

 

Selenium is an open source web test automation tool and its gaining good name in test automation world. The best part of this Selenium IDE is after you record, the code can export to any of the supported languages (java, python, c #, php, perl, ruby).

 

Selenium IDE is an integrated development environment for Selenium tests. It is implemented as a Firefox extension, and allows you to record, edit, and debug tests. Selenium IDE includes the entire Selenium Core, allowing you to easily and quickly record and play back tests in the actual environment that they will run.

 

Molybdenum

https://addons.mozilla.org/en-US/firefox/addon/4149

 

This tool can be used to Create, record, edit and run webtests an easy way.

 

What's the difference to Selenium IDE ?

While SeleniumIDE is focusing on developers with export to different programming languages and crossbrowser testing Molybdenum is focused on simple test execution, reporting, test parameterization for everybody participating in your team

 

XPath Checker

https://addons.mozilla.org/en-US/firefox/addon/1095

 

Once you install this tool, open any web site and right click on any of the object and select ‘view xpath’ expression. I have used this for selenium automation.

 

XPath Checker is an interactive editor for XPath expressions. Choose 'View XPath' in the context menu and it will show the editor. You can edit the XPath expression and it incrementally updates the results.

 

XPather

https://addons.mozilla.org/en-US/firefox/addon/1192

 

This is also similar add-on as XPath Checker.

 

Feature rich XPath generator, editor, inspector and simple extraction tool. Since FF3, it requires DOM inspector plugin.

 

Regular Expressions Tester

https://addons.mozilla.org/en-US/firefox/addon/2077

 

Regular Expressions Tester offers developers functions for testing their regular expressions.

The tool includes options like case sensitive, global and multiline search, color highlighting of found expressions and of special characters, a replacement function incl. backreferences, auto-closing of brackets, testing while writing and saving and managing of expressions.

 

iMacros

https://addons.mozilla.org/en-US/firefox/addon/3863

 

Offlate, I have started using iMacros and was useful for automating repetitive tasks on the web. *Whatever you do with Firefox, iMacros can automate it.

 

With iMacros, one can quickly and easily fill web forms, remember passwords, create a webmail notifier, download information from other sites, scrape the Web (get data from multiple sites), and more.

One can share iMacros with others by embedding them on their homepage, blog, company Intranet or any social bookmarking service.

 

HttpFox

https://addons.mozilla.org/en-US/firefox/addon/6647

 

I have been using this add-on instead of a fiddler. It is a great HTTP debugging proxy. You can see HTTP traffic and analyze at the protocol level.

 

HttpFox monitors and analyzes all incoming and outgoing HTTP traffic between the browser and the web servers.

It aims to bring the functionality known from tools like HttpWatch or IEInspector to the Firefox browser.

 

YSlow

https://addons.mozilla.org/en-US/firefox/addon/5369

 

This add-on comes handy when you are doing performance testing on the website.

 

YSlow analyzes web pages and tells you why they're slow based on Yahoo's rules for high performance web sites.

 

IE Tab

https://addons.mozilla.org/en-US/firefox/addon/1419

 

This is a great tool for web developers and testers, since you can easily see how your web page displayed in IE with just one click and then switch back to Firefox.

 

Caution: This is not a substitute for IE testing.

 

FireSizer 0.65

https://addons.mozilla.org/en-US/firefox/addon/5792

 

This one comes handy for testing how your site looks in different resolutions.

 

Provides a menu and status bar to resize the window dimensions to a specific size. Unlike other similar extensions, this one sets the size of the *entire window*, not just the HTML area.

 

W3C Page Validator

https://addons.mozilla.org/en-US/firefox/addon/2250

 

If you are validating your site for W3C conformance standards. This add-on might be handy. I have never tried this one.

 

Validates a page using the W3C Markup Validation Service. Adds an option to the right-click context menu and to the Tools menu to allow for easy validation of the current page. Opens the results in a new tab. This is a simple extension that will work only for online pages.

 

Note: The W3C Markup Validation Service now allows you to validate behind a site secured with HTAccess by allowing you to login for it.

 

Pencil Sketcher

https://addons.mozilla.org/en-US/firefox/addon/8487

 

This add-on comes handy when you want to take screen mock ups for test plans and test cases.

 

Pencil is a free and open source tool for making diagrams and GUI prototyping that everyone can use.

 

Top features: Built-in stencils for diagraming and prototyping, Multi-page document with background page, On-screen text editing with rich-text supports, PNG rasterizing, Undo/redo supports, Installing user-defined stencils, Standard drawing operations: aligning, z-ordering, scaling, rotating...

 

SQL Injection

https://addons.mozilla.org/en-US/firefox/addon/6727

 

This tool can be used for checking SQL injection vulnerabilities on sites under test.

 

Sets all form fields free to edit their values, it helps the developers and penetration testers to easy identify SQL injection vulnerabilities.

It makes easier to test and identify SQL injection vulnerabilities in web pages.

 

Quick Restart

https://addons.mozilla.org/en-US/firefox/addon/3559

 

It basically adds a restart button to the tool bar which simply restarts the Firefox browser. Helpful when testing cookies and sessions where lots of restarting is needed to clear them down.

 

Ever needed to restart Firefox after enabling or disabling an extension, switching to a new theme, or modifying configuration files (such as userChrome.css or user.js)?

This simple extension adds a "Restart Firefox" item to the "File" menu. You can also use the Ctrl+Alt+R keyboard shortcut, or the included toolbar button.

 

Web Developer

https://addons.mozilla.org/en-US/firefox/addon/3559

 

Adds a menu and a toolbar with various web developer tools.

 

FireShot

https://addons.mozilla.org/en-US/firefox/addon/5648

FireShot is a Firefox extension that creates screenshots of web pages (entirely or just visible part).

 

Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.

No comments: