From 40e88df6eefe158d9860bf7ac59b15424bad5127 Mon Sep 17 00:00:00 2001
From: VimalKManoj <vimalkmanoj@gmail.com>
Date: Mon, 19 May 2025 16:56:59 +0530
Subject: [PATCH] fix login handleSubmit and redirect to welcome

---
 cypress/e2e/login.cy.js      | 13 +++++++++++--
 src/components/LoginForm.css |  3 ++-
 src/components/LoginForm.js  | 22 ++++++++++++++--------
 3 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/cypress/e2e/login.cy.js b/cypress/e2e/login.cy.js
index c2fbb3a..7011536 100644
--- a/cypress/e2e/login.cy.js
+++ b/cypress/e2e/login.cy.js
@@ -1,2 +1,11 @@
-describe('Login Component', () => {
-}) 
\ No newline at end of file
+describe("Login Component", () => {
+  it("should login successfully and redirect to welcome page", () => {
+    cy.visit("/");
+
+    cy.get('input[name="name"]').type("Vimal K Manoj");
+    cy.get('input[name="password"]').type("password123");
+    cy.get('button[type="submit"]').click();
+
+    cy.contains("Welcome, Vimal K Manoj!").should("exist");
+  });
+});
diff --git a/src/components/LoginForm.css b/src/components/LoginForm.css
index eeae4c2..bd149d4 100644
--- a/src/components/LoginForm.css
+++ b/src/components/LoginForm.css
@@ -32,6 +32,7 @@
 }
 
 .form-group input {
+  box-sizing: border-box;
   width: 100%;
   padding: 0.75rem;
   border: 1px solid #ddd;
@@ -64,4 +65,4 @@
 .login-button:focus {
   outline: none;
   box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.2);
-} 
\ No newline at end of file
+}
diff --git a/src/components/LoginForm.js b/src/components/LoginForm.js
index 26c8cc3..3745990 100644
--- a/src/components/LoginForm.js
+++ b/src/components/LoginForm.js
@@ -1,23 +1,29 @@
-import React, { useState } from 'react';
-import './LoginForm.css';
+import React, { useState } from "react";
+import "./LoginForm.css";
 
 function LoginForm({ onLogin }) {
   const [formData, setFormData] = useState({
-    name: '',
-    password: ''
+    name: "",
+    password: "",
   });
 
   const handleChange = (e) => {
     const { name, value } = e.target;
-    setFormData(prevState => ({
+    setFormData((prevState) => ({
       ...prevState,
-      [name]: value
+      [name]: value,
     }));
   };
 
+  // Added this handle submit for redirecting to welcome page
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    onLogin(formData);
+  };
+
   return (
     <div className="login-form-container">
-      <form className="login-form">
+      <form className="login-form" onSubmit={handleSubmit}>
         <h2>Login</h2>
         <div className="form-group">
           <label htmlFor="name">Name:</label>
@@ -49,4 +55,4 @@ function LoginForm({ onLogin }) {
   );
 }
 
-export default LoginForm; 
\ No newline at end of file
+export default LoginForm;