adyen-examples / adyen-testcards-extension Goto Github PK

The extension includes cards which have a dual branding, but that's not made visible. For example, the BCMC card 4871049999999910 is bcmc/visa card, the Cartes Bancaires card 4035 5010 0000 0008 is bc/ visa debit.

Update the extension to display dual-branded cards.

Feedback reported by a user on Chrome Webstore:

"VisaDankort (begins with 4571) is missing, it is available on Adyen's website"

Adopt a new font that displays the card numbers in a clearer/sharper manner

Pressing the "Prefill" functionality should override & copy-paste the test card number into the Dropin/component.

This also covers the scenario in the case of clicking on the wrong card while prefilling.

Make IBANs available in the extension

Feedback reported by a user on Chrome Webstore:

"Great extension ! Is it possible to make the prefill system work on http and not only https ? useful for local dev. Thank you !"

Would be great if there was a way to get only 3DS cards, if I use the filter with the string "3DS" I still get non-3DS cards.

For some reason, it doesn't even open up in Arc. Doesn't show any error messages anywhere. Just won't open like it does on Chrome. Adding a screen recording here showing other extensions like Wappalyzer opens correctly but this doesn't. Tried quitting and reopening Arc after installing the extension. Tried reinstalling the extension as well.

Any lead is helpful, I can help figure this out because I need it to work.

The custom card implementation is typified by having separate date fields for the month and year.
It would also be nice if prefill covered these fields.

It means you will need something like:
var expiry = document.querySelector('input[id^="adyen-checkout-encryptedExpiryMonth-"]'); &
var expiry = document.querySelector('input[id^="adyen-checkout-encryptedExpiryYear-"]');
detection in your code

The test cards for UnionPay have the wrong expiry date (ie 03/30 instead of 10/30)

Prefill is out-of-the-screen when a card is favorited (unless expanded).

When favoriting a card, the card number (such as 222 4000 7000 0005) is not collapsed compared to: 3700 0000 0000 002

Suggested changes

• Fix the css tdCardNumber class in <td class="tdCardNumber">2222 4000 7000 0005</td>
• Turn "copy" into the "copy"-image as we know we save space

Create a GitHub action to package the extension (in a zip file) to be released.
Action should run upon tagging the repository and store the zip file as an artifact.

Make Gift cards available in the extension

Gift cards currently prefills: 123 and ends up refusing all my gift card payments > prefill 100 instead (default).

Let's find a way in which we can help developers with other use cases like:

Table taken from: https://docs.adyen.com/payment-methods/gift-cards/web-component/#test-and-go-live

It would be good to have a "sort alphabetically: ascending/descending" type toggle.
The use case is I want a Visa card, it's at the bottom of the list - I either have to scroll or type into the filter box (so much work! 😛)
Ideally, with a single click on the "sort" button, I could flip Visa to the top of the list

Hello,

First of all, thanks for the extension. I use it everyday and helps me a lot.

This issue is about the favourite feature. I do not have the adyen drop-in payment flow so I do not benefit from the Prefill button, so I manually copy the card number, cvc and expiration date to test my checkout. I currently can not use favourites because when I do the cvc and expiration date are replaced by the brand logo, so I have no way of copying the CVC and EXP date.

My suggestion: Keep the CVC and expiration date and make it so when you click at the field you copy the value. You can still keep the brand logo at the end of everything maybe.
I will be happy to submit a PR if you like this idea, let me know :)

Thanks again.

On the Adyen Test Cards page several cards are associated with a country. Consider displaying the country with the card information, optionally in the Favourite section too.

It is useful to provide the developers with all the information available, but without cluttering the extension.

Introduce (where applicable) unit and integration (Playwright) testing. Ideally, we would verify:

• filter cards, giftcards, ibans
• save as favourites
• copy in clipboard

It doesn't seem possible to use Playwright to test the interaction of the extension with the Drop-in component. Investigate further to assess the feasibility or other options.

The giving component from Adyen now lists test cards that can be used for test donations.

It would be nice to see them added to the extension : https://docs.adyen.com/online-payments/donations/testing/, ideally with a clear link to the giving product

When saved as favourites the Gift Cards should display the corresponding brand logo (i.e. Givex, Generic, SVS).

IBAN could show an IBAN logo (if available), otherwise keep the text.

The current font size in the extension is 14px which is very large.
Can it be reduced to something like 12px?

Add support for locally stored entries. The objective is to be able to add some card numbers that are not public, for example some giftcards or for french mealvouchers.