Summary and scope

These notes are about usability of Selenium IDE GUI. See also Selenium IDE documentation. See ClassicSelenese and EnhancedSelenese regarding Selenese syntax. If you develop scripts, frameworks or plugins, see also DevelopmentTools.

Small tricks

Add .html extension to suite files

When saving a suite, Selenium IDE doesn’t add '.html' extension. So, add .html yourself, which will let you identify the file more easily.

Opening the most recent suite or case

At start, Selenium IDE can open the most recent suite (or case). However,

Usability add-ons in SeLite

Hands-on GUI

Currently disabled. See Components > Hands-on GUI. The goal is to enable

You can edit commands/comments ‘in place’ by clicking at them (where they are listed). In order to edit ‘in place’

After you select a row, you can use key shortcuts I and M to insert new command and comment, respectively, and to edit it ‘in place’. (Similarly, pressing I or M in right click context menu goes to edit ‘in place’). If using with ‘Clipboard And Indent’, when you start to type new a command/comment, it already has the initial indentation based on the previous command/comment.

‘Command’ cell (of commands, i.e. non-comments) operates with autocomplete dropdown. Long comments overflow to the right. ‘Target’ cell (of commands, i.e. non-comments) overflows to the right (if there is nothing in ‘Value’ cell), which lets you see long selectors.

Clipboard And Indent

Components > Clipboard And Indent enables clipboard sharing between Selenium IDE and other applications. Otherwise Selenium IDE doesn’t accept Selenese commands/comments passed through clipboard from another Selenium IDE instance when using multiple Selenium IDEs in parallel.

It supports Selenese commands/comments to be indented with spaces into blocks, through menu or by pressing right or left arrow. It automatically indents and unindents structured commands that come with SelBlocks Global. It also indents logs.

When saving cases (as HTML), it transforms comments from HTML comments to table cells (with class="comment"). That brings three benefits:

This feature is backwards compatible, but not forward compatible. Once you save a case with Clipboard And Indent, it can be open only with Clipboard And Indent. To use this functionality, install Clipboard And Indent (or better, whole SeLite). Start Selenium IDE and close it. Only then it activates.

Using multiple Selenium IDEs in parallel

A running Firefox instance can show only one standard Selenium IDE window. Yet, viewing/editing different cases in multiple Selenium IDE windows (at the same time) increases productivity. It’s beneficial for restructuring scripts (e.g. into Selenese functions), or as a reference for cases. Several ways exist for it, varying in intuitiveness, simplicity and accessibility. Some involve multiple running instances of Firefox, with separate profiles.

For robust access modify all cases and suites only in primary Selenium IDE window. Alternatively, edit different cases (or sets of them) in different Selenium IDEs. Either way, beware that sometimes other Selenium IDEs don’t pick up the change when saved (even if you switch between cases in those other Selenium IDEs) or they notice it only later. So if you modify a case in one chosen Selenium IDE and you use other Selenium IDEs as its read-only reference, it may be out of date.

Auxiliary Selenium IDEs inside browser

This shows one (standard) Selenium IDE detached from Firefox browser windows. Other Selenium IDEs are inside browser windows, but they may look standard, too. Compared to the next method, this

Steps

  1. Install Stylish
  2. Install Hide Tab Bar With One Tab
  3. Install Hide Navigation Bar (for usage see below)
  4. Install per-tab coloured menu text:
  5. Restart Firefox
  6. Start standalone Selenium IDE (by Ctrl+Alt+S, or Firefox menu Tools > Selenium IDE)
  7. Display auxiliary Selenium IDEs. For each
  8. open a new Firefox window
  9. open one of chrome:// URLs
  10. if you have already opened chrome://selenium-ide/content/selenium-ide.xul and later you add or change the hash part (#GREEN, #BLUE, #RED or #WHITE), it won’t take effect (even after you hit Enter) until you refresh the URL e.g. by F5 key (which will lose any modifications)
  11. hide Firefox navigation bar by pressing F2 (you may need to press it twice)

In auxiliary IDEs

Side note: There is also Firefox menu > View > Sidebar > Selenium IDE. However, that Selenium IDE sidebar has restricted width. Like Auxiliary Selenium IDEs, Selenium IDE in a sidebar doesn’t load any SettingsManifests, any Settings sets, neither any extensions through Bootstrap. Please, vote at ThirdPartyIssues > Sidebars (history, bookmarks) should not have maximum width so that it gets fixed.

Multiple standard Selenium IDEs

This shows multiple Selenium IDEs, detached from Firefox browser windows. Compared to the previous method, this

To set up

  1. Create Firefox profiles, one per Selenium IDE: Follow Setting up extension development environment (MDN) > Development profile.
  2. Start multiple Firefox instances, one per profile, with command line parameters -no-remote and (-P ProfileName).
  3. Install Selenium IDE in each profile. Install SeLite Components any other extensions in profiles where you will run scripts.
  4. Mark the second and successive profiles to identify Selenium IDEs:
    1. Install Stylish
    2. Restart Firefox
    3. Install styles for the second and further Selenium IDEs:
    4. You can switch between styles in Firefox menu Tools > Add-ons > User Styles. * By language (this applies to the whole Firefox instance, rather than just Selenium IDE, which can make it difficult to use!)
    5. Install Simple Locale Switcher
    6. Restart Firefox
    7. Install different language packs through Firefox toolbar > ‘Simple Locale Switcher’ green button > ‘Get more language packs…’