

You can create a VM in the portal by following the instructions here, or you can use the Azure CLI by following the guidance here. I deployed the following on Ubuntu 18.04 in Azure. Lucky for us, headless chrome has been shipping with Chrome as of version 59 (current version as of the date of this blog post is version 86). The below will walk you through how to configure your build server to support headless Chrome on Ubuntu 16.04 and 18.04. If you’re using ChromeDriver as a connection means to run pixel-to-pixel or Applitools testing in your code, you’re going to need to setup a headless environment for Chrome to run in. What does this mean? Well, for starters, you don’t have a GUI setup for your browser to launch. Running an automated pipeline/workflow means I am typically running my pipeline from the command line, with tasks defined in YAML (or groovy if you hate your life and love your Jenkins investment). This post recaps some pre-reqs you need when it comes to setting up your build server environment.įirst, let’s consider the obvious: lack of access to a GUI. Container Based Pipelines (Using Codefresh, but you can also run a container native pipeline in Jenkins, for example)Īs we learned, running visual tests locally are a bit different than running them in an unattended format using a pipeline or automated workflow.My demos focused on 3 different CI/CD scenarios: This blog post is a summary of that webinar and how to handle visual testing in CI/CD. Visual testing allows us to use automated UI testing with the power of AI to help us determine if a page “looks right” aside from just “functions right.”Įarlier this year, I partnered with Angie Jones from Applitools in a joint webinar where we talked about best practices as it pertains to both Visual Testing and also CI/CD. Visually, however, the page is broken this is where visual testing comes into play. How many times have we seen a funny looking page because of CSS errors? Or worse yet, an important button like say, “Buy now” “missing” because someone changed the CSS and now the button blends in with the background? Logically, the page still works, and even from a traditional test perspective, the button can be clicked, and the DOM (used in UI Test verification) is perfect. Traditional testing may include UI testing, integration testing, code coverage checks, and so forth, but at some point, we still need eyeballs on a physical page. In a world where DevOps is more than just a buzzword, where it’s become accepted as a mindset shift and culture change, we all need to consider running quality tests. Testing – it’s an important part of a developer’s day-to-day, but it’s also crucial to the operations engineer.
