{"id":26706,"date":"2021-02-10T20:48:02","date_gmt":"2021-02-10T20:48:02","guid":{"rendered":"https:\/\/app14743.cloudwayssites.com\/?post_type=case-study&#038;p=26706"},"modified":"2023-06-12T06:27:01","modified_gmt":"2023-06-12T13:27:01","slug":"medallia","status":"publish","type":"case-study","link":"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/","title":{"rendered":"Medallia"},"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>Medallia, an AI-driven customer engagement platform was looking for a UI testing solution that would reduce manual testing time and increase automated UI coverage.<\/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>Usage of Applitools grew from 2 to 20 engineers within Medallia as they discovered the ease of test automation that his team had not previously experienced.<\/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>As Medallia continues to look for ways to improve efficiency, they have started to validate their entire component library with the codeless Storybook integration saving time writing and maintaining brittle test code.<\/p>\n<\/div>\n  <\/div>\n  \n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n  <section class=\"announcement-bar\">\n    <div class=\"items\">\n                      <div class=\"item\"><p><a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/thunderhead-speeds-quality-delivery-with-applitools\/\">Read more about Medallia&#8217;s success with Applitools<\/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 has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-who-is-medallia\">Who Is Medallia?<\/h3>\n\n\n\n<p>Medallia offers it\u2019s AI-driven ONE Platform, a transformational technology for customer engagement and the recognised global leader in the Customer Journey Orchestration and Analytics market. The ONE Engagement Hub helps global brands build customer engagement in the era of digital transformation.\u00a0\u00a0<\/p>\n\n\n\n<p>The ONE Engagement Hub is a quick-to-deploy SaaS solution designed to discover customer insight in real-time, across every interaction throughout the entire customer journey. ONE then uses that insight to help brands deliver individualised, relevant, and consistent conversations across every touchpoint, providing a completely seamless experience throughout each unique customer journey.<\/p>\n\n\n\n<p>Medallia provides its users with great insights into customer behavior. To continue to improve user experience with their highly-visual web application, Medallia develops continuously. How does Medallia keep this visual user experience working well? A key component is Applitools.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-visual-testing-with-applitools-seemed-cool\">Visual Testing With Applitools Seemed \u201cCool\u201d<\/h3>\n\n\n\n<p>Walt Harris, head of quality at Medallia, notes that Medallia had no visual testing solution in place when they first tried Applitools. He recognized that it might be nice to use a visual validation solution. Applitools seemed to be a leap above anything they might have considered otherwise. Walt and his engineering team all had experience with pixel diff tools and had long ago given up on them.\u00a0<\/p>\n\n\n\n<p>What seemed \u201ccool\u201d was Visual AI, the internal Applitools technology that can consider higher-order elements above pixels. By inspecting visual elements, Applitools Visual AI identifies user-noticeable differences while ignoring pixel differences. This makes Applitools much more accurate across subtle browser and operating system changes that pixel diff tools report.&nbsp;<\/p>\n\n\n\n<p>Frankly, Walt was curious to see how Applitools would contribute to his existing test infrastructure.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-validating-ui-instead-of-html\">Validating UI Instead Of HTML<\/h3>\n\n\n\n<p>Walt\u2019s team wrote plenty of Selenium tests to validate both UI behavior and end-to-end functionality. They had no automation for the visual components of these tests. The best they could do was write tests that applied a test condition and used Selenium to inspect the output HTML. By checking various IDs, names, CSS selectors, or XPATH identifiers, Medallia could inspect the code used to generate their UI.\u00a0<\/p>\n\n\n\n<p>By validating HTML, they could capture every element on the screen. However, small changes to UI code would require significant rewrites to get tests to pass again. Frustratingly, many of these changes to internal element locators had no visual impact.&nbsp;<\/p>\n\n\n\n<p>As they started using Applitools, Walt and his team discovered an ease of test development they had not previously experienced. All that code used to validate content on screen got replaced by a simple call to Applitools, which captured the screen and compared it with the last good screen capture. Any differences got highlighted. Walt discovered that Applitools reduced his coding load. It also reduced his test times. Instead of holding a page state to capture each relevant element one at a time, Applitools ran a single capture inline and the comparison offline.&nbsp;<\/p>\n\n\n\n<p>Once the initial users started talking about Applitools, more engineers wanted to try it. While two users worked on the pilot, there are now 20 engineers who use Applitools to validate their code.<\/p>\n\n\n\n<p>The Applitools customer support team provided excellent assistance when needed. Walt said,<\/p>\n\n\n\n<p>\u201cIt\u2019s been great working with support and the customer success team over the years.&nbsp; As an engineer, I can\u2019t tell you what a difference it makes to work directly with other engineers after getting a quick response.\u201d<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-maximizing-productivity-with-applitools\">Maximizing Productivity with Applitools<\/h3>\n\n\n\n<p>Applitools now provides significant productivity gains to Medallia. According to Walt, the key UI tests run regularly after every build continues to grow as their codebase grows. Before they switched to running the tests with Applitools, the tests would take 4 hours to complete. That run time led Medallia to question whether to change their strategy of testing after each build.\u00a0<\/p>\n\n\n\n<p>\u201cWith Applitools, the same tests that used to take 4 hours now take 5 minutes,\u201d Harris said. Medallia can validate after every build because their test time with Applitools can give them a real-time acceptance after the build completes.\u00a0<\/p>\n\n\n\n<p>Another benefit has come from moving visual validation from final acceptance to code check-in. When visual tests were run at final acceptance, developers often had moved onto other projects. They had to context switch back to old work, make repairs, and then switch back to their current project. This switching made them less efficient. By running visual validation at code check-in, all functional and visual discrepancies get discovered in context. Bugs get discovered and repairs happen without developer context switching.<\/p>\n\n\n\n<p>For Medallia, the benefit is faster code turns. They can create builds much faster because they have code validation with less code and greater coverage. Medallia can use its engineers to create new features in their ONE customer engagement platform, rather than have them engaged in testing and late-stage bug fixing. Medallia can use their time more effectively \u2013 enabling them to create more features and deliver more value to their users.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-next-generation-development-with-storybook\">Next Generation Development with Storybook<\/h3>\n\n\n\n<p>As Medallia looks to improve overall efficiency, they build and maintain their component library in Storybook. The component library, along with a series of mock-ups, helps Medallia&#8217;s engineers document and prove user interface functionality in isolation and provides a platform for collaborative feedback with stakeholders.<\/p>\n\n\n\n<p>To validate the library as they continue to develop it and add to it, Medallia has used Applitools. Kai Johnson, who implemented Storybook for Medallia&#8217;s component driven development process, said that Applitools was the key to automated testing of these UI components.<\/p>\n\n\n\n<p>\u201cWith Applitools on Storybook, our team gets no-code and low-code automated UI testing so our engineers can focus on developing a state-of-the-art user interface rather than get bogged down in writing tons of brittle test code.\u201d Johnson said.<\/p>\n\n\n\n<p>And, Kai noted, the key testing requires visual validation. With their previous testing tools, visual validation would take tens of minutes, if not hours, to run. Medallia&#8217;s Storybook Applitools tests are integrated into their build process alongside other unit tests and are done in under five minutes<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-applitools-essential-to-medallia\">Applitools: Essential To Medallia<\/h3>\n\n\n\n<p>Medallia has 20 developers who use Applitools regularly. Because each developer can see the visual impact of his or her coding immediately at check-in, developers have made huge efficiency gains. Engineers discover and fix visual errors in the context of their development cycle.\u00a0<\/p>\n\n\n\n<p>Because they catch visual issues at check-in, Medallia now uncovers virtually no issues in end-to-end pre-release tests. \u201cWe\u2019re thinking about taking Applitools out of those end-to-end tests because we haven\u2019t caught a visual issue in those tests in a long time,\u201d Harris said.\u00a0<br>Of course, Harris said, he realized that he would not do that. \u201cApplitools give our entire team huge peace-of-mind,\u201d Harris said. \u201cWe know about the visual impact of our code. Using Applitools makes us more nimble and lets us develop more quickly.\u201d<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n  <section class=\"announcement-bar\">\n    <div class=\"items\">\n                      <div class=\"item\"><p><a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/thunderhead-speeds-quality-delivery-with-applitools\/\">Read more about Medallia&#8217;s success with Applitools<\/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 has-css-opacity\"\/>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn how the Medallia team discovered a new level of ease in test automation, as usage of Applitools grew from 2 to 20 engineers.<\/p>\n","protected":false},"featured_media":51030,"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>Medallia Speeds Development and Quality with Applitools - See How<\/title>\n<meta name=\"description\" content=\"Learn how the Medallia team discovered a new level of ease in test automation, as usage of Applitools grew from 2 to 20 engineers.\" \/>\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\/medallia\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Thunderhead Speeds Development and Quality with Applitools\" \/>\n<meta property=\"og:description\" content=\"Learn how the Medallia team discovered a new level of ease in test automation, as usage of Applitools grew from 2 to 20 engineers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/\" \/>\n<meta property=\"og:site_name\" content=\"AI-Powered End-to-End Testing | Applitools\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-12T13:27:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/02\/medallia-inc-logo-vector.png\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\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=\"Thunderhead Speeds Development and Quality with Applitools\" \/>\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\/medallia\/\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/\",\"name\":\"Medallia Speeds Development and Quality with Applitools - See How\",\"isPartOf\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/02\/medallia-inc-logo-vector.png\",\"datePublished\":\"2021-02-10T20:48:02+00:00\",\"dateModified\":\"2023-06-12T13:27:01+00:00\",\"description\":\"Learn how the Medallia team discovered a new level of ease in test automation, as usage of Applitools grew from 2 to 20 engineers.\",\"breadcrumb\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/#primaryimage\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/02\/medallia-inc-logo-vector.png\",\"contentUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/02\/medallia-inc-logo-vector.png\",\"width\":900,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/app14743.cloudwayssites.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Medallia\"}]},{\"@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":"Medallia Speeds Development and Quality with Applitools - See How","description":"Learn how the Medallia team discovered a new level of ease in test automation, as usage of Applitools grew from 2 to 20 engineers.","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\/medallia\/","og_locale":"en_US","og_type":"article","og_title":"Thunderhead Speeds Development and Quality with Applitools","og_description":"Learn how the Medallia team discovered a new level of ease in test automation, as usage of Applitools grew from 2 to 20 engineers.","og_url":"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/","og_site_name":"AI-Powered End-to-End Testing | Applitools","article_modified_time":"2023-06-12T13:27:01+00:00","og_image":[{"width":900,"height":500,"url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/02\/medallia-inc-logo-vector.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Thunderhead Speeds Development and Quality with Applitools","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/","url":"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/","name":"Medallia Speeds Development and Quality with Applitools - See How","isPartOf":{"@id":"https:\/\/app14743.cloudwayssites.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/#primaryimage"},"image":{"@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/#primaryimage"},"thumbnailUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/02\/medallia-inc-logo-vector.png","datePublished":"2021-02-10T20:48:02+00:00","dateModified":"2023-06-12T13:27:01+00:00","description":"Learn how the Medallia team discovered a new level of ease in test automation, as usage of Applitools grew from 2 to 20 engineers.","breadcrumb":{"@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/#primaryimage","url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/02\/medallia-inc-logo-vector.png","contentUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/02\/medallia-inc-logo-vector.png","width":900,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/medallia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/app14743.cloudwayssites.com\/"},{"@type":"ListItem","position":2,"name":"Medallia"}]},{"@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\/26706"}],"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\/51030"}],"wp:attachment":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/media?parent=26706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}