{"id":37984,"date":"2022-05-04T10:56:43","date_gmt":"2022-05-04T17:56:43","guid":{"rendered":"https:\/\/app14743.cloudwayssites.com\/?page_id=37984"},"modified":"2022-11-07T09:27:41","modified_gmt":"2022-11-07T17:27:41","slug":"cross-browser-testing","status":"publish","type":"page","link":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/","title":{"rendered":"Learn &#8211; Concepts &#8211; Cross Browser Testing"},"content":{"rendered":"\n<div class=\"wp-block-group container-10 bg-blue pb-md pt-md\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h1 class=\"has-text-align-center wp-block-heading\" id=\"h-what-is-cross-browser-testing\">What is Cross Browser Testing?<\/h1>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group container-10 pt-sm pb-sm\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns 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\" style=\"flex-basis:33.33%\">\n<h3 class=\"wp-block-heading\" id=\"block-d18f348b-b2b9-4e03-b8ff-08048050ba74\"><br>Foundations<\/h3>\n\n\n\n<ul id=\"block-10267d8b-90af-4718-9265-d347f98d2caa\" class=\"is-style-default\"><li><a href=\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/functional-testing\/\">Functional Testing<\/a><\/li><li><a href=\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/visual-testing\/\">Visual Testing<\/a><\/li><li><a href=\"\/learn\/concepts\/performance-testing\">Performance Testing<\/a><\/li><li><a href=\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/accessibility-testing\/\">Accessibility Testing<\/a><\/li><li><a href=\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/mobile-testing\/\">Mobile Testing<\/a><\/li><li><a href=\"http:\/\/#\">Cross Browser Testing<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-1845be72-f492-42d5-86cc-7c6d06e2eaf2\">Frameworks<\/h3>\n\n\n\n<ul id=\"block-0e8076c4-e72c-4c8f-92b4-240d56b60d9e\" class=\"is-style-default\"><li><a href=\"https:\/\/app14743.cloudwayssites.com\/learn\/frameworks\/cypress\/\">Cypress<\/a><\/li><li><a href=\"\/learn\/frameworks\/selenium\">Selenium<\/a><\/li><li><a href=\"https:\/\/app14743.cloudwayssites.com\/learn\/frameworks\/playwright\/\">Playwright<\/a><ul><li><a href=\"https:\/\/app14743.cloudwayssites.com\/learn\/frameworks\/playwright\/verifying-sortable-tables\/\">Verifying sortable tables<\/a><\/li><\/ul><\/li><li><a href=\"\/learn\/frameworks\/puppetteer\">Puppetteer<\/a><\/li><li><a href=\"\/learn\/frameworks\/appium\">Appium<\/a><\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\" id=\"h-what-is-cross-browser-testing-1\">What is Cross Browser Testing?<\/h2>\n\n\n\n<p><strong>Cross Browser Testing <\/strong>is a testing method for validating that the application under test works as expected on different browsers, at varying viewport sizes, and devices. It can be done manually or as part of a test automation strategy. The tooling required for this activity can be built in-house or provided by external vendors.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-why-is-cross-browser-testing-important\">Why is Cross Browser Testing Important?<\/h2>\n\n\n\n<p>When I began in QA I didn\u2019t understand why cross-browser testing was important. But it quickly became clear to me that applications frequently render differently at different viewport sizes and with different browser types. This can be a complex issue to test effectively, as the number of combinations required to achieve full coverage can become very large.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-a-cross-browser-testing-example\"><strong>A Cross Browser Testing Example<\/strong><\/h3>\n\n\n\n<p>Here&#8217;s an example of what you might look for when performing cross-browser testing. Let&#8217;s say we&#8217;re working on an insurance application. I, as a user, should be able to view my insurance policy details on the website, using any browser on my laptop or desktop.&nbsp;<\/p>\n\n\n\n<p>This should be possible while ensuring:<\/p>\n\n\n\n<ul class=\"is-style-bullets\"><li>The features remain the same<\/li><li>The look and feel, UI or cosmetic effects are the same<\/li><li>Security standards are maintained<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-implement-cross-browser-testing\">How to Implement Cross Browser Testing&nbsp;<\/h2>\n\n\n\n<p>There are various aspects to consider while implementing your cross-browser testing strategy.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-understand-the-scope-data\">Understand the scope == Data!<\/h3>\n\n\n\n<p><em>\u201cDifferent devices and browsers: chrome, safari, firefox, edge\u201d<\/em><\/p>\n\n\n\n<p>Thankfully IE is not in the list anymore (for most)!<\/p>\n\n\n\n<p>You should first figure out the important combinations of devices and browsers and viewport sizes your userbase is accessing your application from.&nbsp;<\/p>\n\n\n\n<p><em>PS: Each team member should have access to the analytics data of the product to understand patterns of usage of the product. This data, which includes OS, browser details (type, version, viewport sizes) are essential to plan and test proactively, instead of later reacting to situations (= defects).<\/em><\/p>\n\n\n\n<p>This will tell you the different browser types, browser versions, devices, viewport sizes you need to consider in your testing and test automation strategy.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cross-browser-testing-techniques\">Cross Browser Testing&nbsp;Techniques<\/h2>\n\n\n\n<p>There are various ways you can perform cross-browser testing. Let&#8217;s understand them.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-local-setup-on-a-single-dev-qa-machine\">Local Setup -&gt; On a Single (Dev \/ QA Machine)<\/h3>\n\n\n\n<p>We usually have multiple browsers on our laptop \/ desktops. While there are other ways to get started, it is probably simplest to start implementing your cross browser tests here. You also need a local setup to enable debugging and maintaining \/ updating the tests.&nbsp;<\/p>\n\n\n\n<p>If mobile-web is part of the strategy, then you also need to have the relevant setup available on local machines to enable that.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-setting-up-the-infrastructure\">Setting up the Infrastructure<\/h4>\n\n\n\n<p>While this may seem the easiest, it can get out of control very quickly.&nbsp;<\/p>\n\n\n\n<p>Examples:<\/p>\n\n\n\n<ul class=\"is-style-bullets\"><li>You may not be able to install all supported browsers on your computer (ex: Safari is not supported on Windows OS).&nbsp;<\/li><li>Browser vendors keep releasing new versions very frequently. You need to keep your browser drivers in sync with this.<\/li><li>Maintaining \/ using older versions of the browsers may not be very straightforward.<\/li><li>If you need to run tests on mobile devices, you may not have access to all the variety of devices. So setting up local emulators may be a way to proceed.<\/li><\/ul>\n\n\n\n<p>The choices can actually vary based on the requirements of the project and on a case by case basis.<\/p>\n\n\n\n<p>As alternatives, we have the liberty to choose and create either an in-house testing solution, or go for a platform \/ license \/ third party tool to support our device farm needs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-in-house-setup-of-central-infrastructure\">In-House Setup of Central Infrastructure<\/h3>\n\n\n\n<p>You can set up a central infrastructure of browsers and emulators or real devices in your organization that can be leveraged by the teams. You will also need some software to manage the usage and allocation of these browsers and devices.&nbsp;<\/p>\n\n\n\n<p>This infrastructure can potentially be used in the following ways:<\/p>\n\n\n\n<ul class=\"is-style-bullets\"><li><strong>Triggered from local machine<\/strong><br>Tests can be triggered from any dev \/ QA machine to run on the central infrastructure.<\/li><\/ul>\n\n\n\n<ul class=\"is-style-bullets\"><li><strong>For CI execution<\/strong><br>Tests triggered via <a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/continuous-integration-test-management\/\">Continuous Integration (CI)<\/a>, like <a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/what-is-jenkins-how-to-use-jenkins-ci-testing\/\">Jenkins<\/a>, CircleCI, Azure DevOps, TeamCity, etc. can be run against browsers \/ emulators setup on the central infrastructure.&nbsp;<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cloud-solution\"><strong>Cloud Solution<\/strong>&nbsp;&nbsp;&nbsp;&nbsp;<\/h3>\n\n\n\n<p>You can also opt to run the tests against browsers \/ devices in a cloud-based solution. You can select different device \/ browser options offered by various providers in the market that give you the wide coverage as per your requirements, without having to build \/ maintain \/ manage the same. This can also be used to run tests triggered from local machines, or from CI.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-modern-ai-based-cross-browser-testing-solution-applitools-ultrafast-test-cloud\"><strong>Modern, AI-Based Cross Browser Testing Solution: Applitools Ultrafast Test Cloud&nbsp;<\/strong><\/h2>\n\n\n\n<p>It is important to understand the evolution of browsers in recent years.&nbsp;<\/p>\n\n\n\n<ul class=\"is-style-bullets\"><li>They have started conforming to the W3C standard.&nbsp;<\/li><li>They seem to have started adopting Continuous Delivery &#8211; well, at least releasing new versions at a very fast pace, sometimes multiple versions a week.<\/li><li>In a major development a lot of major browsers are adopting and building on the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Chromium_(web_browser)\">Chromium codebase<\/a>. This makes these browsers very similar, except the rendering part &#8211; which is still pretty browser specific.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"273\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/chromium-wikipedia.jpg\" alt=\"\" class=\"wp-image-33962\" srcset=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/chromium-wikipedia.jpg 1600w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/chromium-wikipedia-300x51.jpg 300w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/chromium-wikipedia-1024x175.jpg 1024w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/chromium-wikipedia-768x131.jpg 768w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/chromium-wikipedia-1536x262.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p>We need to factor this change in our cross browser testing strategy.&nbsp;<\/p>\n\n\n\n<p>In addition, <a href=\"https:\/\/app14743.cloudwayssites.com\/solutions\/cross-browser-testing\/\">AI-based cross-browser testing solutions<\/a> are becoming quite popular, which use machine learning to help scale your automation execution and get deep insights into the results &#8211; from a functional, performance and user-experience perspective.<\/p>\n\n\n\n<p>To get hands-on experience in this, I signed-up for a <a href=\"https:\/\/auth.applitools.com\/users\/register\">free Applitools account<\/a>, which uses a powerful <a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/visual-ai\/\">Visual AI<\/a>, and implemented a few tests using <a href=\"https:\/\/app14743.cloudwayssites.com\/tutorials\/selenium-java.html#running-tests-with-applitools\">this tutorial<\/a> as a reference.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-does-applitools-visual-ai-work-as-a-solution-for-cross-browser-testing\">How Does Applitools Visual AI Work as a Solution for Cross Browser Testing <\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-integration-with-applitools\">Integration with Applitools<\/h4>\n\n\n\n<p>Integrating Applitools with your <a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/functional-testing-guide\/\">functional automation<\/a> is extremely easy. Simply select the relevant Applitools SDK based on your functional automation tech stack from <a href=\"https:\/\/app14743.cloudwayssites.com\/tutorials\/\">here<\/a>, and follow the detailed tutorial to get started.<\/p>\n\n\n\n<p>Now, at any place in your test execution where you need functional or visual validation, add methods like <code>eyes.checkWindow()<\/code>, and you are set to run your test against any browser or device of your choice.<\/p>\n\n\n\n<p>Reference: <a href=\"https:\/\/app14743.cloudwayssites.com\/tutorials\/overview\/how-it-works.html\">https:\/\/app14743.cloudwayssites.com\/tutorials\/overview\/how-it-works.html<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-ai-based-cross-browser-testing\">AI-Based Cross Browser Testing<\/h4>\n\n\n\n<p>Now you have your tests ready and running against a specific browser or device, scaling for cross-browser testing is the next step.<\/p>\n\n\n\n<p>What if I told you with just the addition of the different device combinations, you can leverage the same single script to give you the functional and visual test results on the variety of combinations specified, covering the cross browser testing aspect as well.<\/p>\n\n\n\n<p>Seems too far-fetched?<\/p>\n\n\n\n<p>It isn\u2019t. That is exactly what <a href=\"https:\/\/app14743.cloudwayssites.com\/product-ultrafast-test-cloud\/\">Applitools Ultrafast Test Cloud<\/a> does!<\/p>\n\n\n\n<p>The addition of lines of code below will do the magic. You can also go about changing the configurations, as per your requirements.&nbsp;<\/p>\n\n\n\n<p>(Below example is from the Selenium-Java SDK. Similar configuration can be supplied for the other SDKs.)<\/p>\n\n\n\n<pre class=\"wp-block-code lang-java\"><code>\/\/ Add browsers with different viewports\nconfig.addBrowser(800, 600, BrowserType.Chrome);\nconfig.addBrowser(700, 500, BrowserType.FIREFOX);\nconfig.addBrowser(1600, 1200, BrowserType.IE_11);\nconfig.addBrowser(1024, 768, BrowserType.EDGE_CHROMIUM);\nconfig.addBrowser(800, 600, BrowserType.SAFARI);\n\n\/\/ Add mobile emulation devices in Portrait mode\nconfig.addDeviceEmulation(DeviceName.iPhone_X, ScreenOrientation.PORTRAIT;\nconfig.addDeviceEmulation(DeviceName.Pixel_2, ScreenOrientation.PORTRAIT;\n\n\/\/ Set the configuration object to eyes\neyes.setConfiguration(config);<\/code><\/pre>\n\n\n\n<p>Now when you run the test again, say against Chrome browser on your laptop, in the Applitools dashboard, you will see results for all the browser and device combinations provided above.<\/p>\n\n\n\n<p>You may be wondering, the test ran just once on the Chrome browser. How did the results from all other browsers and devices come up? And so fast?<\/p>\n\n\n\n<p>This is what Applitools Ultrafast Grid (a part of the <a href=\"https:\/\/app14743.cloudwayssites.com\/platform\/\">Ultrafast Test Cloud<\/a>) does under the hood:<\/p>\n\n\n\n<ul class=\"is-style-bullets\"><li>When the test starts, the browser configuration is passed from the test execution to the Ultrafast Grid.<\/li><li>For every <code>eyes.checkWindow<\/code> call, the information captured (DOM, CSS, etc.) is sent to the Ultrafast Grid.<\/li><li>The Ultrafast Grid will render the same page \/ screen on each browser \/ device provided by the test &#8211; (think of this as playing a downloaded video in airplane mode).<\/li><li>Once rendered in each browser \/ device, a visual comparison is done and the results are sent to the Applitools dashboard.<\/li><\/ul>\n\n\n\n<p>What I like about this AI-based solution, is that:<\/p>\n\n\n\n<ul class=\"is-style-bullets\"><li>I create my automation scripts for different purposes &#8211; functional, visual, cross browser testing, in one go<\/li><li>There is no need of maintaining devices&nbsp;<\/li><li>There is no need to create different set-ups for different types of testing<\/li><li>The <a href=\"https:\/\/app14743.cloudwayssites.com\/applitools-ai-and-deep-learning\/\">AI algorithms<\/a> start providing results from the first run &#8211; \u201cno training required\u201d<\/li><li>I can leverage the solution on any kind of setup&nbsp;<ul><li>i.e. running the scripts through my IDE, terminal, or CI\/CD&nbsp;<\/li><\/ul><\/li><li>I can leverage the solution for web, mobile web, and native apps<\/li><li>I can integrate Visual Testing results in as part of my <a href=\"https:\/\/app14743.cloudwayssites.com\/docs\/topics\/integrations.html\">CI execution<\/a><\/li><li>Rich information available in the <a href=\"https:\/\/app14743.cloudwayssites.com\/docs\/topics\/test-manager\/tm-overview.html\">dashboard<\/a> including ease of <a href=\"https:\/\/app14743.cloudwayssites.com\/docs\/features\/baseline-variations.html\">updating the baselines<\/a>, doing <a href=\"https:\/\/app14743.cloudwayssites.com\/root-cause-analysis\/\">Root Cause Analysis<\/a>, reporting defects in <a href=\"https:\/\/app14743.cloudwayssites.com\/docs\/topics\/test-manager\/viewers\/using-jira-with-eyes.html\">Jira<\/a> or <a href=\"https:\/\/app14743.cloudwayssites.com\/docs\/topics\/test-manager\/viewers\/using-rally-with-eyes.html\">Rally<\/a>, etc.<\/li><li>I can ensure there are no <a href=\"https:\/\/app14743.cloudwayssites.com\/docs\/features\/contrast-accessibility.html\">Contrast<\/a> issues (part of Accessibility testing) in my execution at scale<\/li><\/ul>\n\n\n\n<p>Here is the screenshot of the Applitools dashboard after I ran my sample tests:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"735\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/applitools-dashboard.jpg\" alt=\"\" class=\"wp-image-33975\" srcset=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/applitools-dashboard.jpg 1600w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/applitools-dashboard-300x138.jpg 300w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/applitools-dashboard-1024x470.jpg 1024w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/applitools-dashboard-768x353.jpg 768w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/applitools-dashboard-1536x706.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cross-browser-testing-tools-and-applitools-visual-ai\">Cross Browser Testing Tools and Applitools Visual AI<\/h2>\n\n\n\n<p>The Ultrafast Test Grid and Applitools Visual AI can be integrated into many popular and free and open source test automation frameworks to easily supercharge their effectiveness as cross-browser testing tools.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cross-browser-testing-in-selenium\">Cross Browser Testing in Selenium<\/h3>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/08\/Selenium_Logo.png\" alt=\"\" class=\"wp-image-30494\" width=\"96\" height=\"100\"\/><\/figure><\/div>\n\n\n<p>As you saw above in my code sample, Ultrafast Grid is compatible with Selenium. Selenium is the most popular open source test automation framework. It is possible to perform cross browser testing with Selenium out of the box, but Ultrafast Grid offers some significant advantages. Check out this article for a <a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/comparing-cross-browser-testing-tools-selenium-grid-vs-applitools-ultrafast-grid\/\">full comparison of using an in-house Selenium Grid vs using Applitools<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cross-browser-testing-in-cypress\">Cross Browser Testing in Cypress<\/h3>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/03\/cypress-mark.svg\" alt=\"\" class=\"wp-image-1413\" width=\"91\" height=\"91\"\/><\/figure><\/div>\n\n\n<p>Cypress is another very popular open source test automation framework. However, it can only natively run tests against a few browsers at the moment &#8211; Chrome, Edge and Firefox. The Applitools Ultrafast Grid allows you to expand this list to include all browsers. See this post on <a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/cross-browser-tests-cypress-all-browsers\/\">how to perform cross-browser tests with Cypress on all browsers<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cross-browser-testing-in-playwright\">Cross Browser Testing in Playwright<\/h3>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/07\/playwright-logo.jpg\" alt=\"\" class=\"wp-image-40969\" width=\"94\" height=\"94\" srcset=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/07\/playwright-logo.jpg 125w, https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/07\/playwright-logo-50x50.jpg 50w\" sizes=\"(max-width: 94px) 100vw, 94px\" \/><\/figure><\/div>\n\n\n<p>Playwright is an open source test automation framework that is newer than both Cypress and Selenium, but it is growing quickly in popularity. Playwright has some limitations on doing cross-browser testing natively, because it tests &#8220;browser projects&#8221; and not full browsers. The Ultrafast Grid overcomes this limitation. You can read more about <a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/lightning-fast-playwright-tests-cross-browser\/\">how to run cross-browser Playwright tests against any browser<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-pro-and-cons-of-each-technique-table-of-comparison\">Pro and Cons of Each Technique (Table of Comparison)<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th><\/th><th><strong>Local Setup<\/strong><\/th><th><strong>In-House Setup&nbsp;<\/strong><\/th><th><strong>Cloud Solution<\/strong><\/th><th><strong>AI-Based Solution (Applitools)<\/strong><\/th><\/tr><\/thead><tbody><tr><td><strong>Infrastructure<\/strong><\/td><td>Pros:&nbsp;<br>Fast feedback on local machine<br>Cons:&nbsp;<br>Needs to be repeated for each machine where the tests need to execute<br>All configurations cannot be set up locally<\/td><td>Pros:&nbsp;<br>No inbound \/ outbound connectivity required<br>Cons:&nbsp;<br>Needs considerable effort to set up, maintain and update the infrastructure on a continued basis<\/td><td>Pros: <br>No efforts required build \/ maintain \/ update the infrastructure<br>Cons: <br>Needs inbound and outbound connectivity from internal network<br>Latency issues may be seen as requests are going to cloud based browsers \/ devices<\/td><td>Pros:<br>No effort required to setup<\/td><\/tr><tr><td><strong>Setup and Maintenance<\/strong><\/td><td>To be taken care of by each team member from time to time; including OS\/ Browser version updates<\/td><td>To be taken care of by the internal team from time to time; including OS\/ Browser version updates<\/td><td>To be taken care of by the service provider<\/td><td>To be taken care of by the service provider<\/td><\/tr><tr><td><strong>Speed of Feedback<\/strong><\/td><td>Slowest, as all dependencies to be taken care of, and test needs to be repeated for each browser \/ device combination<\/td><td>Depends on concurrent usage due to multiple test runs<\/td><td>Depends on network latency<br>Network issues may cause intermittent failures<br>Depends on reliability and connectivity of the service provider<\/td><td>Fast and seamless scaling<\/td><\/tr><tr><td><strong>Security&nbsp;<\/strong><\/td><td>Best as in-house, using internal firewalls, vpns, network and data storage<\/td><td>Best as in-house, using internal firewalls, vpns, network and data storage<\/td><td>High Risk: Needs inbound network access from service provider to the internal test environments.<br>Browsers \/ devices will have access to the data generated by running the test &#8211; cleanup is essential.<br>No control who has access to the cloud service provider infrastructure, and if they access your internal resources.<\/td><td>Low risk. There is no inbound connection to your internal infrastructure.<br>Tests are running on internal network &#8211; so no data on Applitools server (other than screenshots used for comparison with baseline)&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-my-learning-from-this-experience\">My Learning from this Experience<\/h2>\n\n\n\n<ul class=\"is-style-bullets\"><li>A good cross browser testing strategy allows you to reduce the risk of functionality and visual experience not working as expected on the browsers and devices used by your users. A good strategy will also optimize the testing efforts required to do this. To allow this, you need data to provide the insights from your users.<\/li><li>Having a holistic view of how your team will be leveraging cross browser testing (ex: manual testing, automation, local executions, CI-based execution, etc.) is important to know before you start off with your implementation.<\/li><li>Sometimes the easiest way may not be the best &#8211; ex: Using the browsers on your computer to automate against that will not scale. At the same time, using technology like Applitools Ultrafast Test Cloud is very easy &#8211; you end up writing less code and get increased functional and visual coverage at scale.&nbsp;<\/li><li>You need to think about the ROI of your approach and if it achieves the objectives of the need for cross browser testing. ROI calculation should include:<ul><li>Effort to implement, maintain, execute and scale the tests<\/li><li>Effort to set up, and maintain the infrastructure (hardware and software components)<\/li><li>Ability to get deterministic &amp; reliable feedback from from test execution<\/li><\/ul><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-summary\">Summary<\/h2>\n\n\n\n<p>Depending on your project strategy, scope, manual or automation requirements and of course, the hardware or infrastructure combinations, you should make a choice that not only suits the requirements but gives you the best returns and results.&nbsp;<\/p>\n\n\n\n<p>Based on my past experiences, I am very excited about the Applitools Ultrafast Test Cloud &#8211; a unique way to scale test automation seamlessly. In the process, I ended up writing less code, and got amazingly high test coverage, with very high accuracy. I recommend everyone to try this and experience it themselves!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Get Started Today<\/h3>\n\n\n\n<p>Want to get started with Applitools today? Sign up for a <a href=\"https:\/\/auth.applitools.com\/users\/register\">free account<\/a> and check out our <a href=\"https:\/\/app14743.cloudwayssites.com\/docs\/\">docs<\/a> to get up and running today, or <a href=\"https:\/\/app14743.cloudwayssites.com\/blg-request-demo\">schedule a demo<\/a> and we&#8217;ll be happy to answer any questions you may have.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group toc-section-default\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\" id=\"h-recent-mobile-testing-articles\">Recent Mobile Testing Articles<\/h2>\n\n\n<section class=\"article-group\">\n    <div class=\"is-featured\">\n      <div class=\"title-bar\">\n      <div><\/div>\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\/future-of-testing-mobile-all-about-mobile-test-automation\/\" >\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\/2021\/06\/Future-of-Testing-Mobile-2_708x542.jpg\" 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\/2021\/06\/Future-of-Testing-Mobile-2_708x542-335x211.jpg\" width=\"335\" height=\"211\" 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\">Future of Testing: Mobile Recap<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 04.30.2021\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\/appium-vs-espresso-vs-xcui\/\" >\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\/2021\/03\/appium-vs-espresso-vs-XCUI-featured-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\">Appium vs Espresso vs XCUITest &#8211; Understanding how Appium Compares to Espresso &#038; XCUITest<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 03.12.2021\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\/visual-testing-for-mobile-apps\/\" >\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\/2021\/02\/mobile-visual-testing-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\">Visual Testing for Mobile Apps<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 02.22.2021\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<p><\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group container-10 pt-md\"><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>Keep Reading: More on Mobile Testing<\/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\/mobile-testing-webinar\/\" >\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\/2021\/02\/blog-image-1-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\">Stop Testing (Only) The Functionality of Your Mobile Apps! [webinar recording]<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 02.18.2021\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\/adding-app-visual-management-to-mobile-test\/\" >\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\/2018\/02\/eye-491625-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\">Adding App Visual Management to Mobile Test Automation<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 02.16.2018\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\/easy-appium-setup-guide\/\" >\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\/2021\/02\/shutterstock_393607117-1680-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\">A Guide To Installing Appium -The Easy Way<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 02.19.2021\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\/visual-mobile-test-automation-best-practices\/\" >\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\/2021\/05\/Best-practices-around-visual-Mobile-Test-Automation_831x542-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\">[Visual] Mobile Test Automation Best Practices<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 05.06.2021\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 container-10 pt-md\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><section class=\"article-group\">\n    <div class=\"is-grid\">\n      <div class=\"title-bar\">\n      <h2>Keep Watching: Mobile Testing Educational Videos<\/h2>\n    <\/div>      <div class=\"row\">\n                  <div class=\"col-md-6\">\n            \t<div class=\"item \">\n\t\t<a href=\"https:\/\/testautomationu.applitools.com\/appium-visual-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\t\t\t\t\t\t\t\t\t\t\t<source srcset=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2021\/06\/TAU-Appium-Mobile-Testing_708x531.jpg\" 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\/2021\/06\/TAU-Appium-Mobile-Testing_708x531-335x211.jpg\" width=\"335\" height=\"211\" 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\">Automated Visual Testing with Appium<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tFree Course\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 \">\n\t\t<a href=\"https:\/\/testautomationu.applitools.com\/espresso-mobile-testing-tutorial\/\" >\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\/2021\/06\/TAU-Espresso-Mobile-Testing_708x531.jpg\" 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\/2021\/06\/TAU-Espresso-Mobile-Testing_708x531-335x211.jpg\" width=\"335\" height=\"211\" 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\">Android Test Automation with Espresso<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tFree Course\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 \">\n\t\t<a href=\"https:\/\/testautomationu.applitools.com\/introduction-to-ios-test-automation-with-xcuitest\/\" >\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\/2021\/06\/TAU-XCUITest-Mobile-Testing_708x531.jpg\" 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\/2021\/06\/TAU-XCUITest-Mobile-Testing_708x531-335x211.jpg\" width=\"335\" height=\"211\" 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\">Introduction to iOS Test Automation with XCUITest<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tFree Course\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 \">\n\t\t<a href=\"https:\/\/app14743.cloudwayssites.com\/blog\/testing-native-apps\/\" >\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\/09\/shutterstock_789192091-blog-post-555x370.jpg\" 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\/09\/shutterstock_789192091-blog-post-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\">Solving The 4 Major Challenges of Testing Native Apps<\/h3>\n\t\t\t\t\t\t\t\t\t<div class=\"meta\">\n\t\t\t\t\t\tArticles &mdash; 09.16.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><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>What is Cross Browser Testing? Foundations Functional Testing Visual Testing Performance Testing Accessibility Testing Mobile Testing Cross Browser Testing Frameworks Cypress Selenium Playwright Verifying sortable tables Puppetteer Appium What is&#8230;<\/p>\n","protected":false},"author":94,"featured_media":0,"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>An Introduction to Cross Browser Testing - Applitools<\/title>\n<meta name=\"description\" content=\"What is Cross Browser Testing? Foundations Functional Testing Visual Testing Performance Testing Accessibility Testing Mobile Testing Cross Browser Testing Frameworks Cypress Selenium Playwright Verifying sortable tables Puppetteer Appium What is...\" \/>\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\/cross-browser-testing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learn - Concepts - Cross Browser Testing\" \/>\n<meta property=\"og:description\" content=\"What is Cross Browser Testing? Foundations Functional TestingVisual TestingPerformance TestingAccessibility TestingMobile TestingCross Browser Testing\" \/>\n<meta property=\"og:url\" content=\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/\" \/>\n<meta property=\"og:site_name\" content=\"AI-Powered End-to-End Testing | Applitools\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-07T17:27:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/chromium-wikipedia.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"273\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"12 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\/cross-browser-testing\/\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/\",\"name\":\"An Introduction to Cross Browser Testing - Applitools\",\"isPartOf\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/chromium-wikipedia.jpg\",\"datePublished\":\"2022-05-04T17:56:43+00:00\",\"dateModified\":\"2022-11-07T17:27:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/#primaryimage\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/chromium-wikipedia.jpg\",\"contentUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/chromium-wikipedia.jpg\",\"width\":1600,\"height\":273},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-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; Cross Browser 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":"An Introduction to Cross Browser Testing - Applitools","description":"What is Cross Browser Testing? Foundations Functional Testing Visual Testing Performance Testing Accessibility Testing Mobile Testing Cross Browser Testing Frameworks Cypress Selenium Playwright Verifying sortable tables Puppetteer Appium What is...","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\/cross-browser-testing\/","og_locale":"en_US","og_type":"article","og_title":"Learn - Concepts - Cross Browser Testing","og_description":"What is Cross Browser Testing? Foundations Functional TestingVisual TestingPerformance TestingAccessibility TestingMobile TestingCross Browser Testing","og_url":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/","og_site_name":"AI-Powered End-to-End Testing | Applitools","article_modified_time":"2022-11-07T17:27:41+00:00","og_image":[{"width":1600,"height":273,"url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/chromium-wikipedia.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/","url":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/","name":"An Introduction to Cross Browser Testing - Applitools","isPartOf":{"@id":"https:\/\/app14743.cloudwayssites.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/#primaryimage"},"image":{"@id":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/#primaryimage"},"thumbnailUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/chromium-wikipedia.jpg","datePublished":"2022-05-04T17:56:43+00:00","dateModified":"2022-11-07T17:27:41+00:00","breadcrumb":{"@id":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-testing\/#primaryimage","url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/chromium-wikipedia.jpg","contentUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2022\/01\/chromium-wikipedia.jpg","width":1600,"height":273},{"@type":"BreadcrumbList","@id":"https:\/\/app14743.cloudwayssites.com\/learn\/concepts\/cross-browser-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; Cross Browser 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\/37984"}],"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\/94"}],"replies":[{"embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/comments?post=37984"}],"version-history":[{"count":0,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/pages\/37984\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/pages\/37510"}],"wp:attachment":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/media?parent=37984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}