{"id":20596,"date":"2020-08-17T22:08:24","date_gmt":"2020-08-17T22:08:24","guid":{"rendered":"https:\/\/app14743.cloudwayssites.com\/?p=20596"},"modified":"2021-05-19T19:02:49","modified_gmt":"2021-05-19T19:02:49","slug":"visual-testing-webdriverio","status":"publish","type":"post","link":"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/","title":{"rendered":"Review &#8211; Automated Visual Testing With WebdriverIO"},"content":{"rendered":"\n<p>I took <a href=\"https:\/\/testautomationu.applitools.com\/instructors\/nyran_moodie.html\">Nyran Moodie\u2019s<\/a>&nbsp;course on <a href=\"https:\/\/testautomationu.applitools.com\/\">Test Automation University<\/a>: <a href=\"https:\/\/testautomationu.applitools.com\/automated-visual-testing-javascript-webdriverio\/index.html\">Automated Visual Testing with WebdriverIO<\/a>. If you want the explicit link to the course, here it is: <a href=\"https:\/\/testautomationu.applitools.com\/automated-visual-testing-javascript-webdriverio\/index.html\">https:\/\/testautomationu.applitools.com\/automated-visual-testing-javascript-webdriverio\/index.html<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h.utovqy39lf5b\">Course Introduction<\/h2>\n\n\n\n<p>If you use WebdriverIO regularly, and you are unfamiliar with the basics of using Applitools for automated visual testing, you will appreciate this course. Nyran focuses you on how to add visual test automation with Applitools to your WebdriverIO tests.<\/p>\n\n\n\n<p>Nyran expects you to know WebdriverIO. If you want to learn WebdriverIO, check out <a href=\"https:\/\/testautomationu.applitools.com\/instructors\/julia_pottinger.html\">Julia Pottinger\u2019s<\/a>&nbsp;excellent course &#8211; <a href=\"https:\/\/testautomationu.applitools.com\/webdriverio-tutorial\/index.html\">UI Automation with WebdriverIO<\/a>&nbsp;on Test Automation University.<\/p>\n\n\n\n<p>Nyran uses JavaScript for his examples and Visual Studio Code as his IDE. In case you didn\u2019t know, you can use Applitools with a range of test languages. No matter what your test language of choice or IDE, I think you will find Nyran\u2019s code and coding approach fairly intuitive.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h.s4y7f6o6htdu\">Course Structure<\/h2>\n\n\n\n<p>Nyran breaks the course into eight main chapters. He gives this description in the course overview:<\/p>\n\n\n\n<ul><li>1 &#8211; I am going to start by giving you an introduction to <a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing\/\">visual testing<\/a>.<\/li><li>2 &#8211; We are going to look at how we can get our environment set up to start using Applitools eyes.<\/li><li>3 &#8211; We are going to create and run our first visual test using Applitools<\/li><li>4 &#8211; I want to introduce you to the different match levels that Applitools has and the concept of viewport sizes<\/li><li>5 &#8211; I will be talking about checkpoints.<\/li><li>6 &#8211; I will be looking at how we can organize our visual tests using batches<\/li><li>7 &#8211; We will look at how we can analyze our test results using the Test Manager.<\/li><li>8 &#8211; We will be looking at the integration and collaborations that Applitools provides.<\/li><\/ul>\n\n\n\n<p>Each of these chapters provides a methodical approach to getting going with Applitools. I\u2019ll give a quick overview of each.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h.npiiu0qi6ub4\"><a href=\"https:\/\/testautomationu.applitools.com\/automated-visual-testing-javascript-webdriverio\/chapter1.html\">Chapter 1 &#8211; Why Visual Testing<\/a><\/h3>\n\n\n\n<p>If you read this review or take the course, you know why visual testing. Your UI and end-to-end tests result in rendered output. You can write all the functional tests that grab locators, enter data, effect action, and cause the appropriate output locators to have the appropriate values. But, until you actually look at the result, you cannot tell if the input and output conform to design and usability expectations.<\/p>\n\n\n\n<p>Nyran did not explain the most frequently-experienced reason for visual testing &#8211; unintended consequences of code changes over time. Our experience shows us that most expected application changes get tested, but unintended changes cause problems.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h.xbetl0kj7w4a\"><a href=\"https:\/\/testautomationu.applitools.com\/automated-visual-testing-javascript-webdriverio\/chapter2.html\">Chapter 2 &#8211; Getting Started With Applitools<\/a><\/h3>\n\n\n\n<p>Nyran does a nice job explaining how to get started. You need an Applitools API key, which you can get from the Applitools console. Nyran explains why you set up a local environment variable for your API key (so you do not need to include your API key in your test code directly). He also points to the github repo he uses for all the examples in the course.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h.vz6uc1inhfo1\"><a href=\"https:\/\/testautomationu.applitools.com\/automated-visual-testing-javascript-webdriverio\/chapter3.html\">Chapter 3 &#8211; Create And Run A Visual Test with Applitools<\/a><\/h3>\n\n\n\n<p>Chapter 3 involves the first coding examples for setting up Applitools. With a simple:<\/p>\n\n\n\n<p>npm install &nbsp;@applitools\/eyes.webdriverio<\/p>\n\n\n\n<p>You get the the node instructions for installing the Applitools Eyes to your WebdriverIO setup. After this you can install the Applitools Eyes service to your tests. He shows code examples of what test code looks like when calling Applitools:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"700\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/chapter3-img2.png\" alt=\"chapter3 img2\" class=\"wp-image-20595\" srcset=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/chapter3-img2.png 1000w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/chapter3-img2-300x210.png 300w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/chapter3-img2-768x538.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Once he walks you through a test page example and fills in the tests, he gets code that looks like a full test.<\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/github.com\/NyranMoodie\/WebdriverIO-Applitools\/blob\/master\/test\/specs\/visual.js\n<\/div><\/figure>\n\n\n\n<p>Finally, he shows you the Applitools UI and how it highlights differences found during a test. To do this, he shows a test site with the ability to show different content, and he shows how Applitools highlights the differences.<\/p>\n\n\n\n<p>Nyran makes it clear that Applitools can find and highlight all the visual changes on a comparison page (the checkpoint) versus the original capture (the baseline). And, he explains that Applitools lets you accept the checkpoint as the new baseline, or reject it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h.yai39xah9l0\">Chapter 4 &#8211; Viewports and Match Levels<\/h3>\n\n\n\n<p>Nyran breaks chapter 4 into two sections. In Section 4.1, Nyran goes through the idea of viewport sizes. If you build a responsive app, you want to run your app for 4K down to mobile device sizes. How do you validate the different device size views? Applitools makes it easy to add a JavaScript file that specifies all the viewport sizes you want to validate. Applitools runs all the captures for you.<\/p>\n\n\n\n<p>Next, Nyran writes about match levels. Applitools default comparison level, called \u201cstrict\u201d, compares visually noticeable changes between a checkpoint and baseline. Strict uses Applitools Visual AI to break items on a page into elements that it then compares.<\/p>\n\n\n\n<p>However, sometimes strict is too strict. In \u201ccontent\u201d match level, Applitools checks text and structures but ignores color variations. This match level helps when you apply a global change to color and want to ensure that &#8211; color outstanding &#8211; no other changes have taken place. And, if they have, you want those changes highlighted quickly.<\/p>\n\n\n\n<p>In \u201clayout\u201d match level, Nyran shows, Applitools lets you validate pages that have dynamic content sharing a common structure. For example, you might have a retail shoppping page that shows user-specific and hot items updating from test run to test run. Or, you have a news site that updates top stories regularly. Layout match level pays attention to the layout structure (relationship of sections and text sizes) without comparing the specific contents of any set of elements within that structure.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h.wovoqj143a5g\"><a href=\"https:\/\/testautomationu.applitools.com\/automated-visual-testing-javascript-webdriverio\/chapter5.html\">Chapter 5 &#8211; Checkpoints<\/a><\/h3>\n\n\n\n<p>Nyran spends this chapter reviewing the ways Applitools lets &nbsp;you make visual captures. First, ou can capture the visible page &#8211; the current viisble screen. Alternatively, you can capture the full page. Applitools runs through the app horizontally and vertically and stitches the images into a single screen baseline and checkpoint.<\/p>\n\n\n\n<p>Next, you can capture individual web elements. Finally, you can capture frames on a page. Your flexibility in setting checkpoints gives you plenty of power to control the details of your inspection at different times in your testing life cycle.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h.247lv8n1yhpx\"><a href=\"https:\/\/testautomationu.applitools.com\/automated-visual-testing-javascript-webdriverio\/chapter6.html\">Chapter 6 &#8211; Batches<\/a><\/h3>\n\n\n\n<p>Batches provide a way of organizing common tests inside the Applitools Test Manager. Nyran explains how to code tests into batches. He also shows how batched tests get grouped inside the Test Manager. When you use batches, your test results become easier to interpret.<\/p>\n\n\n\n<p>Nyran implies two things about batches. First, grouping tests into batches make your testing much easier to understand. Second, If you want the benefit of batches, you need to code those batch definitions yourself.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h.l529fwiuutct\"><a href=\"https:\/\/testautomationu.applitools.com\/automated-visual-testing-javascript-webdriverio\/chapter7.html\">Chapter 7 &#8211; Using the Test Manager<\/a><\/h3>\n\n\n\n<p>The Test Manager is the Applitools service user interface. Your user login provides you an API key, and tests run under your API key collect in your view in Test Manager.<\/p>\n\n\n\n<p>Nyran shows you the basics, as well as some cool tricks in the Test Manager. He shows you how to compare differences between the checkpoint and the baseline. You can approve expected changes and update the baseline to the checkpoint. Or, you can reject changes and have them routed back to development as bugs.<\/p>\n\n\n\n<p>Next, Nyran shows you how tests get grouped and how to use statistics. He also shows you how to override the existing match level on all or part of a test. Finally, he shows you Automated Test Maintenance.<\/p>\n\n\n\n<p>Automated Test Maintenance gives you huge powers of scale for validating changes to your application. When you find a change in one checkpoint and approve it as a valid change, Applitools finds all other similar changes and gives you the power to approve those identical changes at the same time. For example &#8211; you change your menu bar at the top of your app, and the change affects 145 pages. Following your validation of a change on one page, Applitools asks you if you want to approve the other 144 pages with the identical change. That\u2019s powerful.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h.8ptx1tfnwhw9\"><a href=\"https:\/\/testautomationu.applitools.com\/automated-visual-testing-javascript-webdriverio\/chapter8.html\">Chapter 8 &#8211; Integrations<\/a><\/h3>\n\n\n\n<p>In the last chapter, Nyran shows how Applitools integrates with other tools in development &#8211; especially your CICD workflows.<\/p>\n\n\n\n<p>Nyran shows the range of Applitools test framework and language SDKs that work on web and mobile test frameworks. Applitools lets you capture screenshots to use Visual AI if you use an unsupported framework. Applitools even lets you compare PDFs to ensure that your document generators behave correctly even as you update your application.<\/p>\n\n\n\n<p>Next, you see how to link Applitools with Jira.  You can link issues found in Applitools with incidents in Jira. Also, you can link GitHub and Applitools to tie your image comparisons to the source code GitHub pull requests. Finally, you see the standard approach to having Applitools link with your favorite CICD workflow manager.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h.2am484g35eo\">Conclusion<\/h2>\n\n\n\n<p>Nyran wrote a nice course on how to use Applitools for automated visual testing. He makes clear that he used WebdriverIO and JavaScript because he knew these well. However, he knows the range of choices available to you.<\/p>\n\n\n\n<p>Nyran really doesn\u2019t cover:<\/p>\n\n\n\n<ul><li>Setting up tests in WebdriverIO,<\/li><li>Approaches for running and managing tests and test results<\/li><li>Managing WebdriverIO in your CICD workflow<\/li><\/ul>\n\n\n\n<p>You can find other courses to address these issues.I enjoyed taking Nyran\u2019s course. Having taken other JavaScript testing courses, I think Nyran provides good examples of Applitools. He wants you to know how to get the most out of Applitools when you use WebdriveriO.<\/p>\n\n\n\n<p>As always, I include my certificate of completion from Test Automation University:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"736\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/certificates_TAU-59db3ef2-1024x736.png\" alt=\"\" class=\"wp-image-20597\" srcset=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/certificates_TAU-59db3ef2-1024x736.png 1024w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/certificates_TAU-59db3ef2-300x216.png 300w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/certificates_TAU-59db3ef2-768x552.png 768w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/certificates_TAU-59db3ef2-1536x1104.png 1536w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/certificates_TAU-59db3ef2.png 1932w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">For More Information<\/h2>\n\n\n\n<ul><li><a href=\"https:\/\/app14743.cloudwayssites.com\/about-visual-testing\/\" rel=\"noreferrer noopener\" target=\"_blank\">Visual Testing &#8211; FAQ<\/a><\/li><li><a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-challenges-tools-solutions\/\" rel=\"noreferrer noopener\" target=\"_blank\">Visual Testing: The Missing Piece of the Puzzle &#8211; with Gil Tayar<\/a><\/li><li><a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/test-automation-superstars\/\" rel=\"noreferrer noopener\" target=\"_blank\">20 Highly Qualified Test Automation Superstars<\/a><\/li><li><a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/simplify-end-to-etest-maintenance\/\" rel=\"noreferrer noopener\" target=\"_blank\">How Do You Simplify End-To-End Test Maintenance?<\/a><\/li><li><a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/add-visual-ai\/\" rel=\"noreferrer noopener\" target=\"_blank\">Five Data-Driven Reasons To Add Visual AI To Your End-To-End Tests<\/a><\/li><li><a href=\"https:\/\/app14743.cloudwayssites.com\/free\">Sign up for a free Applitools account<\/a><\/li><li><a href=\"https:\/\/app14743.cloudwayssites.com\/request-demo\">Request an Applitools demo<\/a><\/li><\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I took Nyran Moodie\u2019s&nbsp;course on Test Automation University: Automated Visual Testing with WebdriverIO. If you want the explicit link to the course, here it is: https:\/\/testautomationu.applitools.com\/automated-visual-testing-javascript-webdriverio\/index.html Course Introduction If you&#8230;<\/p>\n","protected":false},"author":77,"featured_media":20599,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12271],"tags":[12782,10272,10085,10086,10793,12690,10847],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.5 (Yoast SEO v24.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Review - Automated Visual Testing With WebdriverIO - Applitools<\/title>\n<meta name=\"description\" content=\"Include calls to Applitools automated visual test and reduce your WebdriverIO coding load while validating across viewports automatically.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Review - Automated Visual Testing With WebdriverIO\" \/>\n<meta property=\"og:description\" content=\"I took Nyran Moodie\u2019s&nbsp;course on Test Automation University: Automated Visual Testing with WebdriverIO. If you want the explicit link to the course,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/\" \/>\n<meta property=\"og:site_name\" content=\"AI-Powered End-to-End Testing | Applitools\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-17T22:08:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-19T19:02:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/WebdriverIO-Applitools-TAU.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Michael Battat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michael Battat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/\"},\"author\":{\"name\":\"Michael Battat\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#\/schema\/person\/410b5710e19f580ee19ef348537bc347\"},\"headline\":\"Review &#8211; Automated Visual Testing With WebdriverIO\",\"datePublished\":\"2020-08-17T22:08:24+00:00\",\"dateModified\":\"2021-05-19T19:02:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/\"},\"wordCount\":1651,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/WebdriverIO-Applitools-TAU.jpg\",\"keywords\":[\"CICD\",\"GitHub\",\"Javascript\",\"Jenkins\",\"Test Automation University\",\"Test Engineers\",\"WebdriverIO\"],\"articleSection\":[\"Getting Started\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/\",\"name\":\"Review - Automated Visual Testing With WebdriverIO - Applitools\",\"isPartOf\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/WebdriverIO-Applitools-TAU.jpg\",\"datePublished\":\"2020-08-17T22:08:24+00:00\",\"dateModified\":\"2021-05-19T19:02:49+00:00\",\"description\":\"Include calls to Applitools automated visual test and reduce your WebdriverIO coding load while validating across viewports automatically.\",\"breadcrumb\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#primaryimage\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/WebdriverIO-Applitools-TAU.jpg\",\"contentUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/WebdriverIO-Applitools-TAU.jpg\",\"width\":1440,\"height\":900},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/app14743.cloudwayssites.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting Started\",\"item\":\"https:\/\/app14743.cloudwayssites.com\/blog\/category\/getting-started\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Review &#8211; Automated Visual Testing With WebdriverIO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#website\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/\",\"name\":\"Applitools Visual AI\",\"description\":\"Applitools delivers full end-to-end test automation with AI infused at every step.\",\"publisher\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/app14743.cloudwayssites.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#organization\",\"name\":\"Applitools\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/03\/applitools.png\",\"contentUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/03\/applitools.png\",\"width\":156,\"height\":28,\"caption\":\"Applitools\"},\"image\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#\/schema\/person\/410b5710e19f580ee19ef348537bc347\",\"name\":\"Michael Battat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b1216c259c20b8394687b91ff06f1af2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b1216c259c20b8394687b91ff06f1af2?s=96&d=mm&r=g\",\"caption\":\"Michael Battat\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/mdbattat\/\"],\"url\":\"https:\/\/app14743.cloudwayssites.com\/blog\/author\/michaelbattat\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Review - Automated Visual Testing With WebdriverIO - Applitools","description":"Include calls to Applitools automated visual test and reduce your WebdriverIO coding load while validating across viewports automatically.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/","og_locale":"en_US","og_type":"article","og_title":"Review - Automated Visual Testing With WebdriverIO","og_description":"I took Nyran Moodie\u2019s&nbsp;course on Test Automation University: Automated Visual Testing with WebdriverIO. If you want the explicit link to the course,","og_url":"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/","og_site_name":"AI-Powered End-to-End Testing | Applitools","article_published_time":"2020-08-17T22:08:24+00:00","article_modified_time":"2021-05-19T19:02:49+00:00","og_image":[{"width":1440,"height":900,"url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/WebdriverIO-Applitools-TAU.jpg","type":"image\/jpeg"}],"author":"Michael Battat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Michael Battat","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#article","isPartOf":{"@id":"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/"},"author":{"name":"Michael Battat","@id":"https:\/\/app14743.cloudwayssites.com\/#\/schema\/person\/410b5710e19f580ee19ef348537bc347"},"headline":"Review &#8211; Automated Visual Testing With WebdriverIO","datePublished":"2020-08-17T22:08:24+00:00","dateModified":"2021-05-19T19:02:49+00:00","mainEntityOfPage":{"@id":"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/"},"wordCount":1651,"commentCount":0,"publisher":{"@id":"https:\/\/app14743.cloudwayssites.com\/#organization"},"image":{"@id":"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#primaryimage"},"thumbnailUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/WebdriverIO-Applitools-TAU.jpg","keywords":["CICD","GitHub","Javascript","Jenkins","Test Automation University","Test Engineers","WebdriverIO"],"articleSection":["Getting Started"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/","url":"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/","name":"Review - Automated Visual Testing With WebdriverIO - Applitools","isPartOf":{"@id":"https:\/\/app14743.cloudwayssites.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#primaryimage"},"image":{"@id":"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#primaryimage"},"thumbnailUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/WebdriverIO-Applitools-TAU.jpg","datePublished":"2020-08-17T22:08:24+00:00","dateModified":"2021-05-19T19:02:49+00:00","description":"Include calls to Applitools automated visual test and reduce your WebdriverIO coding load while validating across viewports automatically.","breadcrumb":{"@id":"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#primaryimage","url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/WebdriverIO-Applitools-TAU.jpg","contentUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/WebdriverIO-Applitools-TAU.jpg","width":1440,"height":900},{"@type":"BreadcrumbList","@id":"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing-webdriverio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/app14743.cloudwayssites.com\/"},{"@type":"ListItem","position":2,"name":"Getting Started","item":"https:\/\/app14743.cloudwayssites.com\/blog\/category\/getting-started\/"},{"@type":"ListItem","position":3,"name":"Review &#8211; Automated Visual Testing With WebdriverIO"}]},{"@type":"WebSite","@id":"https:\/\/app14743.cloudwayssites.com\/#website","url":"https:\/\/app14743.cloudwayssites.com\/","name":"Applitools Visual AI","description":"Applitools delivers full end-to-end test automation with AI infused at every step.","publisher":{"@id":"https:\/\/app14743.cloudwayssites.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/app14743.cloudwayssites.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/app14743.cloudwayssites.com\/#organization","name":"Applitools","url":"https:\/\/app14743.cloudwayssites.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/app14743.cloudwayssites.com\/#\/schema\/logo\/image\/","url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/03\/applitools.png","contentUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/03\/applitools.png","width":156,"height":28,"caption":"Applitools"},"image":{"@id":"https:\/\/app14743.cloudwayssites.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/app14743.cloudwayssites.com\/#\/schema\/person\/410b5710e19f580ee19ef348537bc347","name":"Michael Battat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/app14743.cloudwayssites.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b1216c259c20b8394687b91ff06f1af2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b1216c259c20b8394687b91ff06f1af2?s=96&d=mm&r=g","caption":"Michael Battat"},"sameAs":["https:\/\/www.linkedin.com\/in\/mdbattat\/"],"url":"https:\/\/app14743.cloudwayssites.com\/blog\/author\/michaelbattat\/"}]}},"_links":{"self":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/posts\/20596"}],"collection":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/users\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/comments?post=20596"}],"version-history":[{"count":0,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/posts\/20596\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/media\/20599"}],"wp:attachment":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/media?parent=20596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/categories?post=20596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/tags?post=20596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}