test_autofocus_form.html (2129B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Test basic autofill</title> 6 <script src="/tests/SimpleTest/SimpleTest.js"></script> 7 <script src="/tests/SimpleTest/EventUtils.js"></script> 8 <script type="text/javascript" src="formautofill_common.js"></script> 9 <script type="text/javascript" src="satchel_common.js"></script> 10 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> 11 </head> 12 <body> 13 Form autofill test: autocomplete on an autofocus form 14 15 <script> 16 /* import-globals-from ../../../../../toolkit/components/satchel/test/satchel_common.js */ 17 18 "use strict"; 19 20 let MOCK_STORAGE = [{ 21 organization: "Sesame Street", 22 "street-address": "123 Sesame Street.", 23 tel: "1-345-345-3456", 24 }, { 25 organization: "Mozilla", 26 "street-address": "331 E. Evelyn Avenue", 27 tel: "1-650-903-0800", 28 }]; 29 30 initPopupListener(); 31 32 async function setupAddressStorage() { 33 await addAddress(MOCK_STORAGE[0]); 34 await addAddress(MOCK_STORAGE[1]); 35 } 36 37 add_task(async function check_autocomplete_on_autofocus_field() { 38 await setupAddressStorage(); 39 synthesizeKey("KEY_ArrowDown"); 40 await expectPopup(); 41 checkMenuEntriesComment(MOCK_STORAGE.map(address => 42 makeAddressComment({ 43 primary: address.organization, 44 secondary: address["street-address"], 45 status: "Also autofills address, phone" 46 }) 47 ), 2); 48 }); 49 50 </script> 51 52 <p id="display"></p> 53 54 <div id="content"> 55 56 <form id="form1"> 57 <p>This is a basic form.</p> 58 <p><label>organization: <input id="organization" name="organization" autocomplete="organization" type="text"></label></p> 59 <script> 60 "use strict"; 61 // Focuses the input before DOMContentLoaded 62 document.getElementById("organization").focus(); 63 </script> 64 <p><label>streetAddress: <input id="street-address" name="street-address" autocomplete="street-address" type="text"></label></p> 65 <p><label>tel: <input id="tel" name="tel" autocomplete="tel" type="text"></label></p> 66 <p><label>country: <input id="country" name="country" autocomplete="country" type="text"></label></p> 67 </form> 68 69 </div> 70 71 <pre id="test"></pre> 72 </body> 73 </html>