...
Pre- condition | How to execute(step-by-step) | Expect Result | Result |
---|
accepted-cards-types FF enable Cards set on the Paycomet variation Json.
| Access the WL and go to the payment screen. Click on the Payment method dropdown and click on "Add new card". Check if the new card details section is displayed above card text fields.
| The new card details section must be displayed above card text fields.
| Passed |
Test Case | User should NOT see the “Accepted cards” component on the payment method other options |
---|
Application | Whitelable and Launch Darkly |
---|
Pre- condition | How to execute(step-by-step) | Expect Result | Result |
---|
accepted-cards-types FF enable Set cards on the Paycomet variation Json.
| Access the WL and go to the payment screen. Click on the Payment method dropdown and click on "Sodexo" option. Check if the new card details section is NOT displayed. Perform this test case for some of the other payment methods:
Vaulted card Check gourmet Ticket restaurant
| The new card details section must NOT be displayed above card text fields.
| Passed |
Test Case | User should see the new title "Card Details” on the “Add new card” section following Figma’s design |
---|
Application | Whitelable and Launch Darkly |
---|
Pre- condition | How to execute(step-by-step) | Expect Result | Result |
---|
accepted-cards-types FF enable Set cards on the Paycomet variation Json.
| Access the WL and go to the payment screen. Click on the Payment method dropdown and click on "Add new card". Check if the new title "Card Details” on the “Add new card” section is following Figma’s design (Font style).
| The new title "Card Details” on the “Add new card” section must be following Figma’s design (Font style).
| Passed |
Test Case | User should see the new title "Card Details” on the “Add new card section” translated according to the value set on Lokalise |
---|
Application | Whitelable and Launch Darkly |
---|
Pre- condition | How to execute(step-by-step) | Expect Result | Result |
---|
accepted-cards-types FF enable Set cards on the Paycomet variation Json.
| Access the WL and go to the payment screen. Click on the Payment method dropdown and click on "Add new card". Check if the new title "Card Details” on the “Add new card” section is translated according to Lokalise. Perform this test case to Spanish and English.
| The new title "Card Details” on the “Add new card” section must be translated according to Lokalise.
| Passed |
Test Case | User should see the cards icons on the “Add new card” section according to the accepted cards set on the LD by PSP - Paycomet |
---|
Application | Whitelable and Launch Darkly |
---|
Pre- condition | How to execute(step-by-step) | Expect Result | Result |
---|
accepted-cards-types FF enable Set cards on the Paycomet variation Json. Set different cards on the firstdata or paymark variation Json. { paycomet: [ 'VISA', 'MASTERCARD, ], firstdata: [ 'AMEX' ], paymark: [] }
| Access the WL and go to the payment screen. Click on the Payment method dropdown and click on "Add new card". Check if only the cards set on Paycomet are displayed on the card accepted section.
| Only the cards set on Paycomet are displayed on the card accepted section.
| Passed |
Test Case | User should see the cards icons on the “Add new card” section according to the accepted cards set on the LD by PSP - Firstdata or Paymark |
---|
Application | Whitelable and Launch Darkly |
---|
Pre- condition | How to execute(step-by-step) | Expect Result | Result |
---|
accepted-cards-types FF enable Set cards on the Paycomet variation Json. Set different cards on the firstdata or paymark variation Json. { paycomet: [ 'VISA', 'MASTERCARD, ], firstdata: [ 'AMEX' ], paymark: [] }
| Access the WL and go to the payment screen. Click on the Payment method dropdown and click on "Add new card". Check if only the cards set on Firstdata or Paymark are displayed on the card accepted section.
| Only the cards set on Firstdata or Paymark are displayed on the card accepted section.
| Passed |
Test Case | User should NOT see any blank space for the “Accepted cards” when there are no accepted cards set on LD |
---|
Application | Whitelable and Launch Darkly |
---|
Pre- condition | How to execute(step-by-step) | Expect Result | Result |
---|
accepted-cards-types FF enable Do NOT set cards on the Paycomet variation Json.
| Access the WL and go to the payment screen. Click on the Payment method dropdown and click on "Add new card". Check if there is NOT any blank space for the “Accepted cards” when there are no accepted cards set on LD.
| There must NOT be any blank space for the “Accepted cards” when there are no accepted cards set on LD.
| Passed |
Test Case | User should see the card icons L&F (size, position, alignment) according to Figma’s Design - Mobile |
---|
Application | Whitelable and Launch Darkly |
---|
Pre- condition | How to execute(step-by-step) | Expect Result | Result |
---|
accepted-cards-types FF enable Cards set on the Paycomet variation Json.
| Access the WL and go to the payment screen. Click on the Payment method dropdown and click on "Add new card". Check if the L&F is following the Figma's design.
| The L&F must be following the Figma's design:
size position alignment to the left side case there are many cards, they are displayed in rows. amout cards per row: this depends on the size of the form component, which may fit more or less cards.
| Passed |
Test Case | User should see the card icons L&F (size, position, alignment) according to Figma’s Design - Desktop |
---|
Application | Whitelable and Launch Darkly |
---|
Pre- condition | How to execute(step-by-step) | Expect Result | Result |
---|
accepted-cards-types FF enable Cards set on the Paycomet variation Json.
| Access the WL and go to the payment screen. Click on the Payment method dropdown and click on "Add new card". Check if the L&F is following the Figma's design.
| The L&F must be following the Figma's design:
size position alignment to the left side case there are many cards, they are displayed in rows. amout cards per row: this depends on the size of the form component, which may fit more or less cards.
| Passed |
Report and evidences:
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 | Image Removed
PLK ES Paycoment - Desktop - a lot of cards | Image Removed
PLK ES Paycoment - Mobile - 4 cards | Image Removed
PLK ES Paycoment - Mobile - a lot of cards | Image Removed
BK PT Paycoment - Desktop - main cards | Image Removed
BK DE Paycoment - Desktop - a lot cards | Image Removed
BK DE Paycoment - Mobile - a lot cards | Image Removed