How do you test a web UI ?

We all understand the importance of a good testing framework, Test Driven Development (TDD) significantly reduces the maintenance cost of software and provides for cleaner, tidier code, but what about the UI elements of a web site or HTML5/JS Application? what’s involved in running tests on different browsers, different operating systems and devices?

I recently took TestCafe from a spin, it is quite simply the quickest easiest testing tool I have ever used. You can download, install and start creating tests on any browser, any operating system in less than 15 minutes! Compared to some of the competitor packages that I looked into that is lightning fast!


So what makes it such a winner?

Well to start with it’s “plugin free”, and by that I mean NO extra bits to download for your browser. Seem like a small thing? WRONG, you can run TestCafe on ANY mainstream browser without installing anything extra, you can swap machines and run tests from any machine, any operating system or device. This is a HUGE difference to the other packages I looked at, one in particular took me thirty minutes just to get working, I had to install additional extensions and I was limited to Firefox for recording tests!

Within minutes of installation I was up and running, the visual test recorder was simple and intuitive, and after I finished my test I could edit it right there in the browser with an API set that made sense. In fact, I could almost memorise the whole API.

TestCafe really has to be seen to be believed, so I’m going to do an online presentation on May 19, where I will show you just how easy it is to deploy, record a test, explore the API inside the script editor and display true browser independence with Chrome, IE, Firefox and Safari.

Register here and in the meantime download TestCafe and experience web testing made easy!

The UI is very easy to navigate, use and understand:

Clean UI

Editing a test is simple, the edit window also does a compiler check: