adyen-examples / adyen-testcards-extension Goto Github PK
View Code? Open in Web Editor NEWBrowser extension with Adyen Test Cards
License: MIT License
Browser extension with Adyen Test Cards
License: MIT License
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 !"
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
<td class="tdCardNumber">2222 4000 7000 0005</td>
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:
Amount (last three digits) | resultCode | refusalReason |
---|---|---|
100 | Authorised | ย |
123 | Refused | Refused |
124 | Refused | Not enough balance |
125 | Refused | Blocked Card |
126 | Refused | Expired Card |
130 | Error | Acquirer Error |
134 | Refused | Invalid Pin |
135 | Refused | Pin tries exceeded |
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:
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.