test_ime_state_contenteditable_false.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title>Test for IME state with contenteditable=false (Bug 2031575)</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <link rel="stylesheet" href="/tests/SimpleTest/test.css">

</head>

<body>

<div id="container">

  <div tabindex="0" id="outer" data-description="contenteditable=inherit"

       data-ime-enabled="inDesignMode">

    contenteditable=inherit

  </div>

  <div contenteditable="true" id="editable" data-description="contenteditable"

       data-ime-enabled="always">

    contenteditable=true

    <div tabindex="0" contenteditable="false" id="inner"

      data-description="contenteditable=false"

      data-ime-enabled="never">

      contenteditable=false inside contenteditable=true

    </div>

  </div>

  <input id="input" value="input" data-description="input"

       data-ime-enabled="always">

</div>

<iframe srcdoc="<!DOCTYPE html>" id="iframe"></iframe>

<script>

"use strict";

function checkIMEStatus(element, isEnabled, description) {

  // eslint-disable-next-line mozilla/use-documentGlobal

  let elementWindow = element.ownerDocument.defaultView;

  let expected = isEnabled

   ? SpecialPowers.Ci.nsIDOMWindowUtils.IME_STATUS_ENABLED

   : SpecialPowers.Ci.nsIDOMWindowUtils.IME_STATUS_DISABLED;

  let got = SpecialPowers.wrap(elementWindow).windowUtils.IMEStatus;

  is(got, expected, `IME should be ${isEnabled ? "enabled" : "disabled"} when ${description} has focus`);

SimpleTest.waitForExplicitFinish();

SimpleTest.waitForFocus(async () => {

  let iframe = document.getElementById("iframe");

  let iframeDoc = iframe.contentDocument;

  // import test elements into iframe

  let imported = iframeDoc.importNode(document.getElementById("container"), true);

  iframeDoc.body.append(imported);

  for (let iframeKind of ["none", "focused", "unfocused"]) {

    let doc = iframeKind === "none" ? document : iframeDoc;

    for (let designMode of ["on", "off"]) {

      doc.designMode = designMode;

      for (let element of doc.querySelectorAll("[data-ime-enabled]")) {

        element.focus();

        let imeEnabled = element.dataset.imeEnabled;

        let expect = {

          inDesignMode: designMode === "on",

          always: true,

          never: false,

        }[imeEnabled];

        isnot(expect, undefined, `Invalid test (data-ime-enabled=${imeEnabled} should be one of always, never, inDesignMode)`);

        doc.defaultView.getSelection().collapse(element);

        if (iframeKind === "unfocused") {

          // IME should always be disabled if iframe is not focused

          expect = false;

          iframe.blur();

        } else if (iframeKind === "focused") {

          iframe.focus();

        let description = element.dataset.description + " element";

        if (designMode === "on") {

          description += " in design mode";

        if (iframeKind !== "none") {

          description += ` in ${iframeKind} iframe`;

        checkIMEStatus(element, expect, description);

        element.blur();

  SimpleTest.finish();

});

</script>