{"id":12951,"date":"2018-07-29T21:56:20","date_gmt":"2018-07-29T21:56:20","guid":{"rendered":"https:\/\/app14743.cloudwayssites.com\/blog\/?p=2951"},"modified":"2023-01-26T14:16:55","modified_gmt":"2023-01-26T22:16:55","slug":"applitools-eyes-introduction-to-automated-visual-ui-testing","status":"publish","type":"post","link":"https:\/\/app14743.cloudwayssites.com\/blog\/applitools-eyes-introduction-to-automated-visual-ui-testing\/","title":{"rendered":"Applitools Eyes: Introduction to Automated Visual UI Testing"},"content":{"rendered":"

Until the late 1960s, no one thought computers needed a user interface (UI)<\/a>, and the UIs that did exist were expensive and primitive. At the time, these UIs were being used by the military for air defense systems, were built as academic research projects, or were used as props in science fiction movies<\/a>.<\/p>\n

Then, UI pioneers such as Doug Engelbart<\/a> and Alan Kaye<\/a>, and Ted Nelson<\/a> had the crazy idea that people should be able to interact with computers and do useful work. By the late 1970s, the first UIs began to emerge at Stanford University and Xerox PARC<\/a>, and they were then quickly copied by Apple and Microsoft. Today, UIs are everywhere: watches, refrigerators, cars, phones, and\u2014of course\u2014computers. In addition, software platform vendors have created tools that give anybody who wants to create a UI the ability to do so. Many of these tools, especially those used for web development, are simple to use and\u2014even better\u2014free!<\/p>\n

But no matter how much easier or how much cheaper it becomes to build a UI, building a good UI will always be hard. In today\u2019s world, any developer who creates customer-facing applications has to know more than how to write code; they need to understand design principles and have some artistic talent, too. With so many devices and UIs vying for our attention, and with the relentless progress of Moore\u2019s Law<\/a> continually forcing down the price of electronic hardware, the look and feel of software is becoming an increasingly important part of users\u2019 purchasing decisions.<\/p>\n

In short, your UI is the face of your application. Therefore, your application\u2019s visual UI will determine whether a potential customer uses your product or service, or permanently deletes your application. Ensuring that your application looks and functions as expected requires intensive and expensive automated and manual testing. In this post, we explore a revolutionary solution from Applitools that gives you what no other automated testing solution can.<\/p>\n

The Problem <\/strong><\/h2>\n

Most developers make tremendous efforts to ensure their applications work. Many of them invest time in running and debugging their source code and trying to build something that not only works, but also solves real problems. However, no matter how hard they try, developers are often working in isolation, and they can\u2019t anticipate all the ways their software will be used by their potential customers. For their part, users don\u2019t care how hard a developer worked. All they want is something that looks good and works as advertised. For a user, the way software looks matters\u2014and if it doesn\u2019t look right, it\u2019s broken. <\/span><\/p>\n

\"UI<\/p>\n

If all an application developer had to do was make things that looked decent, most of them would probably be able to develop the necessary skills and deliver great products to their users. Unfortunately, there is another unforgiving factor in this equation: time. Time is one thing that developers do not have. With today’s rapid development cycles and large number of browsers, operating systems, devices, form factors, and screen resolutions, it is more difficult than ever to test whether your application is working exactly how it should be in each area. <\/span><\/p>\n

Until recently, the only way to comprehensively test an application was to put it in the hands of testers. These testers would run scripted or ad-hoc scenarios to manually test applications in real-life conditions. The advantage of using manual testers<\/a> is they can perform tasks that computers and automated test scripts can\u2019t. For all its benefits, manual application testing<\/a> <\/span>has a number of drawbacks. It is an expensive and time-consuming process. And because of its boring and repetitive nature, manual testers may begin to miss or underplay visual issues.<\/span><\/p>\n

\"Manual<\/p>\n

The Solution<\/strong><\/h2>\n

Applitools has developed a revolutionary solution for this problem. Applitools Eyes uses advanced cognitive vision technology, which makes it completely different from any other existing testing tool. Applitools Eyes detects any differences between two screen displays and can replace hundreds of lines of testing code with one smart visual scan. <\/span><\/p>\n

\"Cognitive<\/p>\n

Applitools eyes is the first automated software testing tool that tests your application like a manual tester does\u2014except that it works much more quickly and accurately. Applitools Eyes can test web applications on multiple browsers, including Chrome, Safari, Internet Explorer, etc., and it can test in as many screen resolutions as you want. It can also test a mobile application on an iPhone, iPad, or iPad mini in both portrait and landscape orientations.<\/span><\/p>\n

Getting Started <\/strong><\/h2>\n

Getting started with Applitools Eyes is quick and easy. All you need to do is add calls to the Applitools Eyes cloud service from your existing automated tests. Alternatively, you can choose to send screen captures of your application directly to Applitools Eyes, in which case you will receive the added benefit of visual UI validation immediately. <\/span><\/p>\n

Applitools Eyes does more than just run visual UI testing\u2014it is also a complete Application Visual Management (AVM) solution that manages and analyzes your test results. So, Applitools lets you manage the enormous number of baseline images generated by your visual UI tests, it records and aggregates the results of visual tests, and it shows you which tests were passed and which were failed. It also allows you to analyze test data and generate meaningful reports and analysis. Additionally, Applitools ensures your test baseline remains relevant and is not polluted by inaccurate data. Applitools Eyes provides unique tools to manage your testing baseline, and it removes misleading information being propagated in such a way that it leads to information overload or hides potentially damaging issues. <\/span><\/p>\n

In addition to all the great and unique features Applitools Eyes offers, it also works well with many existing test automation and management systems. Applitools Eyes works with many existing test automation frameworks, including Selenium<\/a>, Appium<\/a>, WebdriverIO<\/a>, Microfocus (formerly HP) Unified Functional Testing (formerly QuickTest Professional)<\/a>, and 40 others<\/a>.<\/p>\n