Back to Resources library
Blog

Using Creativity to Gain Practical Knowledge: Automation Testing of Web Applications

Celtra Last updated: October 13, 2014
using-creativity-to-gain-practical-knowledge.jpg

The goal of this joint project with the Faculty of Computer and Information Science, University of Ljubljana was to improve Celtra’s tools and services for testing, reduce the amount of manual testing and detect errors before they’re potentially seen by users.

Robert is a software engineer at Celtra, responsible for application’s front end development and a PhD candidate at the University of Ljubljana, with the thesis “Evaluation of user experience in mobile advertising”. He also mentors students on front-end design projects.

Users of our cross-screen brand display advertising platform AdCreator 4 reasonably expect fast, slick and smooth performance, which has a huge impact on their engagement and experience. This is what drives us to offer the best service and reduce the amount of potential failure to a minimum.

Remember when we were looking for tech Interns to join us in March? The goal of this joint project with the Faculty of Computer and Information Science, University of Ljubljana was to tackle the challenges described above. That is, to improve Celtra’s tools and services for testing, reduce the amount of manual testing and detect errors before they’re potentially seen by users.

It was great to have an opportunity to work with a group of six enthusiastic students on a set of interesting challenges. The students Ana Petrovska, Sirma Gjorgievska, Anton Semprimožnik, Gregor Gololičič, Matic Tribušon and Jure Bajt spent four months on the following projects.

Project #1: WizEye

Wizeye

WizEye is a service that continuously monitors the visual part of an application. The process involves automated comparison of an easily generated reference state of the application against newly formed style sheets (CSS).

The initial idea of WizEye was really ambitious, therefore we are super pleased to have a working prototype in place as we are concluding the project.

Example of WizEye in use:

Project #2: BrowserSync

The implementation of BrowserSync (time-saving synchronised browser testing), a tool which is used for simultaneous preview of a web application in different browsers and/or different devices. The tools allows us to browse in one browser and observe the result in multiple other browsers and devices at the same time. Doing so tremendously reduces the time needed for manual testing.

Project #3: Implementation of UnCSS

UnCSS tool detects and removes styles (CSS declarations) that are not used in the codebase. It works across multiple files and supports Javascript-injected CSS. It can be run manually, or used as one of the tasks when building an application. The benefits include decreased file size, faster performance and better user experience.

Project #4: Framework for user interface pattern library

Celtra’s user interface pattern library was a key focus when it came to the design and development of a framework. The goal was to increase the reusability, prevent duplicates, speed up development process and ease the maintainability. Pattern library serves as a repository of all the user interface elements that are in use in the application. It separates the design aspect of an application, allowing designers to easily design and maintain core visual patterns and in general enables faster bulding.

The team of students

Check the photo gallery.

At Celtra we encourage students to cross the infamous bridge between their university experience and their first ‘real world’ experience. We offer guidance on interesting, real-life challenges, with enormous potential not simply limited to Celtra but also the worldwide design and development community of products and applications. Because we are constantly looking for potential talent, we are thrilled to have this amazing opportunity to meet and work with the finest students the university has to offer.