{"id":27557,"date":"2021-03-08T16:50:16","date_gmt":"2021-03-08T16:50:16","guid":{"rendered":"https:\/\/app14743.cloudwayssites.com\/?post_type=case-study&#038;p=27557"},"modified":"2022-04-08T13:42:04","modified_gmt":"2022-04-08T20:42:04","slug":"sonatype","status":"publish","type":"case-study","link":"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/","title":{"rendered":"Sonatype"},"content":{"rendered":"\n<div class=\"wp-block-group container-6 pt-sm pb-md\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\" id=\"h-highlights\">Highlights<\/h2>\n\n\n    <div class=\"row\">\n    <div class=\"col-auto\"><p style=\"width: 60px; text-align: center;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/02\/noun_Automated-Solution_1864967.png\" alt=\"Icon showing gear with lines connected to dots\" width=\"1200\" height=\"1200\"><\/p><\/div>\n    <div class=\"col\"><p>Sonatype, the leader in software supply chain automation technology,  was in search of a solution to prevent visual bugs across the variety of operating systems and browsers supported by the Nexus platform.<\/p>\n<\/div>\n  <\/div>\n    <div class=\"row\">\n    <div class=\"col-auto\"><p style=\"width: 60px; text-align: center;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/02\/noun_grow_2529922.png\" alt=\"Icon of stylized leafy plant sprouting from ground\" width=\"1200\" height=\"1200\"><\/p><\/div>\n    <div class=\"col\"><p>After implementing Applitools, the engineering team can solely focus on delivering value, while Applitools uncovers countless unexpected changes before code ever leaves development.<\/p>\n<\/div>\n  <\/div>\n    <div class=\"row\">\n    <div class=\"col-auto\"><p style=\"width: 60px; text-align: center;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/02\/noun_Puzzle_3176209.png\" alt=\"Icon showing four interlocking puzzle pieces forming a square\" width=\"1200\" height=\"1200\"><\/p><\/div>\n    <div class=\"col\"><p>Moving forward, Sonatype will deploy a shared component library which will represent the future of their UI. This new deployment will also include Applitools to deliver component level testing, further diminishing visual risk and catching bugs even earlier in the app-dev process.<\/p>\n<\/div>\n  <\/div>\n  \n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-about-sonatype\">About Sonatype<\/h3>\n\n\n\n<p>Sonatype is the leader in software supply chain automation technology with more than 400 employees, over 1,200 enterprise customers, and is trusted by more than 10 million software developers.&nbsp; Sonatype\u2019s Nexus platform enables DevOps teams and developers to automatically integrate security at every stage of the modern development pipeline by combining in-depth component intelligence with real-time remediation guidance.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The Situation<\/h3>\n\n\n\n<p>Sonatype first bought Applitools in 2017 to address a core problem affecting web applications: visual drift due to code changes with unaccounted UI dependencies. In developing the Nexus Lifecycle product, Sonatype learned that small code changes could change the application visually in unanticipated ways.&nbsp;<\/p>\n\n\n\n<p>Nexus runs on developer systems that include Windows, Mac, and Linux. Their customers would run various versions of browsers &#8211; from most stable to most recent. The big driver for Sonatype involved ensuring Internet Explorer 8 support even as development moved beyond IE 8 to more recent browser versions.<\/p>\n\n\n\n<p>Multiple development teams worked on the product. Teams would reuse each other\u2019s code. Small changes in markup or function used by one team might impact the code of another. Sonatype used a range of functional automation tools, but visual issues went undetected. Understanding the limitations of functional tests to catch visual defects, developers had to devote engineering time to uncover these failing cases manually.<\/p>\n\n\n\n<p>Jamie Whitehouse and everyone on the development team spent time each release working to uncover and address these undetected failures. Often, this work occurred as spot checks of the 1,000+ pages of the application during development. In reality, this work, and the inherent risk of unintended changes, slowed the delivery of the product to market.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Looking For A Solution<\/h3>\n\n\n\n<p>Jamie and his team sought an approach for highlighting these differences. Key capabilities he needed:<\/p>\n\n\n\n<ul class=\"is-style-default\"><li>Automated &#8211; a solution that could capture and highlight visual differences without manual intervention<\/li><li>Accurate &#8211; low incidence of false positives and missed errors. Sonatype needed element-level accuracy, and a way to ignore pixel-level differences that plague pixel diff tools.<\/li><li>Integrated &#8211; easy to integrate with existing tests.<\/li><li>Complete &#8211; In evaluating tools, Jamie wanted to avoid tools that would require his team\u2019s incremental development work to use. Tooling work would cost development hours without delivering value to Sonatype customers.&nbsp;<\/li><li>Supported &#8211; Sonaytpe would pay for support instead of using their own engineers to support the solution.<\/li><\/ul>\n\n\n\n<p>Jamie\u2019s team investigated the available solutions. They wrote off pixel-diff comparators because the team\u2019s experience indicated a high degree of false positives from pixel diffs. Also, the Sonatype use case differed greatly from graphic design use cases, where pixel match matters. They also wrote off open source tools, which put engineering resources at risk to develop and maintain a solution that met Sonatype\u2019s needs.&nbsp;<\/p>\n\n\n\n<p>Given the constraints, Jamie says, Applitools was the obvious choice to try. Applitools provided AI-based approach that allowed it to identify and compare visual elements instead of comparing pixels. It also provided a range of match comparisons, including layout comparisons, content checks, and even exact pixel comparison (if needed). Jamie\u2019s team saw the promise of automated visual validation without false positives.<\/p>\n\n\n\n<p>During their initial deployment, Applitools met their needs. It integrated with their existing test automation, delivered accurate results, and Applitools provided great support.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Results<\/h3>\n\n\n\n<p>After two years of using Applitools, Sonatype has reaped some serious rewards.&nbsp;<\/p>\n\n\n\n<p>While they continue to justify the cost of Applitools based on the engineering effort saved, the real benefit involves the complete elimination of visual drift in their applications. Sonatype now knows, with certainty, the effect of changes to rendering and markup across reused components &#8211; simply through running their test automation.&nbsp; Developers can deliver code changes to existing code and know that Applitools can properly catch all the changes &#8211; including unintended changes &#8211; early in the development process.<\/p>\n\n\n\n<p>If Sonatype engineers make a change in their margins across a number of pages, all the differences show up as highlights in Applitools. Features in Applitools like Auto-Maintenance make visual validation a time saver. Auto-Maintenance lets engineers quickly accept identical changes across a number of pages &#8211; leaving only the unanticipated differences. As Jamie says Applitools takes the guesswork out of testing the rendered pages.&nbsp;<\/p>\n\n\n\n<p>As Jamie explains:&nbsp;<\/p>\n\n\n\n<p>\u201cWith unit tests, you check them in once and then run them forever. Once they\u2019re running, you expect them to stay green and check them only when they\u2019re red. Now, imagine being able to do the same thing with UI tests. You write them once and only check them when they\u2019re red. Imagine how much more productive you would be if you didn\u2019t have to worry about missing visual changes?\u201d<\/p>\n\n\n\n<p>With Applitools deployed, Jamie has his engineering team focused on delivering value in Nexus Lifecycle. Applitools has helped uncover countless unexpected changes during the development phase, as opposed to waiting for final testing. The true value of using Applitools &#8211; development free from visual risk &#8211; is hard to quantify. But, when calculating the speed of delivering products to market, Jamie knows he\u2019s much faster with Applitools.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Where Next?<\/h3>\n\n\n\n<p>To reduce its UI risk further, the Sonatype team is deploying a shared components library. Their library will form the basis of the future UI, with components reused across their Nexus Lifecycle application. The component team evaluated Applitools alongside several solutions specifically geared toward component testing. They concluded that Applitools would test their entire component library with the same accuracy and workflow they rely on in their existing end-to-end tests.&nbsp;<\/p>\n\n\n\n<p>Sonatype plans to use Applitools to test the entire library in action across all browsers and viewports. Their goal is to deliver visual validation even earlier in the development phase and diminish their visual risk in end-to-end tests.<\/p>\n\n\n\n<p>Jamie expects this approach can speed their delivery further, as Sonatype can re-use components with much lower risk of unexpected UI behavior.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n  <section class=\"announcement-bar\">\n    <div class=\"items\">\n                      <div class=\"item\"><p>Continue reading: <a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-testing\/\">What is Visual Testing?<\/a><\/p>\n<\/div>\n          <\/div>\n  <\/section>\n  <script src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/themes\/applitools\/assets\/js\/slick.min.js\" defer><\/script>\n  <script>\n    $(document).ready(function(){\n      if ($('.announcement-bar .item').length > 1) {\n        $('.announcement-bar .items').slick({\n          autoplay: true,\n          autoplaySpeed: 4000,\n          fade: true,\n          dots: false,\n          arrows: false\n        });\n      }\n    });\n  <\/script>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn how their engineering team can now focus on delivering value, while Applitools uncovers unexpected changes before code ever leaves development.<\/p>\n","protected":false},"featured_media":27558,"template":"","meta":{"_acf_changed":false},"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>Case Study: Sonatype Ensures App Quality in Nexus Lifecycle - Applitools<\/title>\n<meta name=\"description\" content=\"Learn how their engineering team can now focus on delivering value, while Applitools uncovers unexpected changes before code ever leaves development.\" \/>\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\/case-studies\/sonatype\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Sonatype Ensures App Quality in Nexus Lifecycle\" \/>\n<meta property=\"og:description\" content=\"Learn how their engineering team can now focus on delivering value, while Applitools uncovers unexpected changes before code ever leaves development.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/\" \/>\n<meta property=\"og:site_name\" content=\"AI-Powered End-to-End Testing | Applitools\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-08T20:42:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/03\/Sonatype_stacked_logo_full_color.png\" \/>\n\t<meta property=\"og:image:width\" content=\"940\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Case Study: Sonatype Ensures App Quality in Nexus Lifecycle\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/\",\"name\":\"Case Study: Sonatype Ensures App Quality in Nexus Lifecycle - Applitools\",\"isPartOf\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/03\/Sonatype_stacked_logo_full_color.png\",\"datePublished\":\"2021-03-08T16:50:16+00:00\",\"dateModified\":\"2022-04-08T20:42:04+00:00\",\"description\":\"Learn how their engineering team can now focus on delivering value, while Applitools uncovers unexpected changes before code ever leaves development.\",\"breadcrumb\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/#primaryimage\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/03\/Sonatype_stacked_logo_full_color.png\",\"contentUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/03\/Sonatype_stacked_logo_full_color.png\",\"width\":940,\"height\":900},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/app14743.cloudwayssites.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sonatype\"}]},{\"@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\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Case Study: Sonatype Ensures App Quality in Nexus Lifecycle - Applitools","description":"Learn how their engineering team can now focus on delivering value, while Applitools uncovers unexpected changes before code ever leaves development.","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\/case-studies\/sonatype\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Sonatype Ensures App Quality in Nexus Lifecycle","og_description":"Learn how their engineering team can now focus on delivering value, while Applitools uncovers unexpected changes before code ever leaves development.","og_url":"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/","og_site_name":"AI-Powered End-to-End Testing | Applitools","article_modified_time":"2022-04-08T20:42:04+00:00","og_image":[{"width":940,"height":900,"url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/03\/Sonatype_stacked_logo_full_color.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Case Study: Sonatype Ensures App Quality in Nexus Lifecycle","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/","url":"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/","name":"Case Study: Sonatype Ensures App Quality in Nexus Lifecycle - Applitools","isPartOf":{"@id":"https:\/\/app14743.cloudwayssites.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/#primaryimage"},"image":{"@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/#primaryimage"},"thumbnailUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/03\/Sonatype_stacked_logo_full_color.png","datePublished":"2021-03-08T16:50:16+00:00","dateModified":"2022-04-08T20:42:04+00:00","description":"Learn how their engineering team can now focus on delivering value, while Applitools uncovers unexpected changes before code ever leaves development.","breadcrumb":{"@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/#primaryimage","url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/03\/Sonatype_stacked_logo_full_color.png","contentUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/03\/Sonatype_stacked_logo_full_color.png","width":940,"height":900},{"@type":"BreadcrumbList","@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/sonatype\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/app14743.cloudwayssites.com\/"},{"@type":"ListItem","position":2,"name":"Sonatype"}]},{"@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\/"}}]}},"_links":{"self":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/case-study\/27557"}],"collection":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/case-study"}],"about":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/types\/case-study"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/media\/27558"}],"wp:attachment":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/media?parent=27557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}