set allowCreditCards to false has UI defect and will block all test cards

[chrisudf]

Describe the bug A clear and concise description of what the bug is.

Hello 👋 , not sure if this's the best repo to ask but I can reproduce the error via the Jsfiddle link from your site.
https://jsfiddle.net/ru59csa1/

when disabling credit card by setting allowCreditCards parameters to false it blocked all test cards and the UI is broken.
can only use real cards to test.

Happens in JS also for the Android Sdk (the UI is ok tho, just test cards not usable).

To Reproduce Steps to reproduce the behavior:

1. Go to the sandbox
2. Change allowCreditCards to false for parameters in baseCardPaymentMethod
3. Run the code then click the pay button
4. test cards are blocked and the UI styling is off
5. can only test via real cards, setting this boolean to false can block my real credit card and still allow real debit card

JsFiddle link
https://jsfiddle.net/ru59csa1/

Expected behavior A clear and concise description of what you expected to happen.
Any chance you can fix the UI, fix/provide extra cards to test ban credit card?

Screenshots If applicable, add screenshots to help explain your problem.

working as expected when testing with real cards, the last one is a credit card and it's blocked

Component information:

• Component
  • React component (@google-pay/button-react)
  • Custom element (@google-pay/button-element)
  • Angular component (@google-pay/button-angular)
• Component version (e.g. 1.0.0):

Environment:

• Device (e.g. iPhone6):
• OS (e.g. iOS8.1):
• Browser (e.g. stock browser, safari): chrome
• Country/region: AU

Additional context Add any other context about the problem here.

[dmengelt]

@chrisudf thanks for reporting this! we are looking into it...