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

Allow test support phone in dev mode #7851

Merged
merged 16 commits into from
Dec 18, 2023
Merged

Conversation

jessy-p
Copy link
Contributor

@jessy-p jessy-p commented Dec 7, 2023

Fixes #6782

Changes proposed in this Pull Request

  • Checks for dev mode and allows a test phone number i.e. +1 000-000-0000

Testing instructions

  • In dev mode, check that you can save all zeros number (allowed by Stripe for test accounts)

  • Run npm run changelog to add a changelog file, choose patch to leave it empty if the change is not significant. You can add multiple changelog files in one PR by running this command a few times.
  • Covered with tests (or have a good reason not to test in description ☝️)
  • Tested on mobile (or does not apply)

Post merge

@botwoo
Copy link
Collaborator

botwoo commented Dec 7, 2023

Test the build

Option 1. Jetpack Beta

  • Install and activate Jetpack Beta.
  • Use this build by searching for PR number 7851 or branch name fix/6782-support-phone-dev-mode in your-test.site/wp-admin/admin.php?page=jetpack-beta&plugin=woocommerce-payments

Option 2. Jurassic Ninja - available for logged-in A12s

🚀 Launch a JN site with this branch 🚀

ℹ️ Install this Tampermonkey script to get more options.


Build info:

  • Latest commit: 0f4e251
  • Build time: 2023-12-18 04:04:51 UTC

Note: the build is updated when a new commit is pushed to this PR.

Copy link
Contributor

github-actions bot commented Dec 7, 2023

Size Change: +145 B (0%)

Total Size: 1.26 MB

Filename Size Change
release/woocommerce-payments/dist/index.js 287 kB +81 B (0%)
release/woocommerce-payments/dist/settings.js 233 kB +64 B (0%)
ℹ️ View Unchanged
Filename Size
release/woocommerce-payments/assets/css/admin.css 1.06 kB
release/woocommerce-payments/assets/css/success.css 158 B
release/woocommerce-payments/dist/blocks-checkout-rtl.css 1.8 kB
release/woocommerce-payments/dist/blocks-checkout.css 1.8 kB
release/woocommerce-payments/dist/blocks-checkout.js 85.5 kB
release/woocommerce-payments/dist/checkout-rtl.css 318 B
release/woocommerce-payments/dist/checkout.css 319 B
release/woocommerce-payments/dist/checkout.js 37.1 kB
release/woocommerce-payments/dist/index-rtl.css 36.8 kB
release/woocommerce-payments/dist/index.css 36.8 kB
release/woocommerce-payments/dist/multi-currency-analytics.js 1.05 kB
release/woocommerce-payments/dist/multi-currency-rtl.css 3.4 kB
release/woocommerce-payments/dist/multi-currency-switcher-block.js 60.5 kB
release/woocommerce-payments/dist/multi-currency.css 3.4 kB
release/woocommerce-payments/dist/multi-currency.js 55.7 kB
release/woocommerce-payments/dist/order-rtl.css 676 B
release/woocommerce-payments/dist/order.css 679 B
release/woocommerce-payments/dist/order.js 41.7 kB
release/woocommerce-payments/dist/payment-gateways-rtl.css 1.31 kB
release/woocommerce-payments/dist/payment-gateways.css 1.31 kB
release/woocommerce-payments/dist/payment-gateways.js 39.3 kB
release/woocommerce-payments/dist/payment-request-rtl.css 153 B
release/woocommerce-payments/dist/payment-request.css 153 B
release/woocommerce-payments/dist/payment-request.js 13.6 kB
release/woocommerce-payments/dist/product-details.js 919 B
release/woocommerce-payments/dist/settings-rtl.css 10.4 kB
release/woocommerce-payments/dist/settings.css 10.4 kB
release/woocommerce-payments/dist/subscription-edit-page.js 669 B
release/woocommerce-payments/dist/subscription-product-onboarding-modal-rtl.css 519 B
release/woocommerce-payments/dist/subscription-product-onboarding-modal.css 519 B
release/woocommerce-payments/dist/subscription-product-onboarding-modal.js 20.4 kB
release/woocommerce-payments/dist/subscription-product-onboarding-toast.js 710 B
release/woocommerce-payments/dist/subscriptions-empty-state-rtl.css 117 B
release/woocommerce-payments/dist/subscriptions-empty-state.css 117 B
release/woocommerce-payments/dist/subscriptions-empty-state.js 19.5 kB
release/woocommerce-payments/dist/tos-rtl.css 230 B
release/woocommerce-payments/dist/tos.css 231 B
release/woocommerce-payments/dist/tos.js 22 kB
release/woocommerce-payments/dist/woopay-express-button-rtl.css 153 B
release/woocommerce-payments/dist/woopay-express-button.css 153 B
release/woocommerce-payments/dist/woopay-express-button.js 52.6 kB
release/woocommerce-payments/dist/woopay-rtl.css 4.18 kB
release/woocommerce-payments/dist/woopay.css 4.19 kB
release/woocommerce-payments/dist/woopay.js 71.8 kB
release/woocommerce-payments/includes/subscriptions/assets/css/plugin-page.css 622 B
release/woocommerce-payments/includes/subscriptions/assets/js/plugin-page.js 812 B
release/woocommerce-payments/vendor/automattic/jetpack-assets/build/i18n-loader.js 2.43 kB
release/woocommerce-payments/vendor/automattic/jetpack-assets/src/js/i18n-loader.js 1.01 kB
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/tracks-ajax.js 522 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/tracks-callables.js 581 B
release/woocommerce-payments/vendor/automattic/jetpack-identity-crisis/babel.config.js 160 B
release/woocommerce-payments/vendor/automattic/jetpack-identity-crisis/build/index.css 2.32 kB
release/woocommerce-payments/vendor/automattic/jetpack-identity-crisis/build/index.js 13.8 kB
release/woocommerce-payments/vendor/automattic/jetpack-identity-crisis/build/index.rtl.css 2.32 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/about.css 1.03 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/admin-empty-state.css 291 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/admin-order-statuses.css 403 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/admin.css 3.6 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/checkout.css 299 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/modal.css 742 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/view-subscription.css 572 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/wcs-upgrade.css 411 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/admin-pointers.js 544 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/admin.js 9.4 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/jstz.js 6.8 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/jstz.min.js 3.83 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/meta-boxes-coupon.js 544 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/meta-boxes-subscription.js 2.38 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/moment.js 22.1 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/moment.min.js 11.6 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/payment-method-restrictions.js 1.29 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/wcs-meta-boxes-order.js 502 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/frontend/payment-methods.js 355 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/frontend/single-product.js 429 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/frontend/view-subscription.js 1.38 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/frontend/wcs-cart.js 781 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/modal.js 1.1 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/wcs-upgrade.js 1.27 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/build/index.css 392 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/build/index.js 3.05 kB

compressed-size-action

@jessy-p
Copy link
Contributor Author

jessy-p commented Dec 7, 2023

Compatibility tests failing due to known issue: p1701263468047559-slack-CGGCLBN58

@jessy-p jessy-p self-assigned this Dec 7, 2023

const [ isPhoneValid, setPhoneValidity ] = useState( true );
if ( ! isPhoneValid && ! isEmptyPhoneValid ) {
if ( ! isPhoneValid && ! isEmptyPhoneValid && ! isDevModeEnabled ) {
Copy link
Member

Choose a reason for hiding this comment

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

This skips the phone check completely in the dev mode, and it's not ideal per these examples:

  • +1 000 does not work.
  • +1 0000 works.
  • +1 1234 does not work.

Could we be more specific in checking this in the dev mode? I think it's also a nice idea to suggest using 0000 directly in the supportPhoneError such as:

Please enter a valid phone number. Since you're using Dev Move, you can also use this test number 0000.

Copy link
Member

@htdat htdat Dec 14, 2023

Choose a reason for hiding this comment

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

To make it more simple, may just use support phone label to carry out this message, and keep your current code.

Something like this https://gist.github.com/htdat/996a4178d630335d85636f3f979958e2

Markup on 2023-12-14 at 11:16:21

Update: My point here is that people in dev mode do not know which number to use as we no longer have validation because they might not always start with 0000.

@jessy-p
Copy link
Contributor Author

jessy-p commented Dec 14, 2023

Modified the PR to accept the test number in dev mode. @htdat

@jessy-p
Copy link
Contributor Author

jessy-p commented Dec 14, 2023

Add hint text in label

image

Copy link
Member

@htdat htdat left a comment

Choose a reason for hiding this comment

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

✅ Manual tests work ok.
✅ Code change makes sense.

Pre-approve with some nitpicks. Feel free to merge after addressing them.

client/settings/support-phone-input/index.js Outdated Show resolved Hide resolved
Significance: patch
Type: fix

Allow test support phone in dev mode
Copy link
Member

Choose a reason for hiding this comment

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

May update the title of the PR too.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Not sure what to change here? Allow "test phone number" (as Stripe calls it)
image
for support phone number in "dev mode"
I've tried to modify it to make it more clear.

Copy link
Member

@htdat htdat Dec 18, 2023

Choose a reason for hiding this comment

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

🤦 @jessy-p - sorry for the confusion, I meant the title of this PR, not the changelog. I left the comment here so that you can pick up the same changelog entry. I would do better next time.

Currently, it's Skip support phone validation in dev mode. You would update it to Allow test support phone in dev mode.

@jessy-p jessy-p enabled auto-merge December 18, 2023 04:38
@jessy-p jessy-p disabled auto-merge December 18, 2023 04:48
@jessy-p jessy-p changed the title Skip support phone validation in dev mode Allow test support phone in dev mode Dec 18, 2023
@jessy-p jessy-p merged commit c94fb63 into develop Dec 18, 2023
23 of 28 checks passed
@jessy-p jessy-p deleted the fix/6782-support-phone-dev-mode branch December 18, 2023 17:20
@rafaelzaleski
Copy link
Contributor

It seems this PR was merged despite having errors in the JS tests, which are now present in the develop branch.

@htdat
Copy link
Member

htdat commented Dec 19, 2023

👋 I am looking at this issue, thanks @rafaelzaleski
cc @jessy-p

@htdat htdat restored the fix/6782-support-phone-dev-mode branch December 19, 2023 03:21
@htdat htdat mentioned this pull request Dec 19, 2023
6 tasks
@htdat
Copy link
Member

htdat commented Dec 19, 2023

PR to fix the JS test: #7930

It seems the issue was still since the start of this PR but it was buried among other Woo beta compatibility tests.

@htdat htdat deleted the fix/6782-support-phone-dev-mode branch December 19, 2023 03:50
htdat added a commit that referenced this pull request Dec 19, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Don't check for valid support phone in dev mode
4 participants