Test results:
Test Case | Staging PLK ES | Staging BK ES | Staging BK PT |
|---|---|---|---|
User should see the “Accepted cards” component on the “Add new card” section | Passed | Passed | Passed |
User should NOT see the “Accepted cards” component on the payment method other options | Passed | Passed | Passed |
User should see the new title "Card Details” on the “Add new card” section following Figma’s design | Passed | Passed | Passed |
Passed | Passed | Passed | |
Passed | Passed | Passed | |
Passed | Passed | Passed | |
Passed | Passed | Passed | |
User should see the card icons L&F (size, position, alignment) according to Figma’s Design - Mobile | Passed | Passed | Passed |
User should see the card icons L&F (size, position, alignment) according to Figma’s Design - Desktop | Passed | Passed | Passed |
Observations:
The icons are displayed according to PSP. E.g. PLK ES works with Paycomet. So it is necessary to configure the variation on the Launch Darkly platform to the list of accepted cards.
The icons are sorted by the order set on the LD.
The icons are already available in the design system and we re-used them. Also, some cards do not have the “gray frame”, e.g. Visa. If you need to change them, it is necessary to provide new icons.
As we have agreed before, if there are more icons than the list could fit in, we split in a new row.
As we can realize, the right padding (space) is bigger than the left side. Becoming the list with "align justify”, would be very to much complex since we do not have a large number of accepted cards.
PLK ES accepts Visa, Mastercard, American Express, Dinners, JCB and Union Pay.
PLK ES Paycoment - Desktop - 4 cards |  |
PLK ES Paycoment - Desktop - a lot of cards |  |
PLK ES Paycoment - Mobile - 4 cards |  |
PLK ES Paycoment - Mobile - a lot of cards |  |
BK PT Paycoment - Desktop - main cards |  |
BK DE Paycoment - Desktop - a lot cards |  |
BK DE Paycoment - Mobile - a lot cards |  |
0 Comments