Added new test on Cypress Demo App

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

Author: rohShinde

cypress.config.js

@@ -6,7 +6,7 @@ const createEsbuildPlugin = require("@badeball/cypress-cucumber-preprocessor/esb
 module.exports = defineConfig({
     projectId: "nvh163",
     e2e: {
-        baseUrl: "https://pro.missiongraph.io/",
+        baseUrl: "http://localhost:3000/",
         setupNodeEvents(on, config) {
             on("file:preprocessor", createBundler({plugins: [createEsbuildPlugin.default(config)],}));
             preprocessor.addCucumberPreprocessorPlugin(on, config);

cypress/e2e/features/0_signUp.feature

@@ -0,0 +1,17 @@
+Feature: Login
+
+  Scenario Outline: Signup with new user details
+    Given I am on the login page
+    When I click on sigh up link
+    Then I should be on the sign up page
+    When I type in my first name "<first_name>"
+    When I type in my last name "<last_name>"
+    When I type in my username "<username>"
+    When I type in my password "<password>"
+    When I type in my password again "<confirm_password>"
+    When I click on the sign up button
+    Then I should be on the login page
+
+    Examples:
+      | first_name | last_name | username | password | confirm_password |
+      | John       | Doe       | johndoe  | Pass123 | Pass123          |

cypress/e2e/features/1_login.feature

@@ -0,0 +1,13 @@
+Feature: Login
+
+  Scenario Outline: Login with created user
+    Given I am on the login page
+    When I type in my username "<username>"
+    When I type in my password "<password>"
+    When I click on the sign up button
+    Then I should be on the home page
+    Then I should see username - "<username>" on homepage
+
+    Examples:
+      | username | password |
+      | johndoe  | Pass123 |

cypress/e2e/features/Login.feature

@@ -0,0 +1,15 @@
+var elements = require('./elements')
+
+class HomePage {
+    verifyOnHomePage() {
+        return cy.get(elements.HOMEPAGE.HOME_PAGE_HEADING).should('be.visible')
+    }
+
+    verifyUsernameOnHomePage(value) {
+        return cy.get(elements.HOMEPAGE.USERNAME_LABEL)
+                    .should('be.visible')
+                    .and('include.text', value)
+    }
+}
+
+export default HomePage

cypress/e2e/pages/homePage/HomePage.js

@@ -0,0 +1,6 @@
+module.exports = {
+    HOMEPAGE:{
+        HOME_PAGE_HEADING: "h1[data-test='app-name-logo']",
+        USERNAME_LABEL: "h6[data-test='sidenav-username']"
+    }
+}

cypress/e2e/pages/homePage/elements.js

@@ -2,16 +2,30 @@ var elements = require('./elements')
 
 class LoginPage {
 
-    typeInEmailField(value) {
-        return cy.get(elements.LOGINPAGE.EMAIL_TEXT).type(value)
+    verifyOnLoginPage() {
+        return cy.get(elements.LOGINPAGE.LOGIN_PAGE_HEADING)
+                    .should('be.visible')
+                    .and('have.text', 'Sign in')
     }
 
-    typeInPasswordField(value) {
+    typeInUsernameTextbox(value) {
+        return cy.get(elements.LOGINPAGE.USERNAME_TEXT).type(value)
+    }
+
+    typeInPasswordTextbox(value) {
         return cy.get(elements.LOGINPAGE.PASSWORD_TEXT).type(value)
     }
 
-    clickLoginButton() {
-        return cy.get(elements.LOGINPAGE.LOGIN_BUTTON).click()
+    checkRememberMeCheckbox() {
+        return cy.get(elements.LOGINPAGE.REMEMBER_ME_CHECKBOX).check()
+    }
+
+    clickOnSignInButton() {
+        return cy.get(elements.LOGINPAGE.SIGN_IN_BUTTON).click()
+    }
+
+    clickOnSignUpLink() {
+        return cy.get(elements.LOGINPAGE.SIGN_UP_LINK).click()
     }
 }
 

cypress/e2e/pages/landingPage/LandingPage.js

@@ -1,8 +1,10 @@
 module.exports = {
     LOGINPAGE:{
-        LOGIN_PAGE_HEADING: "h2",
-        EMAIL_TEXT: "#login",
+        LOGIN_PAGE_HEADING: "h1",
+        USERNAME_TEXT: "#username",
         PASSWORD_TEXT: "#password",
-        LOGIN_BUTTON: "#submit-login"
+        REMEMBER_ME_CHECKBOX: "input[type='checkbox']",
+        SIGN_IN_BUTTON: "button[type='submit']",
+        SIGN_UP_LINK: "a[data-test='signup']"
     }
 }