markfl-3ds-mock | Stripe Developers | Page 1

summer sequoiaBOT Jun 21, 2023, 10:13 PM

#

shadow thorn Jun 21, 2023, 10:15 PM

#

@sly terrace I'm sorry but I'm not sure I'll be able to do much. We mostly discourage anyone from trying to automate those clicks since we change the UI often and it won't really be stable/work. We recommend mocking this flow entirely instead

#

markfl-3ds-mock

sly terrace Jun 21, 2023, 10:16 PM

#

is there a chance that the live modal works in a similar way and you can click real elements underneath it?

#

but also, how would you recommend being sure that my integration works with 3d secure 2 cards? test it with a non 3d secure card only and there's not much i can do if it's broken anyway?

shadow thorn Jun 21, 2023, 10:19 PM

#

I'm sorry I honestly don't understand both questions. What does "button underneath" means?

sly terrace Jun 21, 2023, 10:21 PM

#

so if i click the screen in the bottom middle of that modal when it says "visa", i can click the "cancel" button that it's hiding, causing it to do something, when i can't see what i'm doing

#

which causes the modal to close, and i was suggesting that it's worth checking this bug doesn't also exist in the live version

shadow thorn Jun 21, 2023, 10:22 PM

#

Can you physically click in a browser? Or do you mean in your tests where you write code for triggering those clicks?

sly terrace Jun 21, 2023, 10:22 PM

#

actual physical clicking

#

i discovered it because my tests wait until it's clickable and it's becoming clickable while the overlay is still there, but i can easily reproduce it with a mouse and my hand

shadow thorn Jun 21, 2023, 10:23 PM

#

Can you make a simple example that shows a repro?

sly terrace Jun 21, 2023, 10:24 PM

#

er, maybe a video?

shadow thorn Jun 21, 2023, 10:27 PM

#

no a video wouldn't really help sorry but if you can write a simple example that can reproduce this I'm happy to look

sly terrace Jun 21, 2023, 10:38 PM

#

repro:
go here: https://stripe-payments-demo.appspot.com/
fill in any set of valid shipping info
use card number 4000 0000 0000 3220 to force 3d secure 2
click pay
wait for the "visa" modal to pop up
BEFORE the buttons have actually loaded, you'll be able to hover them and see the cursor change
if you're quick enough you can click the cancel button before it's visible causing the modal to close before ever displaying the button you just clicked

shadow thorn Jun 21, 2023, 10:43 PM

#

if you're quick enough you can click the cancel button before it's visible causing the modal to close before ever displaying the button you just clicked
you mean the Cancel button in the top right corner that is explicitly part of the modal itself?

#

if so, what's the problem with that?

sly terrace Jun 21, 2023, 10:43 PM

#

No

#

this fail button

shadow thorn Jun 21, 2023, 10:44 PM

#

I mean there's no Cancel button on that page you shared except the one in the top right corner of the Visa UI no?

#

the Fail or the Cancel?

sly terrace Jun 21, 2023, 10:44 PM

#

the fail one in that image there

#

through the overlay

shadow thorn Jun 21, 2023, 10:44 PM

#

Okay but then this has nothing to do with "underneath" right?

sly terrace Jun 21, 2023, 10:45 PM

#

ok, ignore underneath

shadow thorn Jun 21, 2023, 10:45 PM

#

Basically I thought you were saying that you could click on your own application's button despite the modal

#

which worried me. So now you're saying the button are clickable before the UI is fully done rendering?

sly terrace Jun 21, 2023, 10:45 PM

#

if i click in a spot on the VISA overlay where the fail button is going to be, it still works

#

yes, that

shadow thorn Jun 21, 2023, 10:45 PM

#

what does "it still works" mean though?

sly terrace Jun 21, 2023, 10:45 PM

#

it closes the modal?

#

or in the case of the complete, accept the click and do nothing, i guess because events aren't bound properly yet

shadow thorn Jun 21, 2023, 10:50 PM

#

Ah gotcha, now I get what you mean. So basically you say in Test mode we render that iframe and we have the button present before they are "fully ready/bound" and so if you click on it too quickly it kinda seems to work but doesn't?
So in your test I'd mostly add some delay I guess. And I don't think this could happen in production because real humans wouldn't do that but we don't control that page in production. There's no Fail or Complete button, it's up to each issuer

sly terrace Jun 21, 2023, 10:50 PM

#

it's pretty weird that you can click elements that "aren't there"

shadow thorn Jun 21, 2023, 10:52 PM

#

sure but it's also purely a Test mode only UI to mock what banks would do

sly terrace Jun 21, 2023, 10:53 PM

#

you mentioned recommending not testing the 3d secure stuff?

#

i guess it's all handled within stripe.confirmCardSetup anyway, so it's not like we're in control of any of it anyway

#

if it works with a non 3d secure card it'll work with a 3d secure one right?

shadow thorn Jun 21, 2023, 10:54 PM

#

yep I would say so

sly terrace Jun 21, 2023, 10:55 PM

#

well i shall see if i can convince my colleagues of that 😄

#

thanks for your help, i look forward to your fix for the broken overlay

shadow thorn Jun 21, 2023, 10:58 PM

#

I am dubious anyone will fix it honestly

#markfl-3ds-mock