Merge branch 'main' into philimon/add-new-address

Author: Tracy-Walker

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/Unified/test_demo_ad_autofill_phone_email.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 "2888569"
+
+
+def test_demo_ad_autofill_phone_email(driver: Firefox, region: str):
+    """
+    C2888569 - Verify Autofill functionality when selecting an entry from the dropdown for tele/email 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 phone field and select a saved address entry from the dropdown
+    address_autofill.double_click("form-field", labels=["tel"])
+
+    # 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 phone field and select clear form autofill
+    address_autofill.double_click("form-field", labels=["tel"])
+    address_autofill_popup.click_clear_form_option()
+
+    # Double inside email field and select a saved address entry from the dropdown
+    address_autofill.double_click("form-field", labels=["email"])
+
+    # 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/Unified/test_demo_cc_yellow_highlight.py

@@ -0,0 +1,43 @@
+import pytest
+from selenium.webdriver import Firefox
+
+from modules.browser_object_autofill_popup import AutofillPopup
+from modules.page_object import AboutPrefs, CreditCardFill
+from modules.util import BrowserActions, Utilities
+
+
+@pytest.fixture()
+def test_case():
+    return "2886601"
+
+
+def test_cc_yellow_highlight(driver: Firefox):
+    """
+    C2886601 - Verify the yellow highlight appears on autofilled fields and make sure csv field is not highlighted
+    """
+
+    # Initialize objects
+    util = Utilities()
+    about_prefs = AboutPrefs(driver, category="privacy")
+    about_prefs_cc_popup = AboutPrefs(driver)
+    browser_action_obj = BrowserActions(driver)
+    credit_card_fill_obj = CreditCardFill(driver)
+    autofill_popup = AutofillPopup(driver)
+
+    # Save a credit card in about:preferences
+    about_prefs.open()
+    iframe = about_prefs.get_saved_payments_popup_iframe()
+    browser_action_obj.switch_to_iframe_context(iframe)
+    credit_card_sample_data = util.fake_credit_card_data()
+    about_prefs_cc_popup.click_on(
+        "panel-popup-button", labels=["autofill-manage-add-button"]
+    )
+    about_prefs.fill_cc_panel_information(credit_card_sample_data)
+
+    # Open the credit card fill form and trigger the autofill option
+    credit_card_fill_obj.open()
+    credit_card_fill_obj.click_on("form-field", labels=["cc-name"])
+    autofill_popup.click_autofill_form_option()
+
+    # Verify that all fields have the yellow highlight, except for the cc-csv field
+    credit_card_fill_obj.verify_field_yellow_highlights()

l10n_CM/region/US.json

@@ -1,4 +1,5 @@
 {
-  "region": "US",
-  "tests": []
+    "region": "US",
+    "tests": [
+    ]
 }

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": []
     }
 }