gtct39 | Stripe Developers | Page 1

abstract shoalBOT Oct 14, 2022, 9:54 AM

#

faint needle Oct 14, 2022, 10:00 AM

#

Hi there,
By default the card-element cvv is shown AFAIK, could you please share more details about your integration?

#

How are you initializing the card element ?

solid mirage Oct 14, 2022, 10:01 AM

#

@faint needle yes by default its there but when we reduce screen resolution then it disappears

#

so lets say by default I want cvc in tab view as well

#

So how can I control its UI?

faint needle Oct 14, 2022, 10:09 AM

#

Not sure that the responsiveness is something you can modify as it's private classes. If you can't fix a minimum weight to the view port containing the card element, then maybe using split card element could be a good fit for your

#

https://stripe.com/docs/payments/payment-card-element-comparison#:~:text=You can have,to both styles.

solid mirage Oct 14, 2022, 10:09 AM

#

Actually I am giving stripe certification test

#

and in that cypress is failing this cvc test

#

and I am looking for the documentation but not getting anything related to it

#

faint needle Oct 14, 2022, 10:19 AM

#

and in that cypress is failing this cvc test
You need to set two test cases according to the viewport weight size. One when the cvv is shown and another when the cvv is hidden if you want to keep the same integration.

solid mirage Oct 14, 2022, 10:20 AM

#

I have not setup the cypress its from stripe side

#

I have to do the implementation so that my project will pass the cypress tests

faint needle Oct 14, 2022, 10:21 AM

#

You need to increase the viewport weight of your test then

solid mirage Oct 14, 2022, 10:23 AM

#

See I can't tamper with the cypress that is Stripe requirement for clearing tests

#

and also they have setup devops to test on github

faint needle Oct 14, 2022, 10:27 AM

#

I just checked with my Team, and As it's a Stripe Cypress test, sorry, I'm not supposed to provide support regarding this as it's part of the exam itself. If you think there are issues with the test itself you should have instructions on how to report that directly to the Team in charge.

solid mirage Oct 14, 2022, 10:32 AM

#

Yep I just want doc or ref from where I can see how I can Modify the UI of this component

#

I have already checked card element doc for appearance nothing found about modifying this UI

hexed spade Oct 14, 2022, 10:35 AM

#

The CardElement is responsive to the viewport in that some fields will be initially hidden until the user tabs through them. It can't be manually forced to show all the fields.

#

Your Cypress tests will like run fine in a larger viewport

#

As this is a certification test, that's all I can help with on the matter

solid mirage Oct 14, 2022, 10:38 AM

#

Thanks @hexed spade I really appreciate. I can manually force by changing the CSS to CVC in that viewport but as its controlled by stripe.js it will again get changed to the default view where cvc is hidden if I clear the values

#

Thats why I am looking for doc

hexed spade Oct 14, 2022, 10:39 AM

#

As explained, it can't be done

#

I'm going to close out this thread now. Please do ask in #dev-help again if you have any Qs unrelated to the certification test!

solid mirage Oct 14, 2022, 10:39 AM

#

Ok there is other way right then manually forcing

#

Thanks ynnoj

#

I was asking because thats what I have been told in training that I can ask for help related to test If I will stuck

#

Stripe will not provide ans but surely give the docs

#

So can I or can't I ask test related questions if I get Stuck?

hexed spade Oct 14, 2022, 10:42 AM

#

You can't ask here I'm afraid

#gtct39