| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 .editing { | 5 .editing { |
| 6 border: 2px solid red; | 6 border: 2px solid red; |
| 7 padding: 12px; | 7 padding: 12px; |
| 8 font-size: 24px; | 8 font-size: 24px; |
| 9 } | 9 } |
| 10 </style> | 10 </style> |
| 11 <script src="../editing.js" language="JavaScript" type="text/JavaScript" ></scri
pt> | 11 <script src="../editing.js" language="JavaScript" type="text/JavaScript" ></scri
pt> |
| 12 <script src="../../resources/js-test.js"></script> | 12 <script src="../../resources/js-test.js"></script> |
| 13 </head> | 13 </head> |
| 14 <body> | 14 <body> |
| 15 <div id="container"></div> | 15 <div id="container"></div> |
| 16 <script> | 16 <script> |
| 17 description("Tests spelling and grammar markers for misspellings."); | 17 description("Tests spelling markers for misspellings."); |
| 18 | 18 |
| 19 jsTestIsAsync = true; | 19 jsTestIsAsync = true; |
| 20 | 20 |
| 21 if (window.internals) | 21 if (window.internals) |
| 22 internals.settings.setUnifiedTextCheckerEnabled(true); | 22 internals.settings.setUnifiedTextCheckerEnabled(true); |
| 23 | 23 |
| 24 function createEditableElement(parent) { | 24 function createEditableElement(parent) { |
| 25 var e = document.createElement('div'); | 25 var e = document.createElement('div'); |
| 26 e.setAttribute("contentEditable", "true"); | 26 e.setAttribute("contentEditable", "true"); |
| 27 e.className = 'editing'; | 27 e.className = 'editing'; |
| 28 | 28 |
| 29 parent.appendChild(e); | 29 parent.appendChild(e); |
| 30 return e; | 30 return e; |
| 31 } | 31 } |
| 32 | 32 |
| 33 function typeText(elem, text) { | 33 function typeText(elem, text) { |
| 34 elem.focus(); | 34 elem.focus(); |
| 35 for (var i = 0; i < text.length; ++i) | 35 for (var i = 0; i < text.length; ++i) |
| 36 typeCharacterCommand(text[i]); | 36 typeCharacterCommand(text[i]); |
| 37 } | 37 } |
| 38 | 38 |
| 39 var container = document.getElementById('container'); | 39 var container = document.getElementById('container'); |
| 40 | 40 |
| 41 var elementWithGrammarIssue = createEditableElement(container); | |
| 42 typeText(elementWithGrammarIssue, 'I have a issue.'); | |
| 43 | |
| 44 var elementWithSpellingIssue = createEditableElement(container); | 41 var elementWithSpellingIssue = createEditableElement(container); |
| 45 typeText(elementWithSpellingIssue, 'zz.'); | 42 typeText(elementWithSpellingIssue, 'zz.'); |
| 46 | 43 |
| 47 var elementWithGrammarAndSpellingIssue = createEditableElement(container); | 44 var elementAlsoWithSpellingIssue = createEditableElement(container); |
| 48 typeText(elementWithGrammarAndSpellingIssue, 'orange,zz,apple.'); | 45 typeText(elementAlsoWithSpellingIssue, 'orange,zz,apple.'); |
| 49 | 46 |
| 50 var element; | 47 var element; |
| 51 var next; | 48 var next; |
| 52 | 49 |
| 53 function verifyMarkers(e, misspellings) { | 50 function verifyMarkers(e, misspellings) { |
| 54 if (!window.internals) | 51 if (!window.internals) |
| 55 return done(); | 52 return done(); |
| 56 | 53 |
| 57 var n = misspellings.shift(); | 54 var n = misspellings.shift(); |
| 58 element = e; | 55 element = e; |
| 59 next = n; | 56 next = n; |
| 60 if (next) { | 57 if (next) { |
| 61 shouldBecomeEqual('internals.markerCountForNode(element.firstChild, next
.marker)', '1', function() { | 58 shouldBecomeEqual('internals.markerCountForNode(element.firstChild, next
.marker)', '1', function() { |
| 62 range = internals.markerRangeForNode(element.firstChild, next.marker
, 0); | 59 range = internals.markerRangeForNode(element.firstChild, next.marker
, 0); |
| 63 shouldBe('range.toString()', 'next.issue'); | 60 shouldBe('range.toString()', 'next.issue'); |
| 64 verifyMarkers(element, misspellings); | 61 verifyMarkers(element, misspellings); |
| 65 }); | 62 }); |
| 66 } else | 63 } else |
| 67 done(); | 64 done(); |
| 68 } | 65 } |
| 69 | 66 |
| 70 var misspellings = [ | 67 var misspellings = [ |
| 71 { marker:'grammar', issue:'a' }, | |
| 72 { marker:'spelling', issue:'zz' }, | 68 { marker:'spelling', issue:'zz' }, |
| 73 { marker:'grammar', issue:'orange,zz,apple.' } | |
| 74 ]; | 69 ]; |
| 75 | 70 |
| 76 var tests = [ | 71 var tests = [ |
| 77 function() { verifyMarkers(elementWithGrammarIssue, misspellings.slice(0, 1)
) }, | 72 function() { verifyMarkers(elementWithSpellingIssue, misspellings.slice(0, 1
)) }, |
| 78 function() { verifyMarkers(elementWithSpellingIssue, misspellings.slice(1, 2
)) }, | 73 function() { verifyMarkers(elementAlsoWithSpellingIssue, misspellings.slice(
0, 1)) }, |
| 79 function() { verifyMarkers(elementWithGrammarAndSpellingIssue, misspellings.
slice(1, 3)) }, | |
| 80 ]; | 74 ]; |
| 81 | 75 |
| 82 function done() | 76 function done() |
| 83 { | 77 { |
| 84 var next = tests.shift(); | 78 var next = tests.shift(); |
| 85 if (next) | 79 if (next) |
| 86 return window.setTimeout(next, 0); | 80 return window.setTimeout(next, 0); |
| 87 | 81 |
| 88 finishJSTest(); | 82 finishJSTest(); |
| 89 } | 83 } |
| 90 done(); | 84 done(); |
| 91 </script> | 85 </script> |
| 92 </body> | 86 </body> |
| 93 </html> | 87 </html> |
| OLD | NEW |