Gedichte Musik Bilder Quellcodebibliothek Diashow Normaldarstellung
Quellcodebibliothek Statistik Leitseite products/Sources/formale Sprachen/C/Firefox/editor/libeditor/tests/   (Browser von der Mozilla Stiftung Version 136.0.1©)  Datei vom 10.2.2025 mit Größe 4 kB image not shown  

SSL test_bug677752.html   Interaktion und
PortierbarkeitHTML

 
 products/Sources/formale Sprachen/C/Firefox/editor/libeditor/tests/test_bug677752.html


<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=677752
-->
<head>
  <title>Test for Bug 677752</title>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <script src="/tests/SimpleTest/EventUtils.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=677752">Mozilla Bug 677752</a>
<p id="display"></p>
<div id="content">
  <section contenteditable> foo bar </section>
  <div contenteditable> foo bar </div>
  <p contenteditable> foo bar </p>
</div>

<pre id="test">
<script type="application/javascript">

/** Test for Bug 677752 **/
SimpleTest.waitForExplicitFinish();
SimpleTest.waitForFocus(runTests);

function selectEditor(aEditor) {
  aEditor.focus();
  var selection = window.getSelection();
  selection.selectAllChildren(aEditor);
  selection.collapseToStart();
}

function runTests() {
  var editor, node, initialHTML;
  document.execCommand("styleWithCSS", false, true);

  // editable <section>
  editor = document.querySelector("section[contenteditable]");
  initialHTML = editor.innerHTML;
  selectEditor(editor);
  // editable <section>: justify
  document.execCommand("justifyright", false, null);
  node = editor.querySelector("*");
  is(node.nodeName.toLowerCase(), "div", "'justifyright' should create a
in the editable
.");
  is(node.style.textAlign, "right", "'justifyright' should create a 'text-align: right' CSS rule.");
  document.execCommand("undo", false, null);
  // editable <section>: indent
  document.execCommand("indent", false, null);
  node = editor.querySelector("*");
  is(node.nodeName.toLowerCase(), "div", "'indent' should create a
in the editable
.");
  is(node.style.marginLeft, "40px", "'indent' should create a 'margin-left: 40px' CSS rule.");
  // editable <section>: undo with outdent
  // this should remove the whole <div> but only removing the CSS rule would be acceptable, too
  document.execCommand("outdent", false, null);
  is(editor.innerHTML, initialHTML, "'outdent' should undo the 'indent' action.");
  // editable <section>: outdent again
  document.execCommand("outdent", false, null);
  is(editor.innerHTML, initialHTML, "another 'outdent' should not modify the
element.");

  // editable <div>
  editor = document.querySelector("div[contenteditable]");
  initialHTML = editor.innerHTML;
  selectEditor(editor);
  // editable <div>: justify
  document.execCommand("justifyright", false, null);
  node = editor.querySelector("*");
  is(node.nodeName.toLowerCase(), "div", "'justifyright' should create a
in the editable
.");
  is(node.style.textAlign, "right", "'justifyright' should create a 'text-align: right' CSS rule.");
  document.execCommand("undo", false, null);
  // editable <div>: indent
  document.execCommand("indent", false, null);
  node = editor.querySelector("*");
  is(node.nodeName.toLowerCase(), "div", "'indent' should create a
in the editable
.");
  is(node.style.marginLeft, "40px", "'indent' should create a 'margin-left: 40px' CSS rule.");
  // editable <div>: undo with outdent
  // this should remove the whole <div> but only removing the CSS rule would be acceptable, too
  document.execCommand("outdent", false, null);
  is(editor.innerHTML, initialHTML, "'outdent' should undo the 'indent' action.");
  // editable <div>: outdent again
  document.execCommand("outdent", false, null);
  is(editor.innerHTML, initialHTML, "another 'outdent' should not modify the
element.");

  // editable <p>
  // all block-level commands should be ignored (<p><div/></p> is not valid)
  editor = document.querySelector("p[contenteditable]");
  initialHTML = editor.innerHTML;
  selectEditor(editor);
  // editable <p>: justify
  document.execCommand("justifyright", false, null);
  is(editor.innerHTML, initialHTML, "'justifyright' should have no effect on

.");
  // editable <p>: indent
  document.execCommand("indent", false, null);
  is(editor.innerHTML, initialHTML, "'indent' should have no effect on

.");
  // editable <p>: outdent
  document.execCommand("outdent", false, null);
  is(editor.innerHTML, initialHTML, "'outdent' should have no effect on

.");

  // done
  SimpleTest.finish();
}

</script>
</pre>
</body>
</html>

100%


¤ Diese beiden folgenden Angebotsgruppen bietet das Unternehmen0.24Angebot  Wie Sie bei der Firma Beratungs- und Dienstleistungen beauftragen können  ¤

*Eine klare Vorstellung vom Zielzustand




Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung ist noch experimentell.