mikealmond/bugmagnet

Bug Magnet Chrome Extension

#Bug Magnet

Exploratory testing assistant for Chrome. 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.

##Usage

The easiest way to install the extension is from the Chrome Web store. After installation, just right-click on any editable item on the page and you'll see a Bug Magnet submenu. Click an item there, and it will be inserted into the editable field.

Alternatively, you can load the extension from the source files - see Running from a local setup below.

##Features

• Convenient access to common boundaries and edge cases for exploratory testing
• Works on input fields, text areas, content editable DIVs
• Works on multi-frame pages, but only if they are from the same domain
• Only works in Chrome
• Tiny overhead per page (<1k), no 3rd party library dependencies, completely passive, so it does not interfere with your web app execution in any way

##Questions, suggestions

Twitter: @gojkoadzic

##Resources for more info

• E-mail address test cases
  • Dot atoms in e-mail
  • Interactive RFC e-mail validation
• Falsehoods Programmers Believe About Names
  • We have an employee whose last name is Null
  • Animal rights activist changes name to GoVeg.com
  • Longest English surname on record
  • Creative usernames and Spotify account hijacking
• Elisabeth Hendrickson's test heuristics cheat sheet

##Customising

You can add your own values to the right-click menu by modifying config.json. The format is simple:

• a hash object property is a sub-menu
• a String property is a menu item. The property name is used as a menu item label and the value is inserted into the text field on click.
• an Array property is a sub-menu, allowing you to quickly add a list of Strings without a special label (the element values are used both as menu labels and as text to insert).

###Setting up the development environment

Install node js and grunt CLI if not already installed. See gruntjs.com for more information.

Install project dependencies using

npm install 

###Running from a local setup

Run the following grunt command to copy and assemble the extension

grunt package

Then load the pack/chrome folder in Chrome as an unpacked extension.

###Running tests

Run tests from the command line using

grunt jasmine

##Icon credit

Magnet icon from Woothemes Ultimate Icon Set by Nishan Sothilingam