User should see the “Accepted cards” component on the “Add new card” section

Whitelable and Launch Darkly

1. accepted-cards-types FF enable

2. Cards set on the Paycomet variation Json.

1. Access the WL and go to the payment screen.

2. Click on the Payment method dropdown and click on "Add new card".

3. Check if the new card details section is displayed above card text fields.

1. The new card details section must be displayed above card text fields.

Passed

User should NOT see the “Accepted cards” component on the payment method other options

Whitelable and Launch Darkly

1. accepted-cards-types FF enable

2. Set cards on the Paycomet variation Json.

1. Access the WL and go to the payment screen.

2. Click on the Payment method dropdown and click on "Sodexo" option.

3. Check if the new card details section is NOT displayed.

4. Perform this test case for some of the other payment methods:

• Vaulted card

• Check gourmet

• Ticket restaurant

1. The new card details section must NOT be displayed above card text fields.

Passed

User should see the new title "Card Details” on the “Add new card” section following Figma’s design

Whitelable and Launch Darkly

1. accepted-cards-types FF enable

2. Set cards on the Paycomet variation Json.

1. Access the WL and go to the payment screen.

2. Click on the Payment method dropdown and click on "Add new card".

3. Check if the new title "Card Details” on the “Add new card” section is following Figma’s design (Font style).

1. The new title "Card Details” on the “Add new card” section must be following Figma’s design (Font style).

Passed

User should see the new title "Card Details” on the “Add new card section” translated according to the value set on Lokalise

Whitelable and Launch Darkly

1. accepted-cards-types FF enable

2. Set cards on the Paycomet variation Json.

1. Access the WL and go to the payment screen.

2. Click on the Payment method dropdown and click on "Add new card".

3. Check if the new title "Card Details” on the “Add new card” section is translated according to Lokalise.

4. Perform this test case to Spanish and English.

1. The new title "Card Details” on the “Add new card” section must be translated according to Lokalise.

Passed

User should see the cards icons on the “Add new card” section according to the accepted cards set on the LD by PSP - Paycomet

Whitelable and Launch Darkly

1. accepted-cards-types FF enable

2. Set cards on the Paycomet variation Json.

3. Set different cards on the firstdata or paymark variation Json.
   {
   paycomet: [
   'VISA',
   'MASTERCARD,
   ],
   firstdata: [
   'AMEX'
   ],
   paymark: []
   }

1. Access the WL and go to the payment screen.

2. Click on the Payment method dropdown and click on "Add new card".

3. Check if only the cards set on Paycomet are displayed on the card accepted section.

1. Only the cards set on Paycomet are displayed on the card accepted section.

Passed

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

Whitelable and Launch Darkly

1. accepted-cards-types FF enable

2. Set cards on the Paycomet variation Json.

3. Set different cards on the firstdata or paymark variation Json.
   {
   paycomet: [
   'VISA',
   'MASTERCARD,
   ],
   firstdata: [
   'AMEX'
   ],
   paymark: []
   }

1. Access the WL and go to the payment screen.

2. Click on the Payment method dropdown and click on "Add new card".

3. Check if only the cards set on Firstdata or Paymark are displayed on the card accepted section.

1. Only the cards set on Firstdata or Paymark are displayed on the card accepted section.

Passed

User should NOT see any blank space for the “Accepted cards” when there are no accepted cards set on LD

Whitelable and Launch Darkly

1. accepted-cards-types FF enable

2. Do NOT set cards on the Paycomet variation Json.

1. Access the WL and go to the payment screen.

2. Click on the Payment method dropdown and click on "Add new card".

3. Check if there is NOT any blank space for the “Accepted cards” when there are no accepted cards set on LD.

1. There must NOT be any blank space for the “Accepted cards” when there are no accepted cards set on LD.

Passed

User should see the card icons L&F (size, position, alignment) according to Figma’s Design - Mobile

Whitelable and Launch Darkly

1. accepted-cards-types FF enable

2. Cards set on the Paycomet variation Json.

1. Access the WL and go to the payment screen.

2. Click on the Payment method dropdown and click on "Add new card".

3. Check if the L&F is following the Figma's design.

1. 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

User should see the card icons L&F (size, position, alignment) according to Figma’s Design - Desktop

Whitelable and Launch Darkly

1. accepted-cards-types FF enable

2. Cards set on the Paycomet variation Json.

1. Access the WL and go to the payment screen.

2. Click on the Payment method dropdown and click on "Add new card".

3. Check if the L&F is following the Figma's design.

1. 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

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 DE Paycoment - Desktop - a lot cards

BK DE Paycoment - Mobile - a lot cards