{"id":8599,"date":"2025-03-14T18:03:10","date_gmt":"2025-03-14T21:03:10","guid":{"rendered":"https:\/\/softdesign.com.br\/en\/?p=8599"},"modified":"2026-02-18T15:00:46","modified_gmt":"2026-02-18T18:00:46","slug":"cypress-step-by-step-guide-to-getting-started","status":"publish","type":"post","link":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/","title":{"rendered":"Cypress: step-by-step guide to getting started"},"content":{"rendered":"\n<p>Testing code is a fundamental part of every developer&#8217;s job, followed by QA analysts ensuring the software&#8217;s quality. Fortunately, modern technologies like <strong>Cypress<\/strong> make this process faster and more efficient.<\/p>\n\n\n\n<p>This modern end-to-end testing framework simplifies the creation of <strong>automated tests for web<\/strong> applications. Unlike other tools, Cypress is designed specifically for modern web environments, providing a faster, more reliable, and user-friendly testing experience.<\/p>\n\n\n\n<p>Explore the key advantages of Cypress and how it can enhance your software testing workflow.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-cypress\">What is Cypress?<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Cypress is a testing tool designed to <strong>streamline the process of writing, running, and debugging tests<\/strong>. It enables developers to write tests in JavaScript, leveraging an intuitive API that facilitates software development.<\/p>\n\n\n\n<p>Additionally, it offers an interactive interface that enables real-time test visualization, enhancing the overall testing process. This feature enables QA analysts to track test scripts as they run, facilitating the identification of areas requiring adjustments.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-why-use-cypress\">Why use Cypress?<\/h3>\n\n\n\n<p>Choosing the appropriate tool for automated testing is essential for enhancing speed and operational efficiency. Cypress is a leading option for several reasons:<\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>Simple installation &amp; Easy learning curve:<\/strong> even novice developers can swiftly initiate test development.<\/li>\n\n\n\n<li><strong>Fast execution:<\/strong> it runs directly in the browser environment, eliminating unnecessary delays.<\/li>\n\n\n\n<li><strong>Interactive interface: <\/strong>it facilitates debugging by allowing developers to view and fix issues in real-time.<\/li>\n\n\n\n<li><strong>User interaction simulation:<\/strong> ensures the proper functioning of all application components.<\/li>\n<\/ul>\n\n\n\n<p>It also boasts a strong community and comprehensive documentation. It provides extensive resources and support for developers and QA professionals.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-language-does-cypress-use\">What language does Cypress use?<\/h3>\n\n\n\n<p><strong>Cypress utilizes JavaScript<\/strong> for test development, ensuring seamless compatibility with contemporary web applications. Given the prevalence of JavaScript in the development of front-end applications, Cypress enables developers to utilize the same language for both development and testing, thereby streamlining the workflow.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cypress-vs-selenium-key-differences\">Cypress vs. Selenium: key differences<\/h3>\n\n\n\n<p>The primary distinction between Cypress and Selenium lies in their architecture:<\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>Cypress operates directly within the browser<\/strong>, providing a faster, more integrated experience.<\/li>\n\n\n\n<li><strong>Selenium is a conventional testing framework<\/strong> that interacts with the browser via <strong>APIs<\/strong> and supports multiple programming languages.<\/li>\n<\/ul>\n\n\n\n<p>While Selenium boasts greater flexibility in terms of browser and language compatibility (Java, C#, Python, Ruby), Cypress excels in speed, ease of use, and debugging efficiency with its JavaScript-based API and real-time feedback.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-types-of-tests-you-can-perform-with-cypress\">Types of tests you can perform with Cypress<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Cypress facilitates a range of software tests to ensure seamless functionality, including:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Integration testing<\/strong><\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>UI testing<\/strong><\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Performance testing<\/strong><\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Regression testing<\/strong><\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Accessibility testing<\/strong><\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Security testing<\/strong><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-integration-testing\">1. Integration testing<\/h3>\n\n\n\n<p>Integration testing <strong>checks that the different parts of the application work together<\/strong>. For example, Cypress can be used to test communication between the database layer and the user interface layer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-user-interface-testing\">2. User Interface testing<\/h3>\n\n\n\n<p>Cypress is used to test the user interface and ensure that <strong>users can interact with the application<\/strong> without navigation problems.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-performance-testing\">3. Performance testing<\/h3>\n\n\n\n<p>Cypress is useful for testing application performance and <strong>identifying bottlenecks that can affect the user experience<\/strong>, such as loading speed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-regression-testing\">4. Regression testing<\/h3>\n\n\n\n<p>Try using Cypress to <strong>check that planned new features won&#8217;t negatively impact existing features<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-accessibility-testing\">5. Accessibility testing<\/h3>\n\n\n\n<p>You can also test the application to ensure that it complies with web accessibility guidelines.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-6-security-tests\">6. Security tests<\/h3>\n\n\n\n<p>Cypress also helps <strong>identify vulnerabilities<\/strong> that can be exploited by hackers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-technologies-compatible-with-cypress\">Technologies compatible with Cypress<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Cypress seamlessly integrates with several technologies and frameworks, including:<\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>Node.js: <\/strong>this allows developers to use JavaScript for both application logic and testing.<\/li>\n\n\n\n<li><strong>Testing Frameworks:<\/strong> Cypress supports Mocha, Jasmine, and Jest for test structuring.<\/li>\n\n\n\n<li><strong>Build Automation Tools:<\/strong> Cypress can be used with Grunt and Gulp to streamline build and test execution.<\/li>\n\n\n\n<li><strong>CI\/CD Tools:<\/strong> Jenkins, Travis CI, and CircleCI facilitate automated test execution and deployment.<\/li>\n<\/ul>\n\n\n\n<p>By integrating Cypress within a CI\/CD pipeline, test execution can be automated on the occurrence of code changes, thereby ensuring continuous quality assurance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-install-and-use-cypress-for-automated-testing\">How to install and use Cypress for automated testing<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Want to see how Cypress works in practice? Check out our step-by-step installation and configuration guide!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-installing-cypress\">Installing Cypress<\/h3>\n\n\n\n<p>To install Cypress in your development environment using npm (Node.js package manager), run the following command:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1046\" height=\"164\" src=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image1-1.webp\" alt=\"Cypress installation command code\" class=\"wp-image-8618\" srcset=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image1-1.webp 1046w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image1-1-640x100.webp 640w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image1-1-768x120.webp 768w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image1-1-1000x157.webp 1000w\" sizes=\"auto, (max-width: 1046px) 100vw, 1046px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-configuring-cypress\">Configuring Cypress<\/h3>\n\n\n\n<p>Now you need to configure it for use in your automated tests. To do this, you need to create a configuration file in your project, and simply run the following command in your terminal.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1106\" height=\"164\" src=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image2-1.webp\" alt=\"Cypress configuration\" class=\"wp-image-8619\" srcset=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image2-1.webp 1106w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image2-1-640x95.webp 640w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image2-1-768x114.webp 768w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image2-1-1000x148.webp 1000w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image2-1-1080x160.webp 1080w\" sizes=\"auto, (max-width: 1106px) 100vw, 1106px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>This will cause Cypress to open in your browser and create the <strong>cypress.json<\/strong> file in the project &#8211; this file is responsible for storing the Cypress settings.<\/p>\n\n\n\n<p>Next you need to define the URL of your web application in <strong>baseUrl<\/strong> within the <strong>cypress.json <\/strong>file. For example:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1120\" height=\"244\" src=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image3-1.webp\" alt=\"cypress base url\" class=\"wp-image-8621\" srcset=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image3-1.webp 1120w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image3-1-640x139.webp 640w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image3-1-768x167.webp 768w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image3-1-1000x218.webp 1000w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image3-1-1080x235.webp 1080w\" sizes=\"auto, (max-width: 1120px) 100vw, 1120px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>This defines the base URL for your web application at <strong>http:\/\/localhost:3000<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-best-practices-for-cypress-project-structure\">Best practices for Cypress project structure<\/h3>\n\n\n\n<p>To maintain an efficient testing workflow, follow these best practices:<\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>Tests folder:<\/strong> organize test files by application functionality for easy navigation.<\/li>\n\n\n\n<li><strong>Fixtures folder:<\/strong> store reusable test data files in JSON format.<\/li>\n\n\n\n<li><strong>Plugins folder:<\/strong> extend Cypress functionality by managing plugins in a separate directory.<\/li>\n\n\n\n<li><strong>Support folder:<\/strong> maintain shared configuration files and helper functions.<\/li>\n\n\n\n<li><strong>Environment variables:<\/strong> store sensitive information (e.g., credentials, API keys) securely using environment variables instead of hardcoding them.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-use-of-environment-variables\">Use of environment variables<\/h4>\n\n\n\n<p>Using environment variables is a good way to keep your credentials and sensitive information out of the source code. Use environment variables to store information such as URLs, login credentials and other sensitive information.<\/p>\n\n\n\n<p>You may have noticed that the most important thing is to keep your files organised in a way that makes sense to your development team and makes it easier to maintain tests over time.<\/p>\n\n\n\n<p>To use Cypress correctly, there are a few aspects of its structure you need to remember, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\">The test files are usually in the <strong>integration folder<\/strong>; <\/li>\n\n\n\n<li class=\"has-medium-font-size\">The <strong>js<\/strong> file is in the <strong>support <\/strong>folder &#8211; this is the file that stores the path to your screen element, e.g. locators.js; <\/li>\n\n\n\n<li class=\"has-medium-font-size\">The <strong>commands<\/strong> file is used to create commands for your project; <\/li>\n\n\n\n<li class=\"has-medium-font-size\">The <strong>fixture<\/strong> folder contains the <strong>.json<\/strong> files used in the tests.<\/li>\n<\/ul>\n\n\n\n<p>In the example below we have the following folders and additional files:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1116\" height=\"966\" src=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image4-1.webp\" alt=\"Additional Cypress folders and files\" class=\"wp-image-8623\" srcset=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image4-1.webp 1116w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image4-1-640x554.webp 640w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image4-1-768x665.webp 768w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image4-1-774x670.webp 774w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image4-1-456x395.webp 456w\" sizes=\"auto, (max-width: 1116px) 100vw, 1116px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-essential-cypress-commands\">Essential Cypress commands<\/h3>\n\n\n\n<p>Learn about some of the main Cypress commands that will make the framework easier to use:<\/p>\n\n\n\n<p><strong>To find elements on screen:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>GET:<\/strong> cy.get(&#8216;[data-cy=name]&#8217;)<\/li>\n\n\n\n<li><strong>CONTAINS: <\/strong>cy.contains(\u201cRegister\u201d)<\/li>\n<\/ul>\n\n\n\n<p><strong>To interact with screen elements:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Type:<\/strong> used for typing. Example: cy.get(&#8216;[data-cy=name]&#8217;).type(\u201cJoaozinho\u201d);<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Click: <\/strong>used to click on the selected element, such as cy.get(locators.CADASTRO.btnCadastrar).click();<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Select:<\/strong> used to select an element. Example: cy.get(Loc.CADASTRO.campoUF).select(\u201cRS\u201d);<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Check\/Uncheck: <\/strong>used to apply the check &#8211; cy.get(&#8216;[type=\u201ccheckbox\u201d]&#8217;).check().<\/li>\n<\/ul>\n\n\n\n<p><strong>Assertions for our tests:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li><strong>Should:<\/strong> cy.get(locators.MENU.nameLoggedUser).should(\u201ccontain.text\u201d, \u201cJoaozinho\u201d);<\/li>\n\n\n\n<li><strong>Expect:<\/strong> expect(response.body).has.property(\u201cid\u201d).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-front-end-test-example\">Front-end test example<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Let&#8217;s look at two test cases: the first checks whether an error message is displayed if the user&#8217;s credentials are incorrect. The second checks whether the user is redirected to the dashboard if the credentials are correct.<\/p>\n\n\n\n<p>To do this, before each test we use the <strong>cy.visit() <\/strong>command to visit the login page. Next, we use <strong>cy.get()<\/strong> and <strong>.type()<\/strong> to fill in the email and password fields, and <strong>cy.get() <\/strong>and <strong>.click()<\/strong> to click on the login button. Finally, the <strong>cy.url() <\/strong>command is responsible for checking that the user is redirected to the correct page after logging in. It&#8217;s worth noting that the tests can be adapted to the specific needs of your application.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1116\" height=\"966\" src=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image5-1.webp\" alt=\"Front-end Cypress test\" class=\"wp-image-8624\" srcset=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image5-1.webp 1116w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image5-1-640x554.webp 640w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image5-1-768x665.webp 768w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image5-1-774x670.webp 774w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image5-1-456x395.webp 456w\" sizes=\"auto, (max-width: 1116px) 100vw, 1116px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-optimizing-testing-with-locators\">Optimizing testing with locators<\/h3>\n\n\n\n<p>You can use a JSON file to store CSS selectors, which is particularly useful for large projects where there are many locators to manage, as it allows for easier organisation and maintenance.<\/p>\n\n\n\n<p>Below is an example of how to create a JSON file with locators and use it with Cypress:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"735\" height=\"1024\" src=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image6-1.webp\" alt=\"Locators with Cypress\" class=\"wp-image-8625\" srcset=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image6-1.webp 735w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image6-1-459x640.webp 459w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image6-1-481x670.webp 481w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image6-1-284x395.webp 284w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>In the example above, we have a <strong>locators.json<\/strong> file that contains the locators organised by page. To use these locators in the test, simply import the JSON file and use the <strong>cy.get(nameOfLocator)<\/strong> syntax to locate the element on the page.<\/p>\n\n\n\n<p>Using a JSON file to store the locators simplifies code maintenance by allowing the locators to be updated centrally in a single file.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-back-end-test-example\">Back-end test example<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Below is an example where we use the <strong>cypress-axios<\/strong> plugin to make HTTP requests to the API. We also use the <strong>cypress-aliases<\/strong> plugin to create an alias to the base API URL that can be referenced by <strong>@api<\/strong> in the tests.<\/p>\n\n\n\n<p>In the first test, we&#8217;ll check that the API responds correctly by making a GET request to the API&#8217;s base URL.<\/p>\n\n\n\n<p>In the second test, we&#8217;ll check that the API returns the expected response. We&#8217;ll do this by making a GET request to the API&#8217;s <strong>\/hello<\/strong> route.<\/p>\n\n\n\n<p>And the third test is to check that the API returns valid XML by making a GET request to the API&#8217;s <strong>\/xml<\/strong> route and validating the XML returned.<\/p>\n\n\n\n<p>It&#8217;s important to remember that back-end testing with Cypress is more limited than front-end testing because there is no user interaction with the application.<\/p>\n\n\n\n<p>However, <strong>it is still possible to check the API response and validate the expected behaviour<\/strong> of the application. See the figure below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"1024\" src=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image7-1.webp\" alt=\"Back-end Cypress test\" class=\"wp-image-8626\" srcset=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image7-1.webp 440w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image7-1-275x640.webp 275w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image7-1-288x670.webp 288w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image7-1-170x395.webp 170w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Here&#8217;s an example of a <strong>request<\/strong> file:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"470\" src=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image8-1.webp\" alt=\"Request file\" class=\"wp-image-8627\" srcset=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image8-1.webp 1030w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image8-1-640x292.webp 640w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image8-1-768x350.webp 768w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image8-1-1000x456.webp 1000w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image8-1-866x395.webp 866w\" sizes=\"auto, (max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>See an example of a <strong>payload<\/strong> file:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"662\" height=\"326\" src=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image9-1.webp\" alt=\"Payload Cypress file\" class=\"wp-image-8628\" srcset=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image9-1.webp 662w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image9-1-640x315.webp 640w\" sizes=\"auto, (max-width: 662px) 100vw, 662px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-functional-test-example\">Functional test example<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Below is an example of a functional test in Cypress. In the first block, we perform the interactions of a registration; in the second, we click on the registration button which calls the <strong>post<\/strong> method; in the last, the test validations.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"974\" src=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image10-1.webp\" alt=\"Cypress functional test\" class=\"wp-image-8629\" srcset=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image10-1.webp 1030w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image10-1-640x605.webp 640w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image10-1-768x726.webp 768w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image10-1-709x670.webp 709w, https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/cypress-image10-1-418x395.webp 418w\" sizes=\"auto, (max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Cypress is a powerful end-to-end testing tool <\/strong>with an intuitive JavaScript API, easy installation, interactive debugging and strong community support. Its fast execution and integrated browser experience make it an excellent choice for modern web applications.<\/p>\n\n\n\n<p>Looking for expert guidance? Meet our <a href=\"https:\/\/softdesign.com.br\/en\/services\/custom-software-development\/\">nearshore development teams<\/a> and improve your software testing strategy and effectively mitigate risk.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-frequently-asked-questions\">Frequently asked questions<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Here are the answers to the main questions about Cypress:<\/p>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1741887970788\"><strong class=\"schema-faq-question\"><strong>What is Cypress?<\/strong><\/strong> <p class=\"schema-faq-answer\">Cypress is an end-to-end testing framework designed for web applications, offering fast execution and real-time debugging.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1741887992710\"><strong class=\"schema-faq-question\"><strong>Why use Cypress?<\/strong><\/strong> <p class=\"schema-faq-answer\">Cypress is easy to set up, has an intuitive interface, executes tests quickly, and simplifies debugging, making it ideal for web testing.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1741888014316\"><strong class=\"schema-faq-question\"><strong>What language does Cypress use?<\/strong><\/strong> <p class=\"schema-faq-answer\">Cypress is written in <strong>JavaScript<\/strong> and is widely compatible with modern web applications.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Cypress is an open source software testing tool used to test applications quickly, reliably and easily. Here&#8217;s how to use it!<\/p>\n","protected":false},"author":111,"featured_media":8607,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[412,165],"tags":[403,296,404],"coauthors":[402],"class_list":["post-8599","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-destaques","category-software-development","tag-cypress","tag-qa","tag-software-tests"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.4 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Cypress: what it is and how to start using it<\/title>\n<meta name=\"description\" content=\"Run automated tests with more security and control over the results. See the complete step-by-step guide to using Cypress!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cypress: step-by-step guide to getting started\" \/>\n<meta property=\"og:description\" content=\"Run automated tests with more security and control over the results. See the complete step-by-step guide to using Cypress!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/\" \/>\n<meta property=\"og:site_name\" content=\"SoftDesign\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-14T21:03:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-18T18:00:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/Cypress-cover.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Ederson Meira dos Santos\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Run automated tests with more security and control over the results. See the complete step-by-step guide to using Cypress!\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ederson Meira dos Santos\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/\"},\"author\":{\"name\":\"Ederson Meira dos Santos\",\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/#\\\/schema\\\/person\\\/cfdcaa86b1ba3472a176505246f85b33\"},\"headline\":\"Cypress: step-by-step guide to getting started\",\"datePublished\":\"2025-03-14T21:03:10+00:00\",\"dateModified\":\"2026-02-18T18:00:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/\"},\"wordCount\":1721,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Cypress-cover.webp\",\"keywords\":[\"cypress\",\"qa\",\"software tests\"],\"articleSection\":[\"Destaques\",\"Software Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#respond\"]}]},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/\",\"url\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/\",\"name\":\"Cypress: what it is and how to start using it\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Cypress-cover.webp\",\"datePublished\":\"2025-03-14T21:03:10+00:00\",\"dateModified\":\"2026-02-18T18:00:46+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/#\\\/schema\\\/person\\\/cfdcaa86b1ba3472a176505246f85b33\"},\"description\":\"Run automated tests with more security and control over the results. See the complete step-by-step guide to using Cypress!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#faq-question-1741887970788\"},{\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#faq-question-1741887992710\"},{\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#faq-question-1741888014316\"}],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#primaryimage\",\"url\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Cypress-cover.webp\",\"contentUrl\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Cypress-cover.webp\",\"width\":1200,\"height\":800,\"caption\":\"Approximate photo of a notebook with programming code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cypress: step-by-step guide to getting started\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/\",\"name\":\"SoftDesign\",\"description\":\"Da Ideia ao Software\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/#\\\/schema\\\/person\\\/cfdcaa86b1ba3472a176505246f85b33\",\"name\":\"Ederson Meira dos Santos\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8812974fe08275a40558a0ac62a34312a8cdbe13383b5706f1c61fd2560998dc?s=96&d=mm&r=g905655c9820567d6fcd103153e8a4f96\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8812974fe08275a40558a0ac62a34312a8cdbe13383b5706f1c61fd2560998dc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8812974fe08275a40558a0ac62a34312a8cdbe13383b5706f1c61fd2560998dc?s=96&d=mm&r=g\",\"caption\":\"Ederson Meira dos Santos\"},\"url\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/author\\\/ederson-santos\\\/\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#faq-question-1741887970788\",\"position\":1,\"url\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#faq-question-1741887970788\",\"name\":\"What is Cypress?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Cypress is an end-to-end testing framework designed for web applications, offering fast execution and real-time debugging.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#faq-question-1741887992710\",\"position\":2,\"url\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#faq-question-1741887992710\",\"name\":\"Why use Cypress?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Cypress is easy to set up, has an intuitive interface, executes tests quickly, and simplifies debugging, making it ideal for web testing.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#faq-question-1741888014316\",\"position\":3,\"url\":\"https:\\\/\\\/site22.dev.softdesign.com.br\\\/en\\\/cypress-step-by-step-guide-to-getting-started\\\/#faq-question-1741888014316\",\"name\":\"What language does Cypress use?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Cypress is written in <strong>JavaScript<\\\/strong> and is widely compatible with modern web applications.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cypress: what it is and how to start using it","description":"Run automated tests with more security and control over the results. See the complete step-by-step guide to using Cypress!","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:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/","og_locale":"en_US","og_type":"article","og_title":"Cypress: step-by-step guide to getting started","og_description":"Run automated tests with more security and control over the results. See the complete step-by-step guide to using Cypress!","og_url":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/","og_site_name":"SoftDesign","article_published_time":"2025-03-14T21:03:10+00:00","article_modified_time":"2026-02-18T18:00:46+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/Cypress-cover.webp","type":"image\/webp"}],"author":"Ederson Meira dos Santos","twitter_card":"summary_large_image","twitter_description":"Run automated tests with more security and control over the results. See the complete step-by-step guide to using Cypress!","twitter_misc":{"Written by":"Ederson Meira dos Santos","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#article","isPartOf":{"@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/"},"author":{"name":"Ederson Meira dos Santos","@id":"https:\/\/site22.dev.softdesign.com.br\/en\/#\/schema\/person\/cfdcaa86b1ba3472a176505246f85b33"},"headline":"Cypress: step-by-step guide to getting started","datePublished":"2025-03-14T21:03:10+00:00","dateModified":"2026-02-18T18:00:46+00:00","mainEntityOfPage":{"@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/"},"wordCount":1721,"commentCount":0,"image":{"@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#primaryimage"},"thumbnailUrl":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/Cypress-cover.webp","keywords":["cypress","qa","software tests"],"articleSection":["Destaques","Software Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/","url":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/","name":"Cypress: what it is and how to start using it","isPartOf":{"@id":"https:\/\/site22.dev.softdesign.com.br\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#primaryimage"},"image":{"@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#primaryimage"},"thumbnailUrl":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/Cypress-cover.webp","datePublished":"2025-03-14T21:03:10+00:00","dateModified":"2026-02-18T18:00:46+00:00","author":{"@id":"https:\/\/site22.dev.softdesign.com.br\/en\/#\/schema\/person\/cfdcaa86b1ba3472a176505246f85b33"},"description":"Run automated tests with more security and control over the results. See the complete step-by-step guide to using Cypress!","breadcrumb":{"@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#faq-question-1741887970788"},{"@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#faq-question-1741887992710"},{"@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#faq-question-1741888014316"}],"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#primaryimage","url":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/Cypress-cover.webp","contentUrl":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-content\/uploads\/2025\/03\/Cypress-cover.webp","width":1200,"height":800,"caption":"Approximate photo of a notebook with programming code"},{"@type":"BreadcrumbList","@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/site22.dev.softdesign.com.br\/en\/"},{"@type":"ListItem","position":2,"name":"Cypress: step-by-step guide to getting started"}]},{"@type":"WebSite","@id":"https:\/\/site22.dev.softdesign.com.br\/en\/#website","url":"https:\/\/site22.dev.softdesign.com.br\/en\/","name":"SoftDesign","description":"Da Ideia ao Software","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/site22.dev.softdesign.com.br\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/site22.dev.softdesign.com.br\/en\/#\/schema\/person\/cfdcaa86b1ba3472a176505246f85b33","name":"Ederson Meira dos Santos","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/8812974fe08275a40558a0ac62a34312a8cdbe13383b5706f1c61fd2560998dc?s=96&d=mm&r=g905655c9820567d6fcd103153e8a4f96","url":"https:\/\/secure.gravatar.com\/avatar\/8812974fe08275a40558a0ac62a34312a8cdbe13383b5706f1c61fd2560998dc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8812974fe08275a40558a0ac62a34312a8cdbe13383b5706f1c61fd2560998dc?s=96&d=mm&r=g","caption":"Ederson Meira dos Santos"},"url":"https:\/\/site22.dev.softdesign.com.br\/en\/author\/ederson-santos\/"},{"@type":"Question","@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#faq-question-1741887970788","position":1,"url":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#faq-question-1741887970788","name":"What is Cypress?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Cypress is an end-to-end testing framework designed for web applications, offering fast execution and real-time debugging.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#faq-question-1741887992710","position":2,"url":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#faq-question-1741887992710","name":"Why use Cypress?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Cypress is easy to set up, has an intuitive interface, executes tests quickly, and simplifies debugging, making it ideal for web testing.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#faq-question-1741888014316","position":3,"url":"https:\/\/site22.dev.softdesign.com.br\/en\/cypress-step-by-step-guide-to-getting-started\/#faq-question-1741888014316","name":"What language does Cypress use?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Cypress is written in <strong>JavaScript<\/strong> and is widely compatible with modern web applications.","inLanguage":"en-US"},"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-json\/wp\/v2\/posts\/8599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-json\/wp\/v2\/users\/111"}],"replies":[{"embeddable":true,"href":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-json\/wp\/v2\/comments?post=8599"}],"version-history":[{"count":1,"href":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-json\/wp\/v2\/posts\/8599\/revisions"}],"predecessor-version":[{"id":9753,"href":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-json\/wp\/v2\/posts\/8599\/revisions\/9753"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-json\/wp\/v2\/media\/8607"}],"wp:attachment":[{"href":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-json\/wp\/v2\/media?parent=8599"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-json\/wp\/v2\/categories?post=8599"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-json\/wp\/v2\/tags?post=8599"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/site22.dev.softdesign.com.br\/en\/wp-json\/wp\/v2\/coauthors?post=8599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}