tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

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 });