What’s new in UIlicious (Oct 2018)

By Tai Shi Ling | October 10, 2018

IE11 support, highlights for interaction commands, user agents configuration, full-page screenshots, and more!

Run Tests on IE11

If you don’t need to support IE11, good for you!

But if you are stuck with having to develop for IE11, there’s finally good news!

After two years of building UIlicious, we now support testing on IE11. 🎉 This is available to Pro Plus users.

I don’t blame the browsers for not getting test automation right using the WebDriver protocol standards, because the specs aren’t exactly the clearest, and THEY KEEP CHANGING, BLOODY HELL.

We’re super happy that we‘ve finally gotten here. One of the core philosophies that Eugene and I decided when we first started building UIlicious was that tests must be independent of how the UI would be implemented and the environment (i.e. OS & browser) where the UI is served. The reason why we felt this was important was that it makes tests more reusable and maintainable. However, each browser had its own quirks in rendering and its own quirks in the implementation of the WebDriver protocol for browser automation, so many test engineers resort to writing browser-specific hacks in their test scripts to work around these inconsistencies. I don’t blame the browsers for not getting test automation right using the WebDriver protocol standards, the specs aren’t exactly the clearest, and THEY KEEP CHANGING BLOODY HELL.

On the bright side, we will never have to worry about the specs changing for IE11 — ever.

Highlights for interaction commands

One of the goals of UIlicious is to make bug replication reports as clear, complete, and unambiguous as possible. As a software engineer, I used to get terribly annoyed when bug reports are filed with incomplete or unclear information and I’d have to chase after the reporter for clarification.

So we added highlights to show you where I.click and I.fill commands are performed on the screen. We’ll slowly be rolling this feature out for other commands, just wait!

Full-page screenshots

We’ve added the new command TEST.takeFullScreenshot for you to take full-page screenshots of the current page. This is currently supported only for Safari and IE11 tests. But, use it when you really need to! Taking full-page screenshots all the time will slow down your tests.

Hm... let's do a bit of window shopping today...

Set browser user agent

If your web application relies on browser user agent detection, you can set the user agent for the test run. This is currently supported only for Chrome tests. By default, the user agent string will be automatically determined by the OS and the browser. You can check the user agent of your test with I.goTo("https://www.whatismybrowser.com/detect/what-is-my-user-agent")

Write custom reporting logs

While we aim to make UIlicious as simple as possible to write tests, we hate to compromise on the flexibility of writing custom functions and reporting logs for your requirements. To support writing custom reports, we’ve added three logging commands for you to use -TEST.log.pass, TEST.log.fail, TEST.log.info.

Here’s how to use them:

This script has a custom function to compare two strings and pass the test if strings are different and fails the test otherwise.

Other enhancements

There’s a bunch more stuff that we’ve rolled out to improve your experience of writing and running tests using UIlicious.

Coming up next…

The next few features we are working on are enhancements to your job report (we need more stats and fancy charts!), and multi-user support so you can share and collaborate with members of your team. You will be able to set and configure test data sets to use in test runs so that you can quickly swap out the test data for different environments from the UI. We’re also rolling out embeddable versions of test run reports so that you can just stick them in your issue trackers.

On the other note, we know that there are areas where the performance could be better — we’re working on speeding up test startup times and shaving off a few more milliseconds in retrieving your reports and screenshots.

Feedback, suggestions?

As always, feedback and suggestions are always welcomed. Leave your thoughts in the comments, or drop us a note at [email protected].

And check out our roadmap on Trello here.

Cheers!

Let’s build a better web!

This article is mirrored on dev.to For comments and discussion please do so on dev.to instead

About Tai Shi Ling

Cofounder CEO of UIlicious. I've been coding for over a decade. Building delightful user interfaces is my favorite part of building software. I named the product UIlicious because I wanted folks to build UI that was delicious. Corny, I know.