1 files changed, 75 insertions, 0 deletions
diff --git a/browser/components/payments/res/debugging.html b/browser/components/payments/res/debugging.html
new file mode 100644
index 0000000000..9b5b80c9e6
--- /dev/null
+++ b/browser/components/payments/res/debugging.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self'">
+    <link rel="stylesheet" href="debugging.css"/>
+    <script src="debugging.js"></script>
+  </head>
+  <body>
+    <div>
+      <section class="group">
+        <button id="refresh">Refresh</button>
+        <button id="rerender">Re-render</button>
+        <button id="logState">Log state</button>
+        <button id="debugFrame" hidden>Debug frame</button>
+        <button id="toggleDirectionality">Toggle :dir</button>
+        <button id="toggleBranding">Toggle branding</button>
+      </section>
+      <section class="group">
+        <h1>Requests</h1>
+        <button id="setRequest1">Request 1</button>
+        <button id="setRequest2">Request 2</button>
+        <fieldset id="paymentOptions">
+          <legend>Payment Options</legend>
+          <label><input type="checkbox" autocomplete="off" name="requestPayerName" id="setRequestPayerName">requestPayerName</label>
+          <label><input type="checkbox" autocomplete="off" name="requestPayerEmail" id="setRequestPayerEmail">requestPayerEmail</label>
+          <label><input type="checkbox" autocomplete="off" name="requestPayerPhone" id="setRequestPayerPhone">requestPayerPhone</label>
+          <label><input type="checkbox" autocomplete="off" name="requestShipping" id="setRequestShipping">requestShipping</label>
+        </fieldset>
+      </section>
+
+      <section class="group">
+        <h1>Addresses</h1>
+        <button id="setAddresses1">Set Addreses 1</button>
+        <button id="setDupesAddresses">Set Duped Addresses</button>
+        <button id="delete1Address">Delete 1 Address</button>
+      </section>
+
+      <section class="group">
+        <h1>Payment Methods</h1>
+        <button id="setBasicCards1">Set Basic Cards 1</button>
+        <button id="delete1Card">Delete 1 Card</button>
+      </section>
+
+      <section class="group">
+        <h1>States</h1>
+        <fieldset id="complete-status">
+          <legend>Complete Status</legend>
+          <label class="block"><input type="radio" name="setCompleteStatus" value="">(default)</label>
+          <label class="block"><input type="radio" name="setCompleteStatus" value="processing">Processing</label>
+          <label class="block"><input type="radio" name="setCompleteStatus" value="fail">Fail</label>
+          <label class="block"><input type="radio" name="setCompleteStatus" value="unknown">Unknown</label>
+          <label class="block"><input type="radio" name="setCompleteStatus" value="timeout">Timeout</label>
+        </fieldset>
+        <label class="block"><input type="checkbox" id="setChangesPrevented">Prevent changes</label>
+
+
+        <section class="group">
+          <fieldset>
+            <legend>User Data Errors</legend>
+            <button id="saveVisibleForm" title="Bypasses field validation">Save Visible Form</button>
+            <button id="setBasicCardErrors">Basic Card Errors</button>
+            <button id="setPayerErrors">Payer Errors</button>
+            <button id="setShippingError">Shipping Error</button>
+            <button id="setShippingAddressErrors">Shipping Address Errors</button>
+
+          </fieldset>
+        </section>
+      </section>
+    </div>
+  </body>
+</html>