src/third_party/WebKit/LayoutTests/editing/execCommand/script-tests/query-format-block.js

   1 description("Tests queryCommandValue('formatBlock')")
   2
   3 var testContainer = document.createElement("span");
   4 testContainer.contentEditable = true;
   5 document.body.appendChild(testContainer);
   6
   7 function queryFormatBlock(selector, content, expected)
   8 {
   9     testContainer.innerHTML = content;
  10     var selected = selector(testContainer);
  11     var actual = document.queryCommandValue('formatBlock');
  12     var action = "queryCommand('formatBlock') returned \"" + actual + '" selecting ' + selected + ' of "' + content + '"';
  13     if (actual == expected)
  14         testPassed(action);
  15     else
  16         testFailed(action + ' but expected "' + expected + '"');
  17 }
  18
  19 function selectFirstPosition(container) {
  20     while (container.firstChild)
  21         container = container.firstChild;
  22     window.getSelection().collapse(container, 0);
  23     return 'first position'
  24 }
  25
  26 function selectMiddleOfHelloWorld(container) {
  27     window.getSelection().collapse(container, 0);
  28     window.getSelection().modify('move', 'forward', 'character');
  29     window.getSelection().modify('move', 'forward', 'character');
  30     window.getSelection().modify('extend', 'forward', 'word');
  31     window.getSelection().modify('extend', 'forward', 'character');
  32     window.getSelection().modify('extend', 'forward', 'character');
  33     window.getSelection().modify('extend', 'forward', 'character');
  34     return '"llo wo"'
  35 }
  36
  37 debug('Basic cases');
  38 queryFormatBlock(function () {return 'none' }, 'hello', '');
  39 queryFormatBlock(selectFirstPosition, 'hello', '');
  40 queryFormatBlock(selectFirstPosition, '<div contenteditable="false"><h1 contenteditable>hello</h1></div>', '');
  41 queryFormatBlock(selectFirstPosition, '<h1 contenteditable="false"><span contenteditable>hello</span></h1>', '');
  42 queryFormatBlock(selectFirstPosition, '<div><h1 contenteditable="false"><span contenteditable>hello</span></h1></div>', '');
  43 queryFormatBlock(selectFirstPosition, '<div><header contenteditable="false"><h1 contenteditable>hello</h1></header></div>', '');
  44 queryFormatBlock(selectFirstPosition, '<a>hello</a>', '');
  45 queryFormatBlock(selectFirstPosition, '<abbr>hello</abbr>', '');
  46 queryFormatBlock(selectFirstPosition, '<acronym>hello</acronym>', '');
  47 queryFormatBlock(selectFirstPosition, '<b>hello</b>', '');
  48 queryFormatBlock(selectFirstPosition, '<bdo>hello</bdo>', '');
  49 queryFormatBlock(selectFirstPosition, '<big>hello</big>', '');
  50 queryFormatBlock(selectFirstPosition, '<button>hello</button>', '');
  51 queryFormatBlock(selectFirstPosition, '<caption>hello</caption>', '');
  52 queryFormatBlock(selectFirstPosition, '<center>hello</center>', '');
  53 queryFormatBlock(selectFirstPosition, '<cite>hello</cite>', '');
  54 queryFormatBlock(selectFirstPosition, '<code>hello</code>', '');
  55 queryFormatBlock(selectFirstPosition, '<del>hello</del>', '');
  56 queryFormatBlock(selectFirstPosition, '<dfn>hello</dfn>', '');
  57 queryFormatBlock(selectFirstPosition, '<dir>hello</dir>', '');
  58 queryFormatBlock(selectFirstPosition, '<em>hello</em>', '');
  59 queryFormatBlock(selectFirstPosition, '<form><fieldset>hello</fieldset></form>', '');
  60 queryFormatBlock(selectFirstPosition, '<font>hello</font>', '');
  61 queryFormatBlock(selectFirstPosition, '<form>hello</form>', '');
  62 queryFormatBlock(selectFirstPosition, '<i>hello</i>', '');
  63 queryFormatBlock(selectFirstPosition, '<kbd>hello</kbd>', '');
  64 queryFormatBlock(selectFirstPosition, '<label>hello</label>', '');
  65 queryFormatBlock(selectFirstPosition, '<legend>hello</legend>', '');
  66 queryFormatBlock(selectFirstPosition, '<ul><li>hello<li></ul>', '');
  67 queryFormatBlock(selectFirstPosition, '<menu>hello</menu>', '');
  68 queryFormatBlock(selectFirstPosition, '<ol>hello</ol>', '');
  69 queryFormatBlock(selectFirstPosition, '<q>hello</q>', '');
  70 queryFormatBlock(selectFirstPosition, '<s>hello</s>', '');
  71 queryFormatBlock(selectFirstPosition, '<samp>hello</samp>', '');
  72 queryFormatBlock(selectFirstPosition, '<small>hello</small>', '');
  73 queryFormatBlock(selectFirstPosition, '<span>hello</span>', '');
  74 queryFormatBlock(selectFirstPosition, '<strike>hello</strike>', '');
  75 queryFormatBlock(selectFirstPosition, '<strong>hello</strong>', '');
  76 queryFormatBlock(selectFirstPosition, '<sub>hello</sub>', '');
  77 queryFormatBlock(selectFirstPosition, '<sup>hello</sup>', '');
  78 queryFormatBlock(selectFirstPosition, '<table><td>hello</td></table>', '');
  79 queryFormatBlock(selectFirstPosition, '<table><th>hello</th></table>', '');
  80 queryFormatBlock(selectFirstPosition, '<tt>hello</tt>', '');
  81 queryFormatBlock(selectFirstPosition, '<u>hello</u>', '');
  82 queryFormatBlock(selectFirstPosition, '<ul>hello</ul>', '');
  83 queryFormatBlock(selectFirstPosition, '<var>hello</var>', '');
  84
  85 queryFormatBlock(selectFirstPosition, '<address>hello</address>', 'address');
  86 queryFormatBlock(selectFirstPosition, '<article>hello</article>', 'article');
  87 queryFormatBlock(selectFirstPosition, '<aside>hello</aside>', 'aside');
  88 queryFormatBlock(selectFirstPosition, '<blockquote>hello</blockquote>', 'blockquote');
  89 queryFormatBlock(selectFirstPosition, '<dd>hello</dd>', 'dd');
  90 queryFormatBlock(selectFirstPosition, '<dl><dd>hello</dd></dl>', 'dd');
  91 queryFormatBlock(selectFirstPosition, '<div>hello</div>', 'div');
  92 queryFormatBlock(selectFirstPosition, '<dl>hello</dl>', 'dl');
  93 queryFormatBlock(selectFirstPosition, '<dt>hello</dt>', 'dt');
  94 queryFormatBlock(selectFirstPosition, '<dl><dt>hello</dt></dl>', 'dt');
  95 queryFormatBlock(selectFirstPosition, '<footer>hello</footer>', 'footer');
  96 queryFormatBlock(selectFirstPosition, '<h1>hello</h1>', 'h1');
  97 queryFormatBlock(selectFirstPosition, '<h2>hello</h2>', 'h2');
  98 queryFormatBlock(selectFirstPosition, '<h3>hello</h3>', 'h3');
  99 queryFormatBlock(selectFirstPosition, '<h4>hello</h4>', 'h4');
 100 queryFormatBlock(selectFirstPosition, '<h5>hello</h5>', 'h5');
 101 queryFormatBlock(selectFirstPosition, '<h6>hello</h6>', 'h6');
 102 queryFormatBlock(selectFirstPosition, '<header>hello</header>', 'header');
 103 queryFormatBlock(selectFirstPosition, '<hgroup>hello</hgroup>', 'hgroup');
 104 queryFormatBlock(selectFirstPosition, '<main>hello</main>', 'main');
 105 queryFormatBlock(selectFirstPosition, '<nav>hello</nav>', 'nav');
 106 queryFormatBlock(selectFirstPosition, '<p>hello</p>', 'p');
 107 queryFormatBlock(selectFirstPosition, '<pre>hello</pre>', 'pre');
 108 queryFormatBlock(selectFirstPosition, '<section>hello</section>', 'section');
 109
 110 debug('');
 111 debug('Nested cases');
 112 queryFormatBlock(selectFirstPosition, '<h1><h2>hello</h2></h1>', 'h2');
 113 queryFormatBlock(selectFirstPosition, '<h1><address>hello</address></h1>', 'address');
 114 queryFormatBlock(selectFirstPosition, '<pre>hello<p>world</p></pre>', 'pre');
 115 queryFormatBlock(selectMiddleOfHelloWorld, '<pre>hello<p>world</p></pre>', 'pre');
 116 queryFormatBlock(selectMiddleOfHelloWorld, '<address><h1>hello</h1>world</address>', 'address');
 117 queryFormatBlock(selectMiddleOfHelloWorld, '<h1>hello</h1>world', '');
 118
 119 document.body.removeChild(testContainer);
 120 var successfullyParsed = true;