[Testing Automation] Enhancing 3DS card payment for Adyen connector using Cypress

[neerajkumar-n]

Context:
Ensuring the smooth operation of our payment processing system is crucial for the success of our application. One of the Connectors we rely on is Adyen payment gateway and we use this for handling transactions, focusing on both one-time payments & Subscription/repeat transactions.

Our current testing framework lacks comprehensive coverage for both one-time & Subscription payment scenarios with the Adyen connector. We currently use Newman for automation testing but have encountered challenges. Maintaining separate collections for different connectors has become burdensome, requiring manual verification of every flow for each connector with every change. Newman's inability to handle redirection flows, like 3DS flows, and its limitations in testing other payment methods such as wallets and bank transfers, further compound our testing efforts. Recognizing the inefficiency and limitations, we acknowledge the need to transition to Cypress.

By automating our testing processes using cypress, we aim to streamline workflows, improve efficiency, and address the shortcomings encountered with our current automation testing, ensuring a more robust and reliable testing strategy moving forward. We are committed to enhancing our testing strategy by incorporating dedicated test scenarios specifically targeting one-time payments within the Adyen connector. By doing so, we aim to ensure that all aspects of one-time payments, including transaction initiation, authorization, and confirmation, are thoroughly tested and validated for card payments.

In summary, by prioritizing the enhancement of our testing framework to include one-time payment scenarios, we reaffirm our commitment to quality, reliability, and continuous improvement in our payment processing ecosystem. This approach will enable us to identify and rectify potential issues before they impact our users' experience.

---

How to get started

• Set up a Rust environment and run Hyperswitch locally

• Signup and creating a sandbox account on Adyen to get the API Credentials

• Configure Connector within Hyperswitch dashboard, you can sign up for Hyperswitch here. You can learn more about configuring Connectors in our documentation here.

• Once configured, you can simply test a payment via our dashboard, learn more about it here

How to Implement:

• Read and understand the general guidelines on contributing to Hyperswitch

• Import postman collection of hyperswitch from here 

• You can refer to our Documentation here

---

Expected Outcomes:

Testing Procedure for Card Payment Authentication (authentication_type: three_ds)

• Initiate Card Payment with Three-DS Authentication:

  • Create a card payment and confirm it with the authentication_type set as "three_ds".

• Verification of Response Link:

  • Verify the link provided in the response.
  • Open the provided link to proceed with authentication.

• Complete Authentication and Redirect:

  • Follow the authentication process and complete it.
  • Redirect back to the return URL specified.

• Verification of Payment Status:

  • Verify the status of the payment after authentication completion.

• Failed Authentication Handling:

  • Simulate a failed authentication attempt.
  • Verify that the payment status reflects the failed authentication state.

Submit a pull request to the juspay/hyperswitch repository including the relevant screenshots of the test cases.
Brownie Points: Providing clear and comprehensive documentation and code comments.
Note: We welcome multiple PRs for this problem statement

---

Additional Resources: 

• If you face any issues/challenges while using Cypress, we recommend you to refer to their documentation

• Here is a test case that we have already worked upon for your reference.

• You can read more about 3DS here

[Ovank]

Hey @neerajkumar-n , I am having issue in setting up Adyen test account as it is not accepting a gmail email, Do you have some suggestion to work around it.

[manav-chan]

Hi, I used my college email id for that task.

[neerajkumar-n]

Yes, college email id would work or orgs email id will also work.

[Tarun-Manjunath]

Hi, is there any deadline before which this task must be completed.

[trial-pyth]

While starting docker-compose.yml got the following error for hyperswitch-server service:

> Unable to deserialize application configuration: pm_filters.zsl.local_bank_transfer: data did not match any variant of untagged enum PaymentMethodFilterKey
> thread 'main' panicked at crates/router/src/bin/router.rs:14:10:
> Unable to construct application configuration: ConfigurationError(data did not match any variant of untagged enum PaymentMethodFilterKey)

While starting docker-compose-development.yml there was no indication of a server started on port 8080

After following instructions given in the documentation file:

C:\Users\DELL>curl -I -X GET http://localhost:8080/health
curl: (52) Empty reply from server

Able to ping hyperswitch-server from another container, but not able to curl http://hyperswitch-server:8080

[Tarun-Manjunath]

Hi, after hosting my playground on my local machine. The playground doesn,t have any content at all.
I did every step that was told in docs.
cd hyperswitch-web
npm run start
npm run re:start
npm run build playground
npm run install playground

I even hosted my local server as well still I'm not getting my playground content

.

[Tarun-Manjunath]

Hi, @PritishBudhiraja well I changed my env variables but still couldn't get the content, what I believe is that there is a problem in compiling.
Well if you can see the content should displayed from dist from it is from / so how do I change that, because all the contents like cap, shirt is in dist.

[PritishBudhiraja]

Hey can you please change the last 2 env values.

HYPERSWITCH_SERVER_URL="http://localhost:8080"
# At 9060 port our demo app is running which is giving the feel of SDK works.
# But at 9050 our SDK is running that is HyperLoader.js file. So that should be there in the client URL
HYPERSWITCH_CLIENT_URL="http://localhost:9050"

And if you are doing local backend setup please go to webpack.common.js & webpack.dev.js-

Change the backend endpoint url to "http://localhost:8080" at both the places. let me know if you still face any issue.

[Tarun-Manjunath]

Hi @PritishBudhiraja I followed all the instructions but still couldn't get the content.

[Tarun-Manjunath]

[Tarun-Manjunath]

is there any variables I need to add in .env file

[neerajkumar-n]

Closing this discussion, this has been implemented.