Login Screen testCase

react-ui/cypress.config.js

@@ -5,5 +5,6 @@ module.exports = defineConfig({
     setupNodeEvents(on, config) {
       // implement node event listeners here
     },
+    baseUrl: "https://localhost"
   },
 });

react-ui/cypress/e2e/login.cy.js

@@ -0,0 +1,24 @@
+import HomePage from "../pages/HomePage";
+import LoginPage from "../pages/LoginPage";
+
+const login = new LoginPage();
+
+describe('Failing or Succeeding to Login', function () {
+
+    before(() => {
+        login.visit();
+        // login.acceptSelfAssignedCert();
+    });
+
+    it('User should enter username', function () {
+        login.enterUsername("admin");
+        login.getUsernameElement().should('contain.value', 'admin')
+    });
+
+    it('User should enter password', function () {
+        login.enterPassword("adminADMIN!");
+        login.getPasswordElement().should('contain.value', 'adminADMIN!');
+    });
+
+
+});

react-ui/cypress/pages/HomePage.js

@@ -0,0 +1,16 @@
+import LoginPage from "./LoginPage";
+
+class HomePage {
+    constructor() {
+    }
+
+    visit() {
+        cy.visit('/');
+    }
+
+    goToSign() {
+        return new LoginPage();
+    }
+}
+
+export default HomePage;

react-ui/cypress/pages/LoginPage.js

@@ -0,0 +1,49 @@
+class LoginPage {
+    constructor() {
+    }
+
+    visit() {
+        cy.visit('/login');
+    }
+
+    getUsernameElement() {
+        return cy.get(`.inputText .cds--text-input--md`);
+    }
+
+    getPasswordElement() {
+        return cy.get(`input#password`);
+    }
+
+    enterUsername(value) {
+        const field = this.getUsernameElement();
+        field.clear();
+        field.type(value);
+        return this;
+    }
+
+    enterPassword(value) {
+        const field = this.getPasswordElement();
+        field.clear();
+        field.type(value);
+        return this;
+    }
+
+    checkInvalidPassword() {
+
+    }
+
+    signIn() {
+        const button = cy.get(`[type='submit']`);
+        button.click();
+    }
+
+    acceptSelfAssignedCert() {
+        const detailsOption = cy.get(`#details-button`);
+        detailsOption.click();
+        const link = cy.get(`#proceed-link`);
+        link.click();
+
+    }
+}
+
+export default LoginPage;