How to use Selenium IDE with Ghost Inspector

How to use Selenium IDE with Ghost Inspector

Selenium IDE is a popular open-source tool for recording and running automated browser tests. You can use it to interact with a browser the way a human would, doing things like navigating to URLs, filling in forms, and clicking on links and buttons. You can also use “assertions” to verify things are working as expected, like checking that elements are present, text is present, inputs contain certain values, et cetera.

Whether you already have lots of tests in Selenium IDE or are just considering trying it out, I’ll explain how it can be used alongside Ghost Inspector to make the best use of both products.

To start, here’s a brief overview of some similarities and differences.

  • Ghost Inspector can run tests in Chrome and Firefox
  • Selenium IDE can additionally run tests in Safari and Edge
  • Ghost Inspector can run tests on a schedule
  • Both have extensions that can record tests in the browser
  • Ghost Inspector has its own testing infrastructure which you can easily integrate with
  • Selenium IDE requires you to build your own testing infrastructure from scratch
  • Both have a CLI for triggering test runs

Let’s look at an example

To record a test with Selenium IDE you’ll first need to install the browser extension in Chrome or Firefox.

When you start recording, any actions you take in the browser will be stored so they can be saved as a test and repeated in the future.

For example, if you were to start recording, load Google, search for “Ghost Inspector”, click the search button, and then assert that “Ghost Inspector” is somewhere on the page, you’d end up with a test that looks something like this.

Selenium IDE groups multiple tests into “projects” which you can save as a .side file. It’s very important to save your project because Selenium IDE will not remember your project if you close your browser. If you haven’t saved it then you’ll have to recreate it.

Running tests

After you’ve created a test you can run it within Selenium IDE. You can run it over and over again to continually ensure that your website or application works properly.

But repeatedly running tests this way can get a bit tedious. Every time you want to run a test you’ll need to open your browser, open Selenium IDE, find and load the appropriate .side file, and then run it.

Selenium IDE can also only load one project file at a time, so if you have multiple groups of tests you’ll have to switch files every time you want to run a test that’s in a different project.

A much better way to run Selenium IDE tests is with the Selenium command-line runner. It requires a bit of a setup but afterwards you can run tests with one command.

$ selenium-side-runner ./project-name.side

The command-line runner will automatically open a browser and run your tests, without having to first load them into Selenium IDE. This makes it possible to run your tests against browsers that Selenium IDE doesn’t have a browser extension for, like Safari and Edge.

The runner also makes it possible to set up some testing infrastructure to run your tests automatically instead of doing it manually. You could put your Selenium IDE project file into your code repository and build a system where after you deploy you use the command-line runner to run your tests and ensure everything still works.

But building these systems can be difficult and requires a lot of investment upfront, so you can save a lot of time and effort by using a hosted service like Ghost Inspector.

Importing tests into Ghost Inspector

If you already have some Selenium IDE tests and you want to use Ghost Inspector you can easily import your project files.

We call groups of tests “suites”, so first create one to house your Selenium IDE project, then you can import all the tests from it into that suite.

Instead of juggling multiple Selenium IDE projects and trying to keep them in sync when sharing them among teammates, with Ghost Inspector they’re all in one canonical place and everyone has access to the most up-to-date version.

Running tests within Ghost Inspector

Running tests in Ghost Inspector is similar to Selenium IDE, but everything is always saved so you don’t need to load any save files or switch between save files. You can easily navigate between suites and tests, and to run one you just click “Run”.

In addition to manually running tests, you can also set tests to run on a schedule. This is a great way to run tests without having to modify your deployment setup. Just automatically run the tests every 5 minutes and you’ll always know if a deploy broke something.

The last way to run tests in Ghost Inspector is with our command-line interface.

$ ghost-inspector test execute {{my-test-id}}

If you’re already running tests when you deploy it’s easy to use the command-line runner to trigger Ghost Inspector tests.

Additionally there are a bunch of other benefits to running tests in Ghost Inspector, like having a result history that everyone can see, being able to take screenshots to verify visual changes, getting proactive notifications when tests fail, and a lot more.

Ghost Inspector browser extension

If you like using Ghost Inspector to run your tests, we also have our own browser extension for Chrome and Firefox. You can use it to record tests and save them directly to Ghost Inspector and skip the extra step of creating them with Selenium IDE and importing them.

Exporting Ghost Inspector tests to Selenium IDE

Ghost Inspector has the ability to export tests into Selenium IDE’s .side file format. This means that you can store your tests in Ghost Inspector, but export them at any time to run them locally using the Selenium IDE plugin or runner. This can be helpful if you’d like to walk through your tests on your own machine or use a browser such as Safari, Internet Explorer, or Microsoft Edge.

Better together

Ghost Inspector supports both importing and exporting Selenium IDE’s .side file format which allows you to use the tool along with our service. You can create your tests with our recording extension and export them to Selenium IDE for running, or create them in Selenium IDE and import them to run in Ghost Inspector. While storing and running your tests in Ghost Inspector offers some distinct advantages, Selenium IDE can be a really useful compliment for working with browser tests in your local environment.

You can read more about importing and exporting in our docs or sign up for a free trial to get started with Ghost Inspector.