Fix bugs lightning-fast.

SmashPanel is a lightweight Chrome extension.

An automated way to find bugs, share them, and allow everyone on the team to easily reproduce them.

Download SmashPanel

The QA Pro

“I just found a bug. What were my steps to repro again?”

①
Find bug

②
Share auto-generated
repro steps

The Developer + The QA Pro

Dev: “I need to replay your exact steps...over and over until I find a fix.”

QA: “I need to retest your fix, and try out lots of similar repro steps.”

①
Copy steps
into sandbox

②
Auto-Execute

The Test Automation Engineer

“I need steps and selectors to build out an automated test.”

①
Record steps and
selectors using history ②
Update and adjust
test with sandbox

The Manual Tester

“I need to build out test cases, then execute them quickly and hassle-free.”

①
Record test cases
using history ②
Execute test cases
with sandbox

Useful

Your history is always there, ready for whenever you find a bug.

Aside from sharing bugs, use SmashPanel to organize and execute your manual test cases, or to build out your automated tests.

Simple

Steps are generated in human-readable plain English. Share them with anyone.

Auto-generated selectors are concise and descriptive, not crazy-long.

Intelligent

Generates the right step for most actions, and gets it right.

During execution, algorithm finds the element your step was referring to, even if its selector has since changed.

Steps are simulated using the same events the browser would dispatch itself, providing for a very realistic playback.

Privacy-Conscious

Data is never stored anywhere but your own machine

Passwords are never recorded

Once a tab is closed all data associated with it is erased permanently

Clear button permanently erases all data associated with a tab

Step Reference

Steps currently supported

Navigate to http://...

Navigates browser to given url

-- On page 'Window title here' --

Verifies that the window title is the given string (case-insensitive)

Click [elementFinder]

Clicks an element

Set [elementFinder] to 'something'

Sets the value of the element to 'something'
The element is usually a box (covered in the next section) or a <select> If the element is a textbox, this step will emulate actual typing into it. The history tab will always show text entered into a password box as 'CENSORED', so as not to record real passwords.

Press enter inside of [elementFinder]

Presses enter while focused on the given element
Usually used to submit a form

Hover over [elementFinder]

Simulates hover over an element

Clear cache and cookies

Deletes all cookies for the tab's current domain (all paths). Clears the entire browser's cache.

Any description here {js code to execute here}

Executes the given js code
Any description can be any text, including no text at all.

ElementFinders

Smastest uses strings called elementFinders to locate elements. Here's the format:

(1) Text primarily associated with the element being matched. Optional.

SmashPanel will usually generate this from the element's innerText, label, title, alt, etc.
Is case insensitive.
May be '', but that is equivalent to omitting it.
' Leading' and 'ending ' whitespace is ignored.
Only characters to be escaped here are \n, \r, \', and \\

(2) Type of element to match. Optional.

image = <img> element
box = <input> elements of a variety of types, such as 'text', 'password', 'email', 'date', etc., or a <textarea>
Basically, they're inputs that can be set to a value and aren't radios or checkboxes.
dropdown = <select> element
checkbox = <input> element of type=checkbox
radio button = <input> element of type=radio
item = any element

(3) Text that's near the element in the DOM. Optional.

This is used to disambiguate between similar-looking elements (e.g., a list where each item has an identical X button).

Both text and nearbytext may start and/or end with '...'

This acts as a wildcard, matching 0 or more of any character.
The history box automatically trims very long strings and appends a '...' to the end.

An elementFinder may be completely empty, or may be any descriptive text (not matching the format above). In such a case, a selector at the end of the step is mandatory, as the elementFinder can't match anything on its own.

E.g.,

Click [a#link]
Set to 'Large' [input#dropdown]
Click that big ugly button [button#ugly]

Examples of elementFinders on their own

'home'
'cats' image
item next to 'Park Avenue'
'Submit' next to 'Park Avenue'
'' (selector mandatory)
that big ugly button (selector mandatory)
(nothing at all) (selector mandatory)

Selectors

CSS Selectors are usually included at the end of steps that deal with particular elements.
They are optional when their step's elementFinder can identify the element on its own. Nevertheless, SmashPanel always tries to generate them for steps in history.

Selectors are placed in [brackets] and come at the end of a step, separated from the rest of it by whitespace.

E.g.,

Click 'big surprise' [a#big-surprise]

If during sandbox execution an element at a selector cannot be found, SmashPanel will attempt to find the closest element given all the clues: that is, using the elementFinder and parts of the selector.

A similar thing happens when a selector matches multiple elements. SmashPanel uses the elementFinder to pinpoint the right element. If that doesn't help, it will prefer visible elements, and then elements that come first in the DOM.

Notes

You can put notes in the sandbox. They cannot be executed, but they're great for organizing stuff or documenting manual steps.

E.g.,

Set 'First Name' box to 'Jerry' [input#firstname]
Click 'Start Download' [button#start]
Wait for the download to complete. Should take around 2 mins (This is a non-executable note).
Navigate to https://example.com

About Us

Development Update

As of July 2019, SmashPanel development has been discontinued.

Check out our full test automation tool, Smashtest

Note: Smashtest's language is different and not compatible with SmashPanel.

Contact Us

Connect with us. We're very friendly.

hello@smashtest.io

Disclaimer

See Legal Disclaimer

Disclaimer

Legal disclaimer pertaining to the SmashPanel Chrome extension and related services

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.