[CYPRESS]: Verify Columns in "Payment operations" page.

[prajwalnl0]

---

Title: Verify Columns in "Payment operations" page.

---

Description:

This task is to write and execute automated test cases for various UI elements and functionalities on the "Payment Operations" page. The tests should validate that key UI elements are present and that core functionalities operate as expected.

Objective:

Ensure that the "Payment Operations" page displays all key elements and that interactions like searching, filtering, and report generation work as intended. The task will include multiple test cases covering these areas.

Pre-requisites:

Create a dummy connector Use the SDK to process a payment

---

Test Cases:

Test Case 1: Customize Columns in Payments Table

• Pre-requisites: Make a payment.
• Steps:
  1. Login to the application.
  2. Navigate to the "Payment Operations" page.
  3. Click on the "Customize Columns" button.
  4. Verify that the following column names are present:
     • Merchant Order Reference Id
     • Metadata
     • Payment Status
     • Payment Method Type
     • Payment Method
     • Payment ID
     • Customer Email
     • Description
     • Created
     • Connector Transaction ID
     • Connector
     • Amount
     • AmountCapturable
     • Authentication Type
     • Profile Id
     • Capture Method
     • Client Secret
     • Currency
     • Customer ID
     • Merchant ID
     • Setup Future Usage
     • Attempt count
  5. Select all columns.
  6. Click on "22 Columns selected."
  7. Click on the "Customize Columns" button.
  8. Unselect all optional columns:
     • AmountCapturable
     • Authentication Type
     • Profile Id
     • Capture Method
     • Client Secret
     • Currency
     • Customer ID
     • Merchant ID
     • Setup Future Usage
     • Attempt count
  9. Click on "12 Columns selected."
• Expected Results:
  • All selected columns should be present and visible in the payments table.
  • Only the selected columns should be visible after unselecting optional columns.

Test Case 2: Search Columns in "Customize Columns" List

• Pre-requisites: User is logged in.
• Steps:
  1. Navigate to the "Payment Operations" page.
  2. Click on the "Customize Columns" button.
  3. Verify that the search bar has the placeholder "Search in 22 options."
  4. Search for any available column names such as "Merchant," "Profile," "Payments."
• Expected Results:
  • Resulting column names should contain the search string.

Test Case 3: Search Invalid Columns in "Customize Columns" List

• Pre-requisites: User is logged in.
• Steps:
  1. Navigate to the "Payment Operations" page.
  2. Click on the "Customize Columns" button.
  3. Verify that the search bar has the placeholder "Search in 22 options."
  4. Search for invalid column names such as "abacd," "something," "createdAt."
• Expected Results:
  • "No matching records found" text should be shown.
  • Clicking on the "X" button should clear the search text and display all column names.

---

Acceptance Criteria:

1. All test cases should pass with the expected results.
2. Each test case must verify the required functionality or UI element.
3. The tests should be included in the regression suite and executed in the CI/CD pipeline.

---

Submission Process:

• Ask the maintainers for assignment of the issue, you can request for assignment by commenting on the issue itself.
• Once assigned, submit a pull request (PR).
• Maintainers will review and provide feedback, if any.
• Maintainers can unassign issues due to inactivity, read more here.
• For this issue, submit a PR on https://github.com/juspay/hyperswitch-control-center repo, and link to the issue.

Refer here for Terms and conditions for the contest.

---

[lcrojano]

please assign it to me

[gorakhnathy7]

Hey @lcrojano Are you still working on this? Please make sure to review the Submission process Steps before raising PR

[lcrojano]

gorakhnathy7 Yes, I'm still working on it! I'll review the submission process steps carefully before raising the PR. Thanks for the reminder! 😊

[lcrojano]

Hey @gorakhnathy7! I just created a new PR and closed the previous one since I took a different approach. It includes the requested tests and utilizes the SDK for making payments. Looking forward to your review. Thanks!

[gorakhnathy7]

Hey @lcrojano Thanks for participating! Kindly fill this form once all of your PRs are merged.