Adding upstream version 124.0.1.upstream/124.0.1

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

1 files changed, 201 insertions, 0 deletions

diff --git a/browser/extensions/formautofill/test/unit/test_getFormInputDetails.js b/browser/extensions/formautofill/test/unit/test_getFormInputDetails.js
new file mode 100644
index 0000000000..18bd18b74a
--- /dev/null
+++ b/browser/extensions/formautofill/test/unit/test_getFormInputDetails.js
@@ -0,0 +1,201 @@
+"use strict";
+
+var FormAutofillContent;
+add_task(async function () {
+  ({ FormAutofillContent } = ChromeUtils.importESModule(
+    "resource://autofill/FormAutofillContent.sys.mjs"
+  ));
+});
+
+const TESTCASES = [
+  {
+    description: "Form containing 5 fields with autocomplete attribute.",
+    document: `<form id="form1">
+                 <input id="street-addr" autocomplete="street-address">
+                 <input id="city" autocomplete="address-level2">
+                 <select id="country" autocomplete="country"></select>
+                 <input id="email" autocomplete="email">
+                 <input id="tel" autocomplete="tel">
+               </form>`,
+    targetInput: ["street-addr", "email"],
+    expectedResult: [
+      {
+        input: {
+          section: "",
+          addressType: "",
+          contactType: "",
+          fieldName: "street-address",
+        },
+        formId: "form1",
+        form: [
+          {
+            section: "",
+            addressType: "",
+            contactType: "",
+            fieldName: "street-address",
+          },
+          {
+            section: "",
+            addressType: "",
+            contactType: "",
+            fieldName: "address-level2",
+          },
+          {
+            section: "",
+            addressType: "",
+            contactType: "",
+            fieldName: "country",
+          },
+          { section: "", addressType: "", contactType: "", fieldName: "email" },
+          { section: "", addressType: "", contactType: "", fieldName: "tel" },
+        ],
+      },
+      {
+        input: {
+          section: "",
+          addressType: "",
+          contactType: "",
+          fieldName: "email",
+        },
+        formId: "form1",
+        form: [
+          {
+            section: "",
+            addressType: "",
+            contactType: "",
+            fieldName: "street-address",
+          },
+          {
+            section: "",
+            addressType: "",
+            contactType: "",
+            fieldName: "address-level2",
+          },
+          {
+            section: "",
+            addressType: "",
+            contactType: "",
+            fieldName: "country",
+          },
+          { section: "", addressType: "", contactType: "", fieldName: "email" },
+          { section: "", addressType: "", contactType: "", fieldName: "tel" },
+        ],
+      },
+    ],
+  },
+  {
+    description: "2 forms that are able to be auto filled",
+    document: `<form id="form2">
+                 <input id="home-addr" autocomplete="street-address">
+                 <input id="city" autocomplete="address-level2">
+                 <select id="country" autocomplete="country"></select>
+               </form>
+               <form id="form3">
+                 <input id="office-addr" autocomplete="street-address">
+                 <input id="email" autocomplete="email">
+                 <input id="tel" autocomplete="tel">
+               </form>`,
+    targetInput: ["home-addr", "office-addr"],
+    expectedResult: [
+      {
+        input: {
+          section: "",
+          addressType: "",
+          contactType: "",
+          fieldName: "street-address",
+        },
+        formId: "form2",
+        form: [
+          {
+            section: "",
+            addressType: "",
+            contactType: "",
+            fieldName: "street-address",
+          },
+          {
+            section: "",
+            addressType: "",
+            contactType: "",
+            fieldName: "address-level2",
+          },
+          {
+            section: "",
+            addressType: "",
+            contactType: "",
+            fieldName: "country",
+          },
+        ],
+      },
+      {
+        input: {
+          section: "",
+          addressType: "",
+          contactType: "",
+          fieldName: "street-address",
+        },
+        formId: "form3",
+        form: [
+          {
+            section: "",
+            addressType: "",
+            contactType: "",
+            fieldName: "street-address",
+          },
+          { section: "", addressType: "", contactType: "", fieldName: "email" },
+          { section: "", addressType: "", contactType: "", fieldName: "tel" },
+        ],
+      },
+    ],
+  },
+];
+
+function inputDetailAssertion(detail, expected) {
+  Assert.equal(detail.section, expected.section);
+  Assert.equal(detail.addressType, expected.addressType);
+  Assert.equal(detail.contactType, expected.contactType);
+  Assert.equal(detail.fieldName, expected.fieldName);
+  Assert.equal(detail.element, expected.elementWeakRef.deref());
+}
+
+TESTCASES.forEach(testcase => {
+  add_task(async function () {
+    info("Starting testcase: " + testcase.description);
+
+    let doc = MockDocument.createTestDocument(
+      "http://localhost:8080/test/",
+      testcase.document
+    );
+
+    for (let i in testcase.targetInput) {
+      let input = doc.getElementById(testcase.targetInput[i]);
+      FormAutofillContent.identifyAutofillFields(input);
+      FormAutofillContent.updateActiveInput(input);
+
+      // Put the input element reference to `element` to make sure the result of
+      // `activeFieldDetail` contains the same input element.
+      testcase.expectedResult[i].input.elementWeakRef = new WeakRef(input);
+
+      inputDetailAssertion(
+        FormAutofillContent.activeFieldDetail,
+        testcase.expectedResult[i].input
+      );
+
+      let formDetails = testcase.expectedResult[i].form;
+      for (let formDetail of formDetails) {
+        // Compose a query string to get the exact reference of <input>/<select>
+        // element, e.g. #form1 > *[autocomplete="street-address"]
+        let queryString =
+          "#" +
+          testcase.expectedResult[i].formId +
+          " > *[autocomplete=" +
+          formDetail.fieldName +
+          "]";
+        formDetail.elementWeakRef = new WeakRef(doc.querySelector(queryString));
+      }
+
+      FormAutofillContent.activeFormDetails.forEach((detail, index) => {
+        inputDetailAssertion(detail, formDetails[index]);
+      });
+    }
+  });
+});