1

[Non-Vauted card] Check if the fields are displayed below card details

1. VISA/Sibs FF enabled.

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

2. Choose the "Add new card" option.

3. Check if the fields are displayed below the card details.

• Check field labels

• Check if the field types

1. The fields must be:

Email (text field)
Phone Number (text field)
Use the delivery address (checkbox)
Address Line (text field)
City (text field)
State (text field)
Postal Code (text field)
Country (text field)

2

[Non-Vauted card] Check if the hide/display the address fields when the user check/uncheck the new checkbox

1. VISA/Sibs FF enabled.

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

2. Choose the "Add new card" option.

3. Check the "Use the delivery address" checkbox.

4. Check if the address fields are hidden.

5. Uncheck the checkbox.

6. Check if the address fields are displayed again.

1. The address fields must be hidden when the user checks the checkbox.

2. The address fields must be displayed when the user unchecks the checkbox.

3

Non-Vauted card] Check if the fields are required - asterisk

1. VISA/Sibs FF enabled.

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

2. Choose the "Add new card" option.

3. Check the asterisk is displayed in front of the placeholder of each new field, except on the checkbox.

1. The asterisk must be displayed in front of the placeholder of each new field:

Email (text field)
Phone Number (text field)
Address Line (text field)
City (text field)
State (text field)
Postal Code (text field)
Country (text field)

4

Non-Vauted card] Check if the fields are required - required messages

1. VISA/Sibs FF enabled.

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

2. Choose the "Add new card" option.

3. Click on the "Place Secure Order" button without filling in the required fields.

4. Check if the required message is displayed below in each field.

1. The required message must be displayed below if each field:

Email (text field)
Phone Number (text field)
Address Line (text field)
City (text field)
State (text field)
Postal Code (text field)
Country (text field)

Question: How will the message be displayed? Currently, the required messages are displayed one by one.
Are we going to follow this behavior? My suggestion is to change this behavior and display all the required messages at the same time. We should change this for the older fields as well.

5

[Non-Vauted card] Check if the new fields L&F is following the Figma's design

1. VISA/Sibs FF enabled.

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

2. Choose the "Add new card" option.

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

• font-style (font-family, font-size,font-color, font-weight).

• background color

• position of the elements

1. The elements of L&F must be following the Figma's design.

Figma link:

Question: It missing Figma's link.