Aditya-Added-Testing-for-Login

[adityasure9]

Description

This PR introduces unit tests for the Login component, focusing on testing the structure of the login page, handling user input, and ensuring correct login behavior. These tests cover input field changes, form validation, and the submission process to ensure that the Login component functions as expected.

Main changes explained:

• Created Login.test.jsx to introduce unit tests for the Login component.
• Tested the structure of the login page, ensuring correct rendering of inputs, buttons, and headers.
• Simulated user interactions such as typing into input fields and submitting the login form.
• Validated form submission logic, ensuring the correct function (loginUser) is called with the right credentials.
• Checked if errors are properly handled and displayed when form inputs are invalid or incomplete.

How to test:

1. Check into the current branch.
2. Run npm install to install dependencies.
3. Run npm test Login.test.jsx to execute the unit tests.
4. Ensure all tests pass, including structure validation, input handling, and login behavior.

Screenshots or videos of changes:

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	f602ef4
🔍 Latest deploy log	https://app.netlify.com/sites/highestgoodnetwork-dev/deploys/66f77ce6f6cad5000897744d
😎 Deploy Preview	https://deploy-preview-2734--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Lexie5212]

I tested the PR, all tests passed!

[jinxyou]

All test case have passed. Great work

[ziyanw52]

I have test this, and all the test cases passed.

[linkhanthtel]

All test cases passed as expected! Nice work!

[Vincent-space]

Hi, I tested all cases, all of them passed.

[Nahiyan-16]

Hi Aditya, great job on the initial tests for the Login page! Your tests are well-organized and cover important features like the page layout, input handling, and login actions. Using both shallow and mount rendering helps get more accurate results by simulating the component behavior properly. The focus on error handling and updating the state, especially for form validation and submission, is excellent and makes your tests more reliable. Overall, these tests are a strong start for ensuring the Login page works correctly.

[Dk-21]

PR 2734
@adityasure9
Tested the test file and all the test cases passed.

[ishangoel17]

All test cases are passing. Below is the screenshot for reference:

[Watchdog00]

I have completed the testing and got the expected results. Good job!

[Muzammil603]

Results as expected

[mianmiantea2019]

All test cases are passing

[tharunaa-1]

All the test cases passed.

[Vigneshwar-Muriki]

Tested this PR and all test cases passed successfully.

[Vincent-space]

Hi, all test cases passed.

[nikhilpittala16]

I have tested the PR and all the test cases have passed.

[geetamatkar]

I tested this PR. All test cases have passed.

[mianmiantea2019]

All test cases have passed.

[manikittu810]

Hello @adityasure9
Everything is working as mentioned.

Thank you.

[SatyashanthiT]

I have reviewed this PR, which introduces unit tests for the Login component. The tests effectively cover key areas such as input handling, form validation, and login behavior. After running the tests as outlined, everything works as expected, with no issues detected during the review process.

[one-community]

Thank you all, merging!