Merge pull request #474 from mozilla/Hani/address_autofill_name_org

Hani/Demo ad test for Verify Autofill functionality when selecting an entry from the dropdown for name/org fields

Author: sv-hyacoub

SELECTOR_INFO.md

@@ -1182,6 +1182,69 @@ Description: "Submit" button
 Location: At the bottom of the autofill address demo page - https://mozilla.github.io/form-fill-examples/basic.html
 Path to .json: modules/data/address_fill.components.json
 ```
+```
+Selector Name: name-field
+Selector Data: "input[autocomplete=name]"
+Description: Name field
+Location: Name field on autofill address demo page - https://mozilla.github.io/form-fill-examples/basic.html
+Path to .json: modules/data/address_fill.components.json
+```
+```
+Selector Name: org-field
+Selector Data: "input[autocomplete=organization]"
+Description: Organization field
+Location: Organization field on autofill address demo page - https://mozilla.github.io/form-fill-examples/basic.html
+Path to .json: modules/data/address_fill.components.json
+```
+```
+Selector Name: street-field
+Selector Data: "input[autocomplete=street-address]"
+Description: Street field
+Location: Street field on autofill address demo page - https://mozilla.github.io/form-fill-examples/basic.html
+Path to .json: modules/data/address_fill.components.json
+```
+```
+Selector Name: add-level2-field
+Selector Data: "input[autocomplete=address-level2]"
+Description: Address level 2 field
+Location: Address level 2 field on autofill address demo page - https://mozilla.github.io/form-fill-examples/basic.html
+Path to .json: modules/data/address_fill.components.json
+```
+```
+Selector Name: add-level1-field
+Selector Data: "input[autocomplete=address-level1]"
+Description: Address level 1 field
+Location: Address level 1 field on autofill address demo page - https://mozilla.github.io/form-fill-examples/basic.html
+Path to .json: modules/data/address_fill.components.json
+```
+```
+Selector Name: zip-field
+Selector Data: "input[autocomplete=postal-code]"
+Description: Zip field
+Location: Zip field on autofill address demo page - https://mozilla.github.io/form-fill-examples/basic.html
+Path to .json: modules/data/address_fill.components.json
+```
+```
+Selector Name: country-field
+Selector Data: "input[autocomplete=country]"
+Description: Country field
+Location: Country field on autofill address demo page - https://mozilla.github.io/form-fill-examples/basic.html
+Path to .json: modules/data/address_fill.components.json
+```
+```
+Selector Name: email-field
+Selector Data: "input[autocomplete=email]"
+Description: Email field
+Location: Email field on autofill address demo page - https://mozilla.github.io/form-fill-examples/basic.html
+Path to .json: modules/data/address_fill.components.json
+```
+```
+Selector Name: phone-field
+Selector Data: "input[autocomplete=tel]"
+Description: Phone field
+Location: Phone field on autofill address demo page - https://mozilla.github.io/form-fill-examples/basic.html
+Path to .json: modules/data/address_fill.components.json
+```
 #### amo_languages
 ```
 Selector Name: language-addons-title

l10n_CM/Unified/test_demo_ad_autofill_name_org.py

@@ -0,0 +1,53 @@
+import pytest
+from selenium.webdriver import Firefox
+
+from modules.browser_object_autofill_popup import AutofillPopup
+from modules.page_object_autofill import AddressFill
+from modules.util import Utilities
+
+
+@pytest.fixture()
+def test_case():
+    return "2888558"
+
+
+def test_demo_ad_autofill_name_org(driver: Firefox, region: str):
+    """
+    C2888558 - Verify Autofill functionality when selecting an entry from the dropdown for name/org fields
+    """
+    # Instantiate objects
+    address_autofill = AddressFill(driver)
+    address_autofill_popup = AutofillPopup(driver)
+    util = Utilities()
+
+    # Create fake data and fill it in
+    address_autofill.open()
+    address_autofill_data = util.fake_autofill_data(region)
+    address_autofill.save_information_basic(address_autofill_data)
+
+    # Click the "Save" button
+    address_autofill_popup.click_doorhanger_button("save")
+
+    # Double inside Name field and select a saved address entry from the dropdown
+    address_autofill.double_click("form-field", labels=["name"])
+
+    # Click on the first element from the autocomplete dropdown
+    first_item = address_autofill_popup.get_nth_element(1)
+    address_autofill_popup.click_on(first_item)
+
+    # Verify autofill data
+    address_autofill.verify_autofill_data(address_autofill_data, region, util)
+
+    # Double inside Name field and select clear form autofill
+    address_autofill.double_click("form-field", labels=["name"])
+    address_autofill_popup.click_clear_form_option()
+
+    # Double inside Organization field and select a saved address entry from the dropdown
+    address_autofill.double_click("form-field", labels=["organization"])
+
+    # Click on the first element from the autocomplete dropdown
+    first_item = address_autofill_popup.get_nth_element(1)
+    address_autofill_popup.click_on(first_item)
+
+    # Verify autofill data
+    address_autofill.verify_autofill_data(address_autofill_data, region, util)

l10n_CM/region/CA.json

@@ -4,10 +4,11 @@
         "test_demo_cc_doorhanger_shown_on_valid_credit_card_submission.py",
         "test_demo_cc_add_new_credit_card.py",
         "test_demo_ad_doorhanger_shown_on_valid_address_submission.py",
-        "test_demo_ad_email_phone_captured_in_doorhanger_and_stored.py",
         "test_demo_ad_name_org_captured_in_doorhanger_and_stored.py",
         "test_demo_ad_address_data_captured_in_doorhanger_and_stored.py",
         "test_demo_cc_dropdown-presence.py",
-        "test_demo_cc_clear_form.py"
+        "test_demo_cc_clear_form.py",
+        "test_demo_cc_dropdown-presence.py",
+        "test_demo_ad_autofill_name_org.py"
     ]
 }

l10n_CM/region/DE.json

@@ -4,10 +4,11 @@
         "test_demo_cc_doorhanger_shown_on_valid_credit_card_submission.py",
         "test_demo_cc_add_new_credit_card.py",
         "test_demo_ad_doorhanger_shown_on_valid_address_submission.py",
-        "test_demo_ad_email_phone_captured_in_doorhanger_and_stored.py",
         "test_demo_ad_name_org_captured_in_doorhanger_and_stored.py",
         "test_demo_cc_dropdown-presence.py",
         "test_demo_ad_address_data_captured_in_doorhanger_and_stored.py",
+        "test_demo_ad_autofill_name_org.py",
+        "test_demo_ad_address_data_captured_in_doorhanger_and_stored.py",
         "test_demo_cc_clear_form.py"
     ]
 }

l10n_CM/region/FR.json

@@ -6,8 +6,10 @@
         "test_demo_ad_doorhanger_shown_on_valid_address_submission.py",
         "test_demo_ad_name_org_captured_in_doorhanger_and_stored.py",
         "test_demo_cc_dropdown-presence.py",
+        "test_demo_ad_address_data_captured_in_doorhanger_and_stored.py",
+        "test_demo_ad_autofill_name_org.py",
         "test_demo_ad_email_phone_captured_in_doorhanger_and_stored.py",
-        "test_demo_cc_dropdown-presence.py"
+        "test_demo_cc_dropdown-presence.py",
         "test_demo_cc_clear_form.py"
     ]
 }

l10n_CM/region/US.json

@@ -6,8 +6,10 @@
         "test_demo_ad_doorhanger_shown_on_valid_address_submission.py",
         "test_demo_ad_name_org_captured_in_doorhanger_and_stored.py",
         "test_demo_cc_dropdown-presence.py",
+        "test_demo_ad_address_data_captured_in_doorhanger_and_stored.py",
+        "test_demo_ad_autofill_name_org.py",
         "test_demo_ad_email_phone_captured_in_doorhanger_and_stored.py",
-        "test_demo_cc_dropdown-presence.py"
+        "test_demo_cc_dropdown-presence.py",
         "test_demo_cc_clear_form.py"
     ]
 }

modules/data/address_fill.components.json

@@ -10,5 +10,59 @@
         "selectorData": "input[type='{name}']",
         "strategy": "css",
         "groups": []
+    },
+
+    "name-field": {
+        "selectorData": "input[autocomplete=name]",
+        "strategy": "css",
+        "groups": []
+    },
+
+    "org-field": {
+        "selectorData": "input[autocomplete=organization]",
+        "strategy": "css",
+        "groups": []
+    },
+
+    "street-field": {
+        "selectorData": "input[autocomplete=street-address]",
+        "strategy": "css",
+        "groups": []
+    },
+
+    "add-level2-field": {
+        "selectorData": "input[autocomplete=address-level2]",
+        "strategy": "css",
+        "groups": []
+    },
+
+    "add-level1-field": {
+        "selectorData": "input[autocomplete=address-level1]",
+        "strategy": "css",
+        "groups": []
+    },
+
+    "zip-field": {
+        "selectorData": "input[autocomplete=postal-code]",
+        "strategy": "css",
+        "groups": []
+    },
+
+    "country-field": {
+        "selectorData": "input[autocomplete=country]",
+        "strategy": "css",
+        "groups": []
+    },
+
+    "email-field": {
+        "selectorData": "input[autocomplete=email]",
+        "strategy": "css",
+        "groups": []
+    },
+
+    "phone-field": {
+        "selectorData": "input[autocomplete=tel]",
+        "strategy": "css",
+        "groups": []
     }
 }

modules/page_object_autofill.py

@@ -414,6 +414,59 @@ def send_keys_to_element(self, name: str, label: str, keys: str):
         elem.clear()
         elem.send_keys(new_value)
 
+    def verify_autofill_data(self, autofill_data: AutofillAddressBase, region: str, util: Utilities):
+        """
+        Verifies that the autofill data matches the expected values.
+
+        :param autofill_data: AutofillAddressBase object containing expected data.
+        :param region: The region code (e.g., "US", "DE", "FR").
+        :param util: Utilities instance to normalize values.
+        """
+        field_mapping = {
+            "Name": "name-field",
+            "Organization": "org-field",
+            "Street Address": "street-field",
+            "City": "add-level2-field",
+            "State": "add-level1-field",
+            "ZIP Code": "zip-field",
+            "Country": "country-field",
+            "Email": "email-field",
+            "Phone": "phone-field",
+        }
+
+        # Get actual values from web elements
+        actual_values = {
+            field: self.get_element(locator).get_attribute("value")
+            for field, locator in field_mapping.items()
+        }
+
+        # Get expected values from autofill data
+        expected_values = {
+            "Name": autofill_data.name,
+            "Organization": autofill_data.organization,
+            "Street Address": autofill_data.street_address,
+            "City": autofill_data.address_level_2,
+            "State": autofill_data.address_level_1,
+            "ZIP Code": autofill_data.postal_code,
+            "Country": autofill_data.country,
+            "Email": autofill_data.email,
+            "Phone": util.normalize_phone_number(autofill_data.telephone),
+        }
+
+        # Validate each field
+        for field, expected in expected_values.items():
+            actual = actual_values[field]
+
+            # Skip State verification for DE and FR
+            if field == "State" and region in ["DE", "FR"]:
+                continue
+
+            # Normalize phone numbers before comparison
+            if field == "Phone":
+                actual = util.normalize_phone_number(actual)
+
+            assert actual == expected, f"Mismatch in {field}: Expected '{expected}', but got '{actual}'"
+
 
 class TextAreaFormAutofill(Autofill):
     """