How do you test Apple Pay in Safari? - safari

Question

I am setting up Apple Pay on the web with Stripe and want to use the Sanbox Tester account we setup in iTunes Connect to test on both iOS and macOS in Safari.
On the test device (2017 iPad) I have logged in to iCloud with the Sandbox Tester account and added a test card into Wallet in the settings app. On my development website the Apple Pay button is showing up and interactions work fine.
I created a new account on my MacBook Pro (Retina, Mid 2015) and again logged in to iCloud with the same Sandbox Tester account. When I view my development website on here, however, the checkAvailability function always returns false:
Stripe.applePay.checkAvailability(function(available) {
alert(available);
...
}
Presumably this is because I need further setup for Apple Pay to work. But for the life of me I can't get macOS cooperate. After reading some documentation here are some points that I think are relevant:
In my iPad's Wallet & Apple Pay settings there isn't an "Allow payments on Mac" option anywhere
There is no Wallet & Payments option in my macOS Settings app
There is no mention of Apple Pay in macOS Safari settings, privacy tab
Handoff is enabled on the Mac
Is it possible for me to enable test payments with my sandbox user on macOS using handoff, and if so what steps am I missing?
Update
My macOS Sierra version is 10.12.4 (16E195)
Running window.ApplePaySession.canMakePayments() in the console returns false
Update 2
The steps outlined here are all in place on both devices. When I open Safari on the MacBook and navigate to a page, the handoff icon shows on the multi-tasking screen and vice-vera, when I open a tab in iOS Safari, the handoff icon shows to the left of the dock. It appears handoff is working as expected.
Also, Universal Clipboard is working in both directions.
Note: On a different (non-sandbox) iCloud account on this same MacBook, which is using handoff with a different iPad, the payment options show up in Safari as expected.

Answer 1

Apparently, Apple Pay on the Web using handoff is not possible with iPads. The only compatible devices are:
A Mac model introduced in 2012 or later with an Apple Pay-enabled
iPhone or Apple Watch
This comes directly from Apple. Pretty explicit details can be found on this page.

Answer 2

Edit from Leonardo: only iPhones and iWatches are supported to use ApplePay with handoff.
Looking at the source of the Stripe checkAvailability method might also help troubleshoot the problem.
Stripe.applePay.checkAvailability = function (callback) {
if (location.protocol !== 'https:') {
return callback(false);
}
var canMakePayments = window.ApplePaySession && ApplePaySession.canMakePayments()
if (/^pk_test_/.test(Stripe.key || Stripe.publishableKey)) {
callback(canMakePayments)
} else if (canMakePayments) {
var merchantId = "merchant." + window.location.hostname + ".stripe"
ApplePaySession.canMakePaymentsWithActiveCard(merchantId).then(callback)
} else {
callback(false)
}
}
Given you said that it was working with your iPad, I'm assuming your domain is already using ssl and the right cypher suite.
Since you are testing, the canMakePaymentsWithActiveCard shouldn't even been called since your stripe key should be a testing one, and if your look at the canMakePayments documentation , you can see they clearly stipulate that:
It does not verify whether or not the user has any provisioned cards in Wallet.
To make sure that your device is really supporting it, you should execute directly from your console
window.ApplePaySession.canMakePayments()
And make sure this returns true, if it does that means the issue belongs to the Stripe configuration rather than Apple Pay.
The other thing I see that could cause the problem would be the OS version of your mac. Your iPad is pretty new and thus will have the latest version already, but having bought your MacBook in 2015 does not necessary means you made the upgrade to Sierra (macOS 10.12) which is required to use ApplePay.
I'm sure you probably already tried all these things, I'm just making sure we didn't forgot anything.
Since HandOff seems to be required, make sure you also have all these requirements checked.