browser_selectpopup_text_transform.js (1193B)
1 const PAGE = ` 2 <!doctype html> 3 <select style="text-transform: uppercase"> 4 <option>abc</option> 5 <option>defg</option> 6 </select> 7 `; 8 9 add_setup(async function () { 10 await SpecialPowers.pushPrefEnv({ 11 set: [["test.wait300msAfterTabSwitch", true]], 12 }); 13 }); 14 15 add_task(async function () { 16 await SpecialPowers.pushPrefEnv({ 17 set: [["dom.forms.select.customstyling", true]], 18 }); 19 const url = "data:text/html," + encodeURI(PAGE); 20 await BrowserTestUtils.withNewTab( 21 { 22 gBrowser, 23 url, 24 }, 25 async function () { 26 let popup = await openSelectPopup("click"); 27 let menuitems = popup.querySelectorAll("menuitem"); 28 is(menuitems[0].textContent, "abc", "Option text should be lowercase"); 29 is(menuitems[1].textContent, "defg", "Option text should be lowercase"); 30 31 let optionStyle = getComputedStyle(menuitems[0]); 32 is( 33 optionStyle.textTransform, 34 "uppercase", 35 "Option text should be transformed to uppercase" 36 ); 37 38 optionStyle = getComputedStyle(menuitems[1]); 39 is( 40 optionStyle.textTransform, 41 "uppercase", 42 "Option text should be transformed to uppercase" 43 ); 44 } 45 ); 46 });