<!DOCTYPE html> <meta charset="utf-8"> <title>Test for onpaymentmethodchange attribute</title> <link rel="help" href="https://w3c.github.io/browser-payment-api/#onpaymentmethodchange-attribute"> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script> "use strict"; const testMethod = Object.freeze({ supportedMethods: "not-a-real-method" }); const applePay = Object.freeze({ supportedMethods: "https://apple.com/apple-pay", data: { version: 3, merchantIdentifier: "merchant.com.example", countryCode: "US", merchantCapabilities: ["supports3DS"], supportedNetworks: ["visa"], } }); const defaultMethods = Object.freeze([testMethod, applePay]); const defaultDetails = Object.freeze({ total: { label: "Total", amount: { currency: "USD", value: "1.00", }, }, }); test(() => { const request = new PaymentRequest(defaultMethods, defaultDetails); assert_idl_attribute(request, "onpaymentmethodchange"); }, "Must have a onpaymentmethodchange IDL attribute"); test(() => { const request = new PaymentRequest(defaultMethods, defaultDetails); const ev = new Event("paymentmethodchange"); let didHandle = false; request.onpaymentmethodchange = evt => { assert_equals(ev, evt, "must be same event"); didHandle = true; }; request.dispatchEvent(ev); assert_true(didHandle, "event did not fire"); }, `onpaymentmethodchange attribute is a generic handler for "paymentmethodchange"`); test(() => { const request = new PaymentRequest(defaultMethods, defaultDetails); const ev = new PaymentMethodChangeEvent("paymentmethodchange"); let didHandle = false; request.onpaymentmethodchange = evt => { assert_equals(ev, evt, "must be same event"); didHandle = true; }; request.dispatchEvent(ev); assert_true(didHandle, "event did not fire"); }, `onpaymentmethodchange attribute is a handler for PaymentMethodChangeEvent`); test(() => { const request = new PaymentRequest(defaultMethods, defaultDetails); const ev = new PaymentMethodChangeEvent("paymentmethodchange", { methodName: "test" }); let didHandle = false; let didListen = false; request.onpaymentmethodchange = evt => { assert_equals(ev, evt, "must be same event"); didHandle = true; }; request.addEventListener("paymentmethodchange", evt => { assert_equals(ev, evt, "must be same event"); didListen = true; }); request.dispatchEvent(ev); assert_true(didHandle, "onpaymentmethodchange did not receive the event"); assert_true(didListen, "addEventListener did not receive the event"); }, `onpaymentmethodchange attribute and listeners both work`); </script>