--- title: "Test modern apps directly in your browser" url: "https://www.cypress.io/app" description: "Fast, easy and reliable front-end testing for anything that runs in a browser. Use Cypress E2E testing tools for any app that runs on a browser. Learn how." --- # Test modern apps directly in your browser Build, test, and debug directly in your browser with a seamless developer experience that is loved by developers all around the world. Test your code, not your patience. Install Cypress [Documentation](https://on.cypress.io/?utm_medium=website&utm_source=cypress.io&utm_content=app-hero) [End-to-end Testing](#e2e) [Component Testing](#component)  ![A screenshot of the Cypress End-to-End testing dashboard, which users can use to launch various front-end testing and E2E testing tools.](/_astro/E2EDemo.BVyXo-jh_DidN6.png) ![A screenshot of the Cypress component testing, a UI testing framework that allows users to test individual UI components in isolation.](/_astro/CTDemo.B0pruaB8_Zmi8OV.png) - [![Square logo](/images/companies/square.svg)](https://square.com/) - [![Cisco logo](/images/companies/cisco.svg)](https://www.cisco.com/) - [![ZenDesk logo](/images/companies/zendesk.svg)](https://zendesk.com/) - [![Extend logo](/images/companies/extend.svg)](https://www.extend.com/) - [![Puma logo](/images/companies/puma.svg)](https://www.puma.com/) - [![Khan Academy logo](/images/companies/khan-academy.svg)](https://www.khanacademy.org/) - [![Splunk logo](/images/companies/splunk.svg)](https://www.splunk.com/) - [![Indeed logo](/images/companies/indeed.svg)](https://www.indeed.com/) - [![Hello Fresh logo](/images/companies/hello-fresh.svg)](https://www.hellofresh.com/) - [![Autodesk logo](/images/companies/autodesk.svg)](https://www.autodesk.com/) - [![CDL logo](/images/companies/cdl.svg)](https://www.cdl.com/) - [![Chick-fil-A logo](/images/companies/chick-fil-a.svg)](https://www.chick-fil-a.com/) - [![Monday.com logo](/images/companies/monday.svg)](https://www.monday.com/) - [![Herc Rentals logo](/images/companies/herc-rentals.svg)](https://hercrentals.com/) - [![Republic Services logo](/images/companies/republic-services.svg)](https://www.republicservices.com/) Cypress works with all modern JavaScript frameworks ## Test Generation ### [](#test_generation)Write and record passing tests in minutes - Interactive Recording Record interactions in real time with Cypress Studio. As you click through your application, Cypress automatically generates code you can fine-tune inline — making test creation faster than ever. [Cypress Studio guide](https://on.cypress.io/studio?utm_medium=website&utm_source=cypress.io&utm_content=app-test-generation) - Natural-language Testing Use cy.prompt to describe what you want to happen in plain language. Cypress AI generates the code for you and self-heals tests by regenerating them only when necessary. You remain in complete control and decide when to use Cypress code vs natural language, enabling both technical and non-technical users to test with confidence. [cy.prompt docs](https://on.cypress.io/prompt?utm_medium=website&utm_source=cypress.io&utm_content=app-test-generation) - Smart Recommendations Let AI guide you in Cypress Studio as you record and edit your test. Studio AI suggests selectors, assertions, and test steps, reducing trial and error and helping you quickly author stable, resilient tests. [Cypress Studio guide](https://on.cypress.io/studio-ai?utm_medium=website&utm_source=cypress.io&utm_content=app-test-generation) - Transparent Debugging Every AI-generated step appears in the Command Log with full time-travel debugging. Cached runs execute as quickly as hand-written tests, and you can save generated code into your specs whenever you want. [cy.prompt docs](https://on.cypress.io/prompt?utm_medium=website&utm_source=cypress.io&utm_content=app-test-generation) [Explore Cypress AI](/ai?utm_medium=website&utm_source=cypress.io&utm_content=app-test-generation) ## Visual Debugging ### [](#visual_debugging)Debug failures directly in the browser - Time Travel Time travel to see your application’s behavior during test execution step-by-step. Hover over commands to see which elements Cypress acted upon and how your real app responded using simulated user behavior. [Time-traveling docs](https://on.cypress.io/time-travel?utm_medium=website&utm_source=cypress.io&utm_content=app-visual-debugging) - Live Reload Watch commands execute and your application under test side-by-side and in real time. Tests automatically re-run on file save for an instant feedback loop so that you can drive development with testing. [Watching tests docs](https://on.cypress.io/live-reload?utm_medium=website&utm_source=cypress.io&utm_content=app-visual-debugging) - Native Browser Inspection We go with the flow of the modern ecosystem. Continue using built-in browser tools that you know and love while your tests run. There’s no fidelity loss. [Debugging guide](https://on.cypress.io/debugging?utm_medium=website&utm_source=cypress.io&utm_content=app-visual-debugging) - Screenshots & Videos Understand why something failed with automatic DOM snapshots and videos of a full test spec run. This extra visibility makes debugging in headless mode (locally or in continuous integration pipelines) a breeze. [Screenshots and videos guide](https://on.cypress.io/screenshots-and-videos?utm_medium=website&utm_source=cypress.io&utm_content=app-visual-debugging) - Embedded Cloud Workflows Find everything you need in one place. In-App workflows powered by Cloud insights to enable you to locally manage your project health and review, rerun, and debug tests that are recorded to Cypress Cloud. [Debug page docs](https://on.cypress.io/debug-page?utm_medium=website&utm_source=cypress.io&utm_content=app-visual-debugging) [Debug CI failures with Test Replay](/cloud?utm_medium=website&utm_source=cypress.io&utm_content=app-visual-debugging#visual_reviews) ## Flake Resistance ### [](#flake_resistance)Eliminate flaky tests with ease - Automatic Waiting Never add arbitrary waits or sleeps to your tests. Cypress automatically waits for commands and assertions before moving on. Since commands execute serially, you can write deterministic, predictable tests. [Interacting with elements guide](https://on.cypress.io/interacting-with-elements?utm_medium=website&utm_source=cypress.io&utm_content=app-flake-resistance) - Test Retries We wrap all DOM queries with robust retry-and-timeout logic. When a test fails, we mimic a real user with built-in wait times and multiple attempts at asserting your tests in order to minimize false negatives / positives. [Retry-ability guide](https://on.cypress.io/retryability?utm_medium=website&utm_source=cypress.io&utm_content=app-flake-resistance) - Test Isolation Cypress reduces flaky test results which are commonly present in other testing frameworks by isolating the state of each test and clearing the state of the browser before the next test runs and ensuring more trustworthy results. [Test Isolation docs](https://on.cypress.io/test-isolation?utm_medium=website&utm_source=cypress.io&utm_content=app-flake-resistance) - Flake Detection Cypress automatically retries failed tests to mitigate flaky tests from failing entire test runs or CI builds. When paired with the Cypress Cloud, you’ll be able to detect, monitor, prioritize, and fix flake issues. [Flake Detection docs](https://on.cypress.io/flake-detection?utm_medium=website&utm_source=cypress.io&utm_content=app-flake-resistance) - Consistent Results Our architecture doesn’t use Selenium or WebDriver. We built Cypress from the ground up for superior stability. Running in the same run-loop as your app allows us to control the entire automation process from top to bottom. [How Cypress works](/how-it-works?utm_medium=website&utm_source=cypress.io&utm_content=app-flake-resistance) [Detect flaky tests in Cypress Cloud](/cloud?utm_medium=website&utm_source=cypress.io&utm_content=app-flake-resistance#analytics_insights) ## Loved by OSS, trusted by Enterprise Cypress is proud to support developers all around the world by making it easier to build and test modern applications. 6M+ Weekly downloads 51K+ GitHub stars 1.5M+ Dependent repositories ![Twitter Avatar of mrclay\_org](//images.ctfassets.net/4jxj4sdo1v5c/1wXqzkfmo651qRKRcSAnEH/0e8f46e9f30c5d5bc86db980f9f7b0c1/mrclay_org.jpeg) Steve Clay [@mrclay\_org](https://twitter.com/mrclay_org) [Go to tweet](https://twitter.com/mrclay_org/status/1431245861846241284) Whoa @Cypress\_io is just so impressive and writing tests is a surprising delight. ![Twitter Avatar of ErpradeepVerma](//images.ctfassets.net/4jxj4sdo1v5c/4PMAfuGakykDYWYMkd6lDf/4d7a6de5bde05b07d56ab337396a64e3/ErpradeepVerma.jpeg) PRADEEP KUMAR VERMA [@ErpradeepVerma](https://twitter.com/ErpradeepVerma) [Go to tweet](https://twitter.com/ErpradeepVerma/status/1492061266835566595) Check out @Cypress\_io for end to end #testing https://cypress.io One of the most user-friendly, no-frills and feature-rich automation tools I have worked upon. Kudos to the Cypress team for their commitment and dedication. Keep up the good work! ![Twitter Avatar of sjcallender](//images.ctfassets.net/4jxj4sdo1v5c/1kqhe70ZuYfwnw1j53CqcQ/71816d3fc1c7fe2dd2f16c295bc11104/sjcallender.jpeg) Stephen Callender [@sjcallender](https://twitter.com/sjcallender) [Go to tweet](https://twitter.com/sjcallender/status/1426264364814897158) Who deploys on Fridays? We do at @fostercommerce. Why? Because @Cypress\_io. ![Twitter Avatar of thecaitcode](//images.ctfassets.net/4jxj4sdo1v5c/2IbPXIsZ0PUCVRNwqsAVL1/68611aa55aaee2a664dca43b695e57f2/thecaitcode.png) Caitlyn [@thecaitcode](https://twitter.com/thecaitcode) [Go to tweet](https://twitter.com/thecaitcode/status/1452777758929547266) The further I get into my career as a dev, the more I appreciate testing. I like writing tests, I like finding edge cases with them, I like checking my bug fixes by running them, I like watching them live with cypress. It just feels like a good way to learn and feel confident. ![Twitter Avatar of MatheusMarabesi](//images.ctfassets.net/4jxj4sdo1v5c/5K9dNkVenWe7UDANrl43HF/43cd2211f3517b1e88003b6c4689329e/MatheusMarabesi.png) Marabesi 💻🚀 [@MatheusMarabesi](https://twitter.com/MatheusMarabesi) [Go to tweet](https://twitter.com/MatheusMarabesi/status/1571553299995803648) awesome to see how much tooling @Cypress\_io is offering developers. Today, I went through the e2e code coverage tutorial and it was as easy as it could be to set it up on a react project https://t.co/J95kPEdnK2 ![Twitter Avatar of JoaoTMDias](//images.ctfassets.net/4jxj4sdo1v5c/58O6CArJPryoP12JpcCTJL/4b71b575e3de1850e85f8ab703a7037a/JoaoTMDias.jpg) João Dias [@JoaoTMDias](https://twitter.com/JoaoTMDias) [Go to tweet](https://twitter.com/JoaoTMDias/status/1390739095517794309) Seriously, doing component testing with @Cypress\_io is such a breath of fresh air. No mocking browser API's, none of that. Want to test out IntersectionObserver? Just load the component and use cypress. That's all. ![Twitter Avatar of justintemps](//images.ctfassets.net/4jxj4sdo1v5c/6OxxgHbn5p4IRD5gDJP1EB/4383cdeb1678137d2ae32818795fa71d/justintemps.jpeg) Justin Smith [@justintemps](https://twitter.com/justintemps) [Go to tweet](https://twitter.com/justintemps/status/1380562628523790337) .@Cypress\_io is an amazing piece of software. It's far and away the funnest and most intuitive testing framework I've ever used. ![Twitter Avatar of louisbarclay](//images.ctfassets.net/4jxj4sdo1v5c/1kA2tEdintLp0le9pk0lM5/43c5b8f37ddd73d00474177e77a832cd/louisbarclay.jpeg) Louis Barclay [@louisbarclay](https://twitter.com/louisbarclay) [Go to tweet](https://twitter.com/louisbarclay/status/1483557833987825669) I've started using @Cypress\_io for testing It's insanely useful, not just for testing but as an aid while developing Can't believe how much time I've wasted by manually typing in data to test forms Here it is, along with a sneak peek of @cloakist's new onboarding flow ![Twitter Avatar of filip\_hric](//images.ctfassets.net/4jxj4sdo1v5c/1lroz45qVINXsDLIFrS8a3/fcd9ea73a70fe3ce4647f94b21e8f53f/filip_hric.jpeg) Filip Hric 🇸🇰❤️🇺🇦 [@filip\_hric](https://twitter.com/filip_hric) [Go to tweet](https://twitter.com/filip_hric/status/1573294520338452482) Popularity of @Cypress\_io is not a coincidence, the DX is buttery smooth and feels familiar with what FE devs work with already: - test code compiles and runs inside browser - hot reload tests (re-run on save) - debug with browser devtools - integrate with CI - component testing ![Twitter Avatar of AryanVikta](//images.ctfassets.net/4jxj4sdo1v5c/4LIDbvQGY6fMIXE5FEXYfw/7db6d65db781b585c328a5e4a7fcbeeb/AryanVikta.jpeg) Aaron.js [@AryanVikta](https://twitter.com/AryanVikta) [Go to tweet](https://twitter.com/AryanVikta/status/1490341239862009862) In the world of test automation, #cypress is a beauty. @Cypress\_io ![Twitter Avatar of LukeDiebold](//images.ctfassets.net/4jxj4sdo1v5c/3VV1JxImiuAuGa4SYU8DBW/4de047232673a2475535d0febed66697/LukeDiebold.jpeg) Luke Diebold [@LukeDiebold](https://twitter.com/LukeDiebold) [Go to tweet](https://twitter.com/LukeDiebold/status/1534719658083119104) @Cypress\_io component testing can flip how you build apps. And it's got LITTLE to do with "testing". It allows you to develop from the inside out. This makes focusing while coding SO MUCH EASIER! Can't say this loud enough. Give Cypress componnet testing a try!!! #Vue #webdev ![Twitter Avatar of ar7casper](//images.ctfassets.net/4jxj4sdo1v5c/5x5vjIxwIMjGWYv73BrU3S/18bb43b915f52b6162c91fadd476b98c/ar7casper.png) ar7casper [@ar7casper](https://twitter.com/ar7casper) [Go to tweet](https://twitter.com/ar7casper/status/1556606523614314496) @Cypress\_io Amazing work on ver 10 and component testing. Just love the way you put emphasis on DX. Well played. ![Twitter Avatar of leactz\_za](//images.ctfassets.net/4jxj4sdo1v5c/73CuKC6z8SMZOY9I4uSwjs/be062b4da55cb711e222e958529d99b4/leactz_za.jpeg) leactz [@leactz\_za](https://twitter.com/leactz_za) [Go to tweet](https://twitter.com/leactz_za/status/1496095216100597765) @Cypress\_io super happy with the great Cypress docs. Just getting started with testing and your excellent docs and video tutorials make it so much less intimidating. #FrontEndDeveloper #javascriptframeworks #javascript #unittesting #e2etesting ![Twitter Avatar of gearsdigital](//images.ctfassets.net/4jxj4sdo1v5c/1VRm3k8lXKStwlOf3KSwBU/768e46ff8000123ed6e24681659bad4d/gearsdigital.jpeg) Steffen [@gearsdigital](https://twitter.com/gearsdigital) [Go to tweet](https://twitter.com/gearsdigital/status/1584581018308476929) Today I’ve installed and configured @Cypress\_io component tests for #Angular - including #gitlab ci integration and a bunch of tests - within an hour of my working day 🤯 Cypress docs are on another level 👌🏻 ![Twitter Avatar of LukeDiebold](//images.ctfassets.net/4jxj4sdo1v5c/3VV1JxImiuAuGa4SYU8DBW/4de047232673a2475535d0febed66697/LukeDiebold.jpeg) Luke Diebold [@LukeDiebold](https://twitter.com/LukeDiebold) [Go to tweet](https://twitter.com/LukeDiebold/status/1533670263443046400) Smaller apps, building components from the outside in is easier. page -> table -> row -> cell Larger apps, this sucks and gets confusing! This is why @Cypress\_io component testing is great. It makes this easier... cell -> row -> table -> page PreviousNext ### Installing Cypress Check out our comprehensive Docs for details about installing Cypress. [Learn how to install Cypress](https://on.cypress.io/install) ### Learn Cypress Add testing skills to your toolbelt with our expert-led courses. [Visit Cypress Learn](https://on.cypress.io/learn) ### Integrate with CI Cypress integrates with all CI providers to record and optimize your test runs. [Add Cypress to your CI workflow](https://on.cypress.io/ci) ### Cypress Cloud Supercharge your workflow with test intelligence, visual reviews, and more. [Explore Cypress Cloud](/cloud) ## [](#install)Test your code, not your patience Install Cypress in seconds on Mac, Linux, or Windows and embrace the future of testing modern applications. Install Cypress[Documentation](https://on.cypress.io/?utm_medium=website&utm_source=cypress.io&utm_content=app-cta)