Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New Payment Window Design #131

Open
wants to merge 42 commits into
base: master
Choose a base branch
from
Open

New Payment Window Design #131

wants to merge 42 commits into from

Conversation

mlouring
Copy link
Contributor

Complete redesign of the payment window, as well as clean-up of code and outdated templates.

The design is based on the one we're displaying on the front page of https://quickpay.net, though with some changes made for user friendliness - this being mainly keeping the footer with the language select at the bottom of the page as well as keeping the old "Cancel Payment" button.

New features
I have incorporated all PRs that have been merged while working on this new design into the branch, so everything should be up-to-date and ready for testing.

What needs to be done before deploying
Use of the payment window needs to be tested by people with fresh eyes and knowledge of the payment process.
After that, translations should be updated.


Testing
Testing involves checking that the layout looks all right and doesn't shift in weird ways when displaying the different templates.
I will be uploading this as a custom branding on Merchant 5 in production - named mlo-new-standard-branding - for testing of features difficult to access locally.

There will be scenarios I have overlooked, but here's a list of suggestions for testing the templates:
Overall layout:
Test on

  • Different screen sizes (merely resizing the browser window will do)
  • Different browsers
  • Mobile view

Test the following layout states

  • With and without uploaded merchant logo
  • With different kinds of merchant logos
  • With short and long (multiple lines) merchant names
  • With and without additional fields (branding_config)
  • With and without payment fee
  • Different languages

Cards:

  • Different card types
  • Valid and invalid card info
  • Different 3-D Secure states

Payment Methods:

  • Different alternative payment method redirects
  • Payment with no credit card option, only alternative payment methods

Other:

  • Click every single button and input field like you're a kid in an elevator

Feel free to inform me of bugs as soon as you notice them - rather than waiting until everything has been tested - so that I can get to work on fixing them immediately.

@cramt cramt self-requested a review September 25, 2023 12:25
Copy link
Contributor

@cramt cramt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

2 months of using this as the standard branding local dev environment, no problems

@cramt
Copy link
Contributor

cramt commented Sep 20, 2024

🎉 the pr is now 1 year old

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants