| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="/js-test-resources/ui-helper.js"></script> |
| <script src="../resources/inspector-test.js"></script> |
| <script> |
| const method = { |
| supportedMethods: "https://apple.com/apple-pay", |
| data: { |
| version: 2, |
| merchantIdentifier: "", |
| merchantCapabilities: ["supports3DS"], |
| supportedNetworks: ["visa", "masterCard"], |
| countryCode: "US", |
| }, |
| }; |
| |
| const simpleDetails = { |
| total: { |
| label: "Total", |
| amount: {currency: "USD", value: "9.99"} |
| } |
| }; |
| |
| const largeDetails = { |
| total: { |
| label: "Total", |
| amount: {currency: "USD", value: "99.00"}, |
| }, |
| displayItems: [ |
| { |
| label: "Item 1", |
| amount: {currency: "USD", value: "90.00"}, |
| }, { |
| label: "Item 2", |
| amount: {currency: "USD", value: "90.00"}, |
| pending: true, |
| }, { |
| label: "Item 3", |
| amount: {currency: "USD", value: "9.00"}, |
| } |
| ], |
| shippingOptions: [ |
| { |
| id: "shippingId1", |
| label: "Shipping Label 1", |
| amount: {currency: "USD", value: "5.00"}, |
| selected: false, |
| }, { |
| id: "shippingId2", |
| label: "Shipping Label 2", |
| amount: {currency: "USD", value: "10.00"}, |
| selected: true, |
| } |
| ], |
| modifiers: [ |
| { |
| supportedMethods: "basic-card", |
| total: { |
| label: "Total", |
| amount: {currency: "USD", value: "99.00"}, |
| }, |
| } |
| ], |
| }; |
| |
| let currentRequest = null; |
| function createPaymentRequest() { |
| if (currentRequest) |
| currentRequest.abort().catch(() => {}); |
| currentRequest = new PaymentRequest([method], simpleDetails); |
| return currentRequest; |
| } |
| |
| function triggerLargePaymentRequest() { |
| let request = new PaymentRequest([method], largeDetails); |
| Promise.resolve().then(() => { TestPage.dispatchEventToFrontend("Continue"); }); |
| return request; |
| } |
| |
| function triggerCreatedPaymentRequest() { |
| let request = createPaymentRequest(); |
| Promise.resolve().then(() => { TestPage.dispatchEventToFrontend("Continue"); }); |
| return request; |
| } |
| |
| function triggerInitiatedPaymentRequest() { |
| let request = createPaymentRequest(); |
| UIHelper.withUserGesture(async () => { |
| request.show().catch(() => {}); |
| TestPage.dispatchEventToFrontend("Continue"); |
| }); |
| return request; |
| } |
| |
| function triggerClosedPaymentRequest() { |
| let request = createPaymentRequest(); |
| UIHelper.withUserGesture(async () => { |
| request.show().catch(() => {}); |
| await request.abort(); |
| TestPage.dispatchEventToFrontend("Continue"); |
| }); |
| return request; |
| } |
| |
| // ---- |
| |
| function test() |
| { |
| async function propertyDescriptorString(propertyDescriptor) { |
| function inspectedPage_internalValue_JSON() { |
| return JSON.stringify(this, (key, value) => { |
| if (key === "id") |
| return "<filtered>"; |
| return value; |
| }, 2); |
| } |
| |
| // Primitive. We have the value. |
| if (propertyDescriptor.value.type !== "object") |
| return propertyDescriptor.name + ": " + JSON.stringify(propertyDescriptor.value.description); |
| |
| // Object. Stringify on the page. |
| let [jsonValue] = await promisify((cb) => { propertyDescriptor.value.callFunctionJSON(inspectedPage_internalValue_JSON, undefined, cb); }); |
| return propertyDescriptor.name + ": " + jsonValue; |
| } |
| |
| let suite = InspectorTest.createAsyncSuite("RemoteObject.InternalProperties.PaymentRequest"); |
| |
| function addTestCase({name, description, expression}) { |
| suite.addTestCase({ |
| name, description, |
| async test() { |
| let [remoteObject, _] = await Promise.all([ |
| InspectorTest.evaluateInPage(expression, null, {remoteObjectOnly: true}), |
| InspectorTest.awaitEvent("Continue"), |
| ]); |
| let [propertyDescriptors] = await promisify((cb) => { remoteObject.getPropertyDescriptors(cb); }); |
| for (let propertyDescriptor of propertyDescriptors.reverse()) { |
| if (propertyDescriptor.isInternalProperty) { |
| let displayString = await propertyDescriptorString(propertyDescriptor); |
| InspectorTest.log("INTERNAL PROPERTY: " + displayString); |
| } |
| } |
| } |
| }); |
| } |
| |
| addTestCase({ |
| name: "RemoteObject.InternalProperties.PaymentRequest.Created.Large", |
| expression: `triggerLargePaymentRequest()`, |
| }); |
| |
| addTestCase({ |
| name: "RemoteObject.InternalProperties.PaymentRequest.Created", |
| expression: `triggerCreatedPaymentRequest()`, |
| }); |
| |
| addTestCase({ |
| name: "RemoteObject.InternalProperties.PaymentRequest.Initiated", |
| expression: `triggerInitiatedPaymentRequest()`, |
| }); |
| |
| addTestCase({ |
| name: "RemoteObject.InternalProperties.PaymentRequest.Closed", |
| expression: `triggerClosedPaymentRequest()`, |
| }); |
| |
| suite.runTestCasesAndFinish(); |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <p>Internal properties of a PaymentRequest.</p> |
| </body> |
| </html> |
