Image of an arrow

Automated Interaction Testing For Major Web Browsers

Avatar

bchhun

To improve and accelerate Web sites and applications testing, developers often use a class of tools called “headless browsers”. These tools are used to test the behavior of web browsers automatically, without visualization.

The most popular headless browsers are currently PhantomJS for http://en.wikipedia.org/wiki/WebKit, the layout engine of Safari and Chrome, and SlimerJS for testing under Gecko, Firefox’s layout engine.

We can also use CasperJS to facilitate the creation of test scenarios with the PhantomJS JavaScript API. Here is a short demo on “Automating with PhantomJS and CasperJS” by Chris Hawkes:

 

Finally (drum roll please!), the development of a new tool for Trident – the layout engine of Internet Explorer – started on Github this fall. That is important to note because over 50% of desktops browsing the Web are still equipped with a version of Internet Explorer, from version 6 (4.92%) to version 10 (17 , 5%) inclusive. In fact, TrifleJS is another add-on to PhantomJS for the .NET Windows environment.

What does this mean for web developers?

With these tools we can now:

  • Create screenshot scripts to see our web projects rendering in each of these three layout engines;
  • Check all the links of a web project and make sure that there is no 30X/40X/50X errors (e.g. 300,404,501);
  • Create integration tests for complex forms with 10,000 field entries;
  • Create an army of robots grabbing all the images of cats on Imgur. 🙂

Please check this website again after the New Year if you’re interested. I will try to set up a short demonstration and post it in my next blog post.

Leave a comment

Your email address will not be published. Required fields are marked *


Similar articles

Image of an arrow

Android development is always moving forward with new features to make building apps easier; UI construction with compose, dependency injection with Hilt, game development extensions, emoji compatibility libraries, the list goes on. New projects have no concerns leveraging these sorts of features. However, legacy projects have to find a balance when migrating to new software […]

Savoir-faire Linux participated in the tenth edition of DrupalCamp Montréal, which was held this year at Concordia University. It was the occasion to catch up with a good proportion of the Drupal developer community in Montreal, to exchange ideas with other companies that work with this technology, and to have an overview of how Drupal […]

When It Comes to Websites, Page Speed Matters! This article is motivated by our website project accomplished by our Integration Platforms and AI Department using Liferay 7 (the latest version of Liferay Portal) for one of our clients– a large Canadian corporation in telecommunications and media industry. Alexis, our front-end developer, shares with you his first-hand experience […]

Thumbnail image

Web Development Getting Started with Server-Side Rendering in Angular By Kévin Barralon This week we released a tutorial for developers using the Angular JavaScript framework to set them up with a pre-configured server-side rendering environment. This environment allows for the pre-rendering of an Angular site so that its contents can be made visible to robots […]

Thumbnail image

Server-Side Rendering Management: An Angular’s Novelty Imposing a Challenge Angular is a framework using the TypeScript Programming Language. Its 5th version (pentagonal-donut) was released in November 2017, containing new features and bugfixes. It is accompanied by the command line tool Angular CLI and new features such as a server-side rendering framework that has become very popular within the community of Angular […]