the-internet VS cypress-realworld-app

WebDriver driver = new ChromeDriver(); SeleniumProcessor processor = new SeleniumProcessor(driver); // Navigate to the website processor.processWebAction("go to website https://the-internet.herokuapp.com"); // Check if a specific button is present boolean buttonPresent = processor.trueFalseQuery("do you see Add/Remove Elements?"); if (buttonPresent) { // Perform a click action processor.processWebAction("click on Add/Remove Elements"); // Further English-based instructions can be added } // Check if checkboxes are visible and interact with them processor.processWebAction("go to website https://the-internet.herokuapp.com"); boolean isCheckboxPresent = processor.trueFalseQuery("do you see Checkboxes?"); if (isCheckboxPresent) { processor.processWebAction("click on Checkboxes"); processor.processWebAction("select checkbox 1"); }

Source: https://github.com/saucelabs/the-internet

The Internet: https://the-internet.herokuapp.com/

I mostly use for interview tasks or for educational purposes: https://the-internet.herokuapp.com/

describe("This is example of Alert pop up ", function () { it("isAlertOpen check pop up", function () { browser.url("http://the-internet.herokuapp.com/"); browser.pause(5000); $("=JavaScript Alerts").click(); browser.pause(5000); $(".//button[text()='Click for JS Alert']").click(); browser.pause(5000); const isOpen = browser.isAlertOpen(); if (isOpen) { console.log("===========>" + isOpen); browser.acceptAlert(); browser.pause(5000); } }); });

Cypress documentation

The full source code of the examples shown in this article can be found here. The example web app is based on the react-note-taking-app built on top of the T3 Stack. The Cypress tests and configuration are based on the best practices documented in the cypress-realworld-app.

I’d encourage you to look at https://docs.cypress.io

Cypress is a modern, automated testing suite. It's a fully open source testing framework based on JavaScript and is built with libraries like Mocha and Chai that support BDD and TDD assertion styles. Further, using Cypress will be easy if you’re familiar with writing tests in JavaScript.

https://github.com/cypress-io/cypress-realworld-app

It's mainly about showing Cypress (which is something like Selenium or Playwright or what have you) but integrates it into a real world example with commonly used tools and frameworks.

I think the Cypress documentation is absolutely great:

https://docs.cypress.io/

One of the better things about cypress are how they create so many how-to guides for a variety of scenarios. Take implementing Cypress into a CI runners, they have guides on how to effectively use it nearly everywhere:

https://docs.cypress.io/guides/continuous-integration/ci-pro...

GitHub: https://github.com/cypress-io/cypress-realworld-app

In addition, we have also prepared over 30+ examples of real-world tests against the Real World App. This application has been around for a couple of years now, but since it contains some rather advanced concepts and examples, much of it was beyond reach for people just getting started. To solve this problem we have written in-depth articles for every example which explains line by line what each test is doing.

Cypress.io is just a test runner, but it can be paired with Testomat.io, a test management system for automated tests. Let's see how Testomat.io can answer the questions risen above. We will use Cypress Realworld App as you might have guessed, this is a good example of a project with well-written Cypress tests.