test: add e2e test for card payment for Adyen connector successful flow

[shubhamchasing]

Type of Change

• [ ] Bugfix
• [x] New feature
• [ ] Enhancement
• [ ] Refactoring
• [ ] Dependency updates
• [ ] Documentation
• [ ] CI/CD

Description

Closes: hyperswitch/issues/6082

1. Added command getIframeElement as cy.iframe as it can only be applied to exactly one iframe at a time edit: using cy.iframe see comment #issuecomment-2436324828
2. Added e2e test cases for successful card payment for the Adyen connector

   How did you test it?

   

Checklist

• [x] I ran npm run re:build
• [x] I reviewed submitted code
• [ ] I added unit tests for my changes where possible

[semanticdiff-com[bot]]

Review changes with  

Changed Files

| File | Status | | :--- | :--- | | [](https://app.semanticdiff.com/gh/juspay/hyperswitch-web/pull/749/changes#cypress-tests/cypress/support/types.ts)  [cypress\-tests/cypress/support/types\.ts](https://app.semanticdiff.com/gh/juspay/hyperswitch-web/pull/749/changes#cypress-tests/cypress/support/types.ts) | [](https://app.semanticdiff.com/gh/juspay/hyperswitch-web/pull/749/changes#cypress-tests/cypress/support/types.ts)  100% smaller | | [](https://app.semanticdiff.com/gh/juspay/hyperswitch-web/pull/749/changes#cypress-tests/cypress/support/utils.ts)  [cypress\-tests/cypress/support/utils\.ts](https://app.semanticdiff.com/gh/juspay/hyperswitch-web/pull/749/changes#cypress-tests/cypress/support/utils.ts) | [](https://app.semanticdiff.com/gh/juspay/hyperswitch-web/pull/749/changes#cypress-tests/cypress/support/utils.ts)  29% smaller | | [](https://app.semanticdiff.com/gh/juspay/hyperswitch-web/pull/749/changes#cypress-tests/cypress/e2e/adyen-card-flow-e2e-test.cy.ts)  [cypress\-tests/cypress/e2e/adyen\-card\-flow\-e2e\-test\.cy\.ts](https://app.semanticdiff.com/gh/juspay/hyperswitch-web/pull/749/changes#cypress-tests/cypress/e2e/adyen-card-flow-e2e-test.cy.ts) | [](https://app.semanticdiff.com/gh/juspay/hyperswitch-web/pull/749/changes#cypress-tests/cypress/e2e/adyen-card-flow-e2e-test.cy.ts)  0% smaller |

[shubhamchasing]

@Sanskar2001 please review

[shubhamchasing]

I wanna highlight one thing previously I used get because cy.iframe sometimes gives error with iframe selector .adyen-checkout__iframe, I could not find out any specific reason for it but with iframe selector .adyen-checkout__iframe--threeDSIframe it is working fine. I have made the necessary changes.

@Sanskar2001 @seekshiva please look at it, thank you!

Error while using .adyen-checkout__iframe

[shubhamchasing]

I will look requested changes in a few days.

[shubhamchasing]

@Sanskar2001 can you please respond to my comments, I wanna close this PR soon

[Sanskar2001]

@Sanskar2001 can you please respond to my comments, I wanna close this PR soon

Hey @shubhamchasing, your task involved testing a normal card payment i.e. no 3DS flow meaning you don't have to test the redirection flow to Adyen Simulator. This task is assigned to someone else.

Could you please resolve the comments and take a pull from main, so that we can proceed?

Thanks!

[shubhamchasing]

@Sanskar2001 is there any issue from the backend because I am getting 403 error, I also tried new creds too but issue persit

[Sanskar2001]

@Sanskar2001 is there any issue from the backend because I am getting 403 error, I also tried new creds too but issue persit

@shubhamchasing Yes, there is some maintenance going on. Please try again in some time.

[Sanskar2001]

@Sanskar2001 is there any issue from the backend because I am getting 403 error, I also tried new creds too but issue persit

@shubhamchasing Yes, there is some maintenance going on. Please try again in some time.

@shubhamchasing The maintenance is over. You can start working on it now.

[shubhamchasing]

@Sanskar2001 please review

[shubhamchasing]

@Sanskar2001 @seekshiva hey guys please review

[shubhamchasing]

Requested changes are done