{"id":23178,"date":"2020-09-18T19:03:52","date_gmt":"2020-09-18T19:03:52","guid":{"rendered":"https:\/\/app14743.cloudwayssites.com\/?page_id=23178"},"modified":"2022-07-12T19:44:12","modified_gmt":"2022-07-13T02:44:12","slug":"component-testing","status":"publish","type":"page","link":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/","title":{"rendered":"Learn &#8211; Concepts &#8211; Component Testing"},"content":{"rendered":"\n<div class=\"wp-block-group container-default\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">What is Component Testing?<\/h2>\n\n\n\n<p>Component testing is form of software testing that focuses on software components in isolation of the remainder of the application. Modern teams have embraced solutions like Storybook to build their design systems. In Storybook, you have multiple stories, each of which represents a rendered state of a UI component. Component testing takes each story (or rendered state) and tests it. Visual Testing is ideal for component testing.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-storybook\">What is Storybook?<\/h2>\n\n\n\n<p>Storybook allows developers to build UI components in isolation of an application. In modern application development, having a component team is increasingly popular. Such teams are responsible for the overall design system including all UI components that are used across one or more applications within an organization.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-why-visual-testing-for-components\">Why Visual Testing for Components?<\/h2>\n\n\n\n<p>Visual testing components allows teams to find bugs earlier, across a variety of browsers and viewports at speeds almost as fast as unit testing &#8211; but without writing any additional test code. Read more about <a href=\"https:\/\/app14743.cloudwayssites.com\/storybook\/\">visual testing with Storybook &amp; Applitools<\/a>.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group pt-sm pb-sm\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><section class=\"article-group\">\n    <div class=\"is-featured\">\n      <div class=\"title-bar\">\n      <h2>Storybook Articles<\/h2>\n    <\/div>      <div class=\"row\">\n        <div class=\"col-md-6\">\n          \t<div class=\"item is-primary\">\n\t\t<a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-test-react-storybook\/\" >\n\t\t\t\t\t\t\t<picture class=\"image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<source srcset=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2019\/07\/Screen-Shot-2019-07-16-at-9.51.24-AM-555x369.png\" media=\"screen and (min-width: 768px)\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2019\/07\/Screen-Shot-2019-07-16-at-9.51.24-AM-384x242.png\" width=\"384\" height=\"242\" alt=\"\" loading=\"lazy\">\n\t\t\t\t<\/picture>\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t<h3 class=\"title\">Visual testing for React and Storybook<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 07.17.2019\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n        <\/div>\n        <div class=\"col-md-6\">\n          \t<div class=\"item is-secondary\">\n\t\t<a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/how-to-test-design-system\/\" >\n\t\t\t\t\t\t\t<picture class=\"image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/08\/shutterstock_174447713-copy-200x200.jpg\" width=\"200\" height=\"200\" alt=\"\" loading=\"lazy\">\n\t\t\t\t<\/picture>\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t<h3 class=\"title\">How Do You Test A Design System?<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 08.07.2020\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\t<div class=\"item is-secondary\">\n\t\t<a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/vue-storybook-rca\/\" >\n\t\t\t\t\t\t\t<picture class=\"image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2019\/09\/Screen-Shot-2019-09-16-at-4.34.52-PM-200x200.png\" width=\"200\" height=\"200\" alt=\"\" loading=\"lazy\">\n\t\t\t\t<\/picture>\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t<h3 class=\"title\">Vue.js Development with Storybook and Applitools<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 09.17.2019\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <\/section>\n\n\n<div class=\"wp-block-group pt-sm pb-sm\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><div class=\"small-cta is-style-\">\n        <h2 class=\"title\"><p>Start testing with Storybook &#038; Applitools for free.<\/p>\n<\/h2>\n      <a href=\"https:\/\/auth.applitools.com\/users\/register\" class=\"btn\">Get Started<\/a>\n  <\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group pt-sm pb-sm\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><section class=\"article-group\">\n    <div class=\"is-hero limit-width-\">\n      \t<div class=\"item \">\n\t\t<a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/fast-ui-testing\/\" >\n\t\t\t\t\t\t\t<picture class=\"image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<source srcset=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2019\/04\/done-in-20-seconds-555x369.png\" media=\"screen and (min-width: 768px)\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2019\/04\/done-in-20-seconds-462x369.png\" width=\"462\" height=\"369\" alt=\"\" loading=\"lazy\">\n\t\t\t\t<\/picture>\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t<h3 class=\"title\">How I ran 100 UI tests in just 20 seconds<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 04.02.2019\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n    <\/div>\n    <\/section><\/div><\/div>\n\n\n\n<div class=\"wp-block-group pb-sm pt-sm\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group pt-sm pb-sm\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><section class=\"article-group\">\n    <div class=\"is-row\">\n      <div class=\"title-bar\">\n      <h2>Thought Leadership &#8211; Design Systems<\/h2>\n    <\/div>      <div class=\"row\">\n                  <div class=\"col-md-6 col-lg-3\">\n            \t<div class=\"item \">\n\t\t<a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/modern-cross-browser-testing-cypress\/\" >\n\t\t\t\t\t\t\t<picture class=\"image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/07\/image7-384x242.jpg\" width=\"384\" height=\"242\" alt=\"\" loading=\"lazy\">\n\t\t\t\t<\/picture>\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t<h3 class=\"title\">Modern Cross Browser Testing with Cypress and Applitools<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 07.16.2020\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n          <\/div>\n                    <div class=\"col-md-6 col-lg-3\">\n            \t<div class=\"item \">\n\t\t<a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/roadmap-testing-design-system\/\" >\n\t\t\t\t\t\t\t<picture class=\"image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/07\/blog_image-1-384x242.jpg\" width=\"384\" height=\"242\" alt=\"\" loading=\"lazy\">\n\t\t\t\t<\/picture>\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t<h3 class=\"title\">Roadmap to Testing a Design System &#8211; by Marie Drake [webinar recording]<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 07.13.2020\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n          <\/div>\n                    <div class=\"col-md-6 col-lg-3\">\n            \t<div class=\"item \">\n\t\t<a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/testing-design-systems-2\/\" >\n\t\t\t\t\t\t\t<picture class=\"image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/06\/shutterstock_635215985-copy-384x242.jpg\" width=\"384\" height=\"242\" alt=\"\" loading=\"lazy\">\n\t\t\t\t<\/picture>\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t<h3 class=\"title\">Design Systems and Testability<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 06.16.2020\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n          <\/div>\n                    <div class=\"col-md-6 col-lg-3\">\n            \t<div class=\"item \">\n\t\t<a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/testing-design-systems\/\" >\n\t\t\t\t\t\t\t<picture class=\"image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/06\/testing-design-system-changes-384x242.jpg\" width=\"384\" height=\"242\" alt=\"\" loading=\"lazy\">\n\t\t\t\t<\/picture>\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t<h3 class=\"title\">Testing Design System Changes Across Your Application &#8212; Intuit Use Case with Sr. Engineer Tyler Krupicka [webinar recording]<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 06.02.2020\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n          <\/div>\n                <\/div>\n    <\/div>\n    <\/section><\/div><\/div>\n\n\n\n<div class=\"wp-block-group pb-sm pt-sm\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"has-text-align-center wp-block-heading\" id=\"h-start-component-testing-today-with-storybook-applitools\">Start Component Testing Today with Storybook &amp; Applitools<\/h2>\n\n\n\n<div class=\"wp-block-columns pt-sm pb-md is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"128\" height=\"108\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2019\/12\/react.png\" alt=\"React logo\" class=\"wp-image-667\"\/><\/figure><\/div>\n\n\n<div class=\"wp-block-button aligncenter is-style-fill\"><a class=\"wp-block-button__link\" href=\"https:\/\/app14743.cloudwayssites.com\/tutorials\/storybook-react.html\">React + Storybook<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2019\/12\/vue.png\" alt=\"Vue logo\" class=\"wp-image-668\" width=\"124\" height=\"108\"\/><\/figure><\/div>\n\n\n<div class=\"wp-block-button aligncenter is-style-fill\"><a class=\"wp-block-button__link\" href=\"https:\/\/app14743.cloudwayssites.com\/tutorials\/storybook-vue.html\">Vue + Storybook<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"128\" height=\"103\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2019\/12\/angular.png\" alt=\"Angular logo\" class=\"wp-image-669\"\/><\/figure><\/div>\n\n\n<div class=\"wp-block-button aligncenter is-style-fill\"><a class=\"wp-block-button__link\" href=\"https:\/\/app14743.cloudwayssites.com\/tutorials\/storybook-angular.html\">Angular + Storybook<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group pb-sm pt-sm\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n<section class=\"quotes is-style-\">\n  <div class=\"container\">\n    <div class=\"row justify-content-center\">\n      <div class=\"col-lg-8 col-xl-6\">\n        <div class=\"items\">\n                  <blockquote class=\"quote-item\">\n            <div class=\"body\">\n              <div class=\"open-quote\"><svg width=\"27\" height=\"20\" viewBox=\"0 0 27 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5.875 0L0 19.563h8.938L12.562 0H5.875zm14.344 0l-5.407 19.563h8.938L26.906 0H20.22z\" fill=\"#611F69\"\/><\/svg><\/div>\n              Cross browser testing is ultra fast using Applitools Ultrafast Test Cloud. Bugs that I missed (and there were lots!) on different browsers and viewports were easily caught without affecting the time it takes to run my tests. Functional testing frameworks automate browsers, but they are not built to catch the visual changes now incredibly common cross environment. Applitools Ultrafast Test Cloud helps engineers succeed when doing modern cross browser testing.\r\n            <\/div>\n                          <div class=\"image\"><img decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/05\/Marie-Drake-e1600121825850-50x50.jpg\" alt=\"\" width=\"50\" height=\"50\" loading=\"lazy\"><\/div>\n                        <div class=\"details\">\n              <span class=\"name\">\n                                  Marie Drake                              <\/span>\n              <span class=\"sep\">&bullet;<\/span> <span class=\"company\">News UK<\/span>              <div class=\"title\">Principal Test Automation Engineer <\/div>            <\/div>\n          <\/blockquote>\n                  <\/div>\n      <\/div>\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    $('.quotes').each(function(){\n      if ($(this).find('.quote-item').length > 1) {\n        $(this).find('.items').slick({\n          autoplay: true,\n          autoplaySpeed: 10000,\n          lazyLoad: true,\n          fade: true,\n          prevArrow: '<button type=\"button\" class=\"slick-prev\">' + window.arrowPrev + '<\/button>',\n          nextArrow: '<button type=\"button\" class=\"slick-next\">' + window.arrowNext + '<\/button>'\n        });\n      }\n    });\n  });\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>What is Component Testing? Component testing is form of software testing that focuses on software components in isolation of the remainder of the application. Modern teams have embraced solutions like&#8230;<\/p>\n","protected":false},"author":3,"featured_media":23202,"parent":37510,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"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>What is Component Testing? Applitools and Storybook<\/title>\n<meta name=\"description\" content=\"Learn about component testing with Storybook. Component testing is the form of software testing that focuses on software components in isolation of the remainder of the application.\" \/>\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\/learn\/concepts\/component-testing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learn - Concepts - Component Testing\" \/>\n<meta property=\"og:description\" content=\"What is Component Testing? Component testing is form of software testing that focuses on software components in isolation of the remainder of the\" \/>\n<meta property=\"og:url\" content=\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/\" \/>\n<meta property=\"og:site_name\" content=\"AI-Powered End-to-End Testing | Applitools\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-13T02:44:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/09\/pillar-hero-storybook.png\" \/>\n\t<meta property=\"og:image:width\" content=\"663\" \/>\n\t<meta property=\"og:image:height\" content=\"324\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/\",\"name\":\"What is Component Testing? Applitools and Storybook\",\"isPartOf\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/09\/pillar-hero-storybook.png\",\"datePublished\":\"2020-09-18T19:03:52+00:00\",\"dateModified\":\"2022-07-13T02:44:12+00:00\",\"description\":\"Learn about component testing with Storybook. Component testing is the form of software testing that focuses on software components in isolation of the remainder of the application.\",\"breadcrumb\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/#primaryimage\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/09\/pillar-hero-storybook.png\",\"contentUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/09\/pillar-hero-storybook.png\",\"width\":663,\"height\":324},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/app14743.cloudwayssites.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Learn\",\"item\":\"https:\/\/app14743.cloudwayssites.com\/learn\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Learn &#8211; Concepts\",\"item\":\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Learn &#8211; Concepts &#8211; Component Testing\"}]},{\"@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":"What is Component Testing? Applitools and Storybook","description":"Learn about component testing with Storybook. Component testing is the form of software testing that focuses on software components in isolation of the remainder of the application.","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\/learn\/concepts\/component-testing\/","og_locale":"en_US","og_type":"article","og_title":"Learn - Concepts - Component Testing","og_description":"What is Component Testing? Component testing is form of software testing that focuses on software components in isolation of the remainder of the","og_url":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/","og_site_name":"AI-Powered End-to-End Testing | Applitools","article_modified_time":"2022-07-13T02:44:12+00:00","og_image":[{"width":663,"height":324,"url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/09\/pillar-hero-storybook.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/","url":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/","name":"What is Component Testing? Applitools and Storybook","isPartOf":{"@id":"https:\/\/app14743.cloudwayssites.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/#primaryimage"},"image":{"@id":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/#primaryimage"},"thumbnailUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/09\/pillar-hero-storybook.png","datePublished":"2020-09-18T19:03:52+00:00","dateModified":"2022-07-13T02:44:12+00:00","description":"Learn about component testing with Storybook. Component testing is the form of software testing that focuses on software components in isolation of the remainder of the application.","breadcrumb":{"@id":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/#primaryimage","url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/09\/pillar-hero-storybook.png","contentUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/09\/pillar-hero-storybook.png","width":663,"height":324},{"@type":"BreadcrumbList","@id":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/component-testing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/app14743.cloudwayssites.com\/"},{"@type":"ListItem","position":2,"name":"Learn","item":"https:\/\/app14743.cloudwayssites.com\/learn\/"},{"@type":"ListItem","position":3,"name":"Learn &#8211; Concepts","item":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/"},{"@type":"ListItem","position":4,"name":"Learn &#8211; Concepts &#8211; Component Testing"}]},{"@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\/pages\/23178"}],"collection":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/comments?post=23178"}],"version-history":[{"count":0,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/pages\/23178\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/pages\/37510"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/media\/23202"}],"wp:attachment":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/media?parent=23178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}