{"id":44161,"date":"2022-11-07T06:47:03","date_gmt":"2022-11-07T14:47:03","guid":{"rendered":"https:\/\/app14743.cloudwayssites.com\/?post_type=case-study&#038;p=44161"},"modified":"2025-06-30T11:26:53","modified_gmt":"2025-06-30T15:26:53","slug":"intuit","status":"publish","type":"case-study","link":"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/","title":{"rendered":"Intuit"},"content":{"rendered":"\n<div class=\"wp-block-group pt-sm pb-md container-6\"><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\/2022\/09\/Icon-Integrations.png\" alt=\"\" width=\"120\" height=\"120\"><\/p><\/div>\n    <div class=\"col\"><p>Intuit maintains its design system to help create more consistency and brand recognition, as well increasing productivity from reusable components.<\/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\/2022\/09\/Icon_Tutorial.png\" alt=\"\" width=\"120\" height=\"120\"><\/p><\/div>\n    <div class=\"col\"><p>Testing Intuit\u2019s design systems requires thorough documentation of reusable components and their expected behavior and treatment.<\/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\/2022\/09\/Icon-Device-Coverage.png\" alt=\"\" width=\"120\" height=\"120\"><\/p><\/div>\n    <div class=\"col\"><p>Applitools helps Intuit run visual regression tests on TurboTax\u2019s over 50 UI components and screen configurations across browsers and viewport sizes, reducing manual testing of thousands of potential screens.<\/p>\n<\/div>\n  <\/div>\n  \n\n\n<h2 class=\"wp-block-heading\">Who is Intuit?<\/h2>\n\n\n\n<p>Intuit creates finance software for its over 100 million customers. Its three main products are tax preparation software TurboTax, small-business accounting software QuickBooks, and personal finance app Mint. This case study focuses on TurboTax, which provides users with an interview-style experience to complete the proper tax forms in a more intuitive way, making filing tax returns easier.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How Intuit Builds Digital Products<\/h2>\n\n\n\n<p>TurboTax has thousands of possible screens presented to users during the filing process. These screen configurations use the over 50 components that make up the TurboTax UI. To build a consistent voice in its products, Intuit maintains a well-documented design system.<\/p>\n\n\n\n<p>Design systems consist of components of an application and their documented use patterns. Using these components provides a more consistent user experience and branding of an application. These can include:<\/p>\n\n\n\n<div class=\"wp-block-group pt-xs pb-xs\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li>Typography, colors, spacing<\/li>\n\n\n\n<li>UI elements like form fields and buttons<\/li>\n\n\n\n<li>Graphics and animations<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>The reusable code and UI components of Intuit\u2019s design system not only increase speed of development for TurboTax, but also make it easier to test its components individually instead of instances across multiple screen possibilities.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How Intuit Tests Its Design System<\/h2>\n\n\n\n<p>A change across a design system could be a styling update. For example, buttons may be updated to have different fonts, stroke, fill, hover state, or focus state to align to updated branding or accessibility improvements. Effectively testing changes to a design system requires having thorough documentation of the UI components and their interactions in defined use cases. It also helps to include automated testing in your CI\/CD pipeline to catch bugs before they reach production.<\/p>\n\n\n\n<p>Intuit ensures a consistent and accessible user experience for TurboTax through its thorough testing process for the design system in Storybook:<\/p>\n\n\n\n<div class=\"wp-block-group pt-xs pb-xs\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li><strong>Unit and integration testing<\/strong>: Intuits uses various tools to test that interactions like button presses and keyboard navigation worked as expected.<\/li>\n\n\n\n<li><strong>Accessibility testing<\/strong>: Intuit uses Axe to run <a href=\"https:\/\/app14743.cloudwayssites.com\/solutions\/accessibility-testing\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><span style=\"text-decoration: underline;\">accessibility tests<\/span><\/strong><\/a> like contrast checking and validating focus states and tab order.<\/li>\n\n\n\n<li><strong>Performance testing<\/strong>: Intuit tests bundle sizes for its applications, as well as manual responsiveness testing.<\/li>\n\n\n\n<li><strong>Visual testing<\/strong>: Intuit uses Applitools Ultrafast Grid to run visual tests on its design system updates.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How Intuit Uses Applitools For Visual Testing Across Screen Configurations<\/h2>\n\n\n\n<p>The design system use case mock-ups Intuit builds in Storybook will be screenshot tested between changes in the system. Intuit uses automated visual AI with Applitools to compare these changes and catch potential visual regression bugs. This visual testing happens on both the component level and the mock-up level before release to ensure individual components are correct and that their changes are having the expected impact across the design system.<\/p>\n\n\n\n<p>The mock-ups are used to compare how component updates will change individual screens of the application. These impacts to the overall design can include spacing shifts, consistency, and nested components.<\/p>\n\n\n\n<p>Ultrafast Grid enables these visual regression tests to be run on all configurations in the Storybook mock-ups. It also lets Intuit test across different browsers and breakpoints to ensure that the screens look correct on mobile devices and full desktop experiences.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Testing Your Own Design System With Intuit and Applitools<\/h2>\n\n\n\n<p>Testing that your application is consistent and accessible starts with your design system. Intuit has a few open source tools that can help developers and designers get started setting up their own design system for their applications.<\/p>\n\n\n\n<p>Test management for design systems is challenging in traditional testing frameworks. <a href=\"https:\/\/github.com\/intuit\/design-systems-cli\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><span style=\"text-decoration: underline;\">Design System-CLI<\/span><\/strong><\/a> is an Intuit open-source tool that provides a pre-configured version of Storybook that includes Intuit\u2019s tools for creating new components and bundle size tracking for performance testing.<\/p>\n\n\n\n<p>Automating testing in Storybook the way you would with your web application isn\u2019t possible using just test automation tools like Selenium, Cypress, or WebdriverIO. <a href=\"https:\/\/github.com\/intuit\/proof\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><span style=\"text-decoration: underline;\">Proof<\/span><\/strong><\/a> is another open-source tool from Intuit that lets you write UI automation tests that target specific stories in Storybook so that you can use WebdriverIO to automate interactions with your components to test.<br>Testing that your design system behaves as expected across different combinations manually would take too much time. <a href=\"https:\/\/app14743.cloudwayssites.com\/platform\/ultrafast-grid\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><span style=\"text-decoration: underline;\">Applitools Ultrafast Grid<\/span><\/strong><\/a> supports automated visual testing across different combinations of browsers and viewport sizes.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Highlights Who is Intuit? Intuit creates finance software for its over 100 million customers. Its three main products are tax preparation software TurboTax, small-business accounting software QuickBooks, and personal finance&#8230;<\/p>\n","protected":false},"featured_media":44541,"template":"","meta":{"_acf_changed":true},"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>How Intuit Tests Their Design System With Applitools<\/title>\n<meta name=\"description\" content=\"Applitools has partnered with hundreds of customers to deliver perfect apps faster, with the world&#039;s only AI-powered visual testing solution.\" \/>\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\/intuit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Intuit\" \/>\n<meta property=\"og:description\" content=\"Highlights Who is Intuit? Intuit creates finance software for its over 100 million customers. Its three main products are tax preparation software\" \/>\n<meta property=\"og:url\" content=\"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/\" \/>\n<meta property=\"og:site_name\" content=\"AI-Powered End-to-End Testing | Applitools\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-30T15:26:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/11\/1200px-Intuit_Logo.svg.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"361\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 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\/intuit\/\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/\",\"name\":\"How Intuit Tests Their Design System With Applitools\",\"isPartOf\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/11\/1200px-Intuit_Logo.svg.png\",\"datePublished\":\"2022-11-07T14:47:03+00:00\",\"dateModified\":\"2025-06-30T15:26:53+00:00\",\"description\":\"Applitools has partnered with hundreds of customers to deliver perfect apps faster, with the world's only AI-powered visual testing solution.\",\"breadcrumb\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/#primaryimage\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/11\/1200px-Intuit_Logo.svg.png\",\"contentUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/11\/1200px-Intuit_Logo.svg.png\",\"width\":1200,\"height\":361,\"caption\":\"Intuit logo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/app14743.cloudwayssites.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Intuit\"}]},{\"@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":"How Intuit Tests Their Design System With Applitools","description":"Applitools has partnered with hundreds of customers to deliver perfect apps faster, with the world's only AI-powered visual testing solution.","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\/intuit\/","og_locale":"en_US","og_type":"article","og_title":"Intuit","og_description":"Highlights Who is Intuit? Intuit creates finance software for its over 100 million customers. Its three main products are tax preparation software","og_url":"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/","og_site_name":"AI-Powered End-to-End Testing | Applitools","article_modified_time":"2025-06-30T15:26:53+00:00","og_image":[{"width":1200,"height":361,"url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/11\/1200px-Intuit_Logo.svg.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/","url":"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/","name":"How Intuit Tests Their Design System With Applitools","isPartOf":{"@id":"https:\/\/app14743.cloudwayssites.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/#primaryimage"},"image":{"@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/#primaryimage"},"thumbnailUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/11\/1200px-Intuit_Logo.svg.png","datePublished":"2022-11-07T14:47:03+00:00","dateModified":"2025-06-30T15:26:53+00:00","description":"Applitools has partnered with hundreds of customers to deliver perfect apps faster, with the world's only AI-powered visual testing solution.","breadcrumb":{"@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/#primaryimage","url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/11\/1200px-Intuit_Logo.svg.png","contentUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/11\/1200px-Intuit_Logo.svg.png","width":1200,"height":361,"caption":"Intuit logo"},{"@type":"BreadcrumbList","@id":"https:\/\/app14743.cloudwayssites.com\/case-studies\/intuit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/app14743.cloudwayssites.com\/"},{"@type":"ListItem","position":2,"name":"Intuit"}]},{"@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\/44161"}],"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\/44541"}],"wp:attachment":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/media?parent=44161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}