Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

Test Cases

Test Case

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

Application

Whitelable and Launch Darkly

Pre- condition

How to execute(step-by-step)

Expect Result

Result

  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

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

  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

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

  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

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

  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

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

  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

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

  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

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

  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

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

  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

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

  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

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.

Desktop

Desktop

Mobile

Mobile

  • No labels