Skip to content

GitLab

T
tangled
Commit b0da7fb2 authored by Yoshifumi Inoue's avatar Yoshifumi Inoue Committed by Commit Bot
Browse files
Options

Rewrite editing/execCommand/overtype.html to use selection_test() 

This patch changes "overtype.html" to utilize |selection_test()| for ease of
maintenance.

This patch is a preparation for the patch[1].

[1] http://crrev.com/c/737981 Introduce TextOffsetMapping to simplify
word/paragraph selection

Bug: 679977
Change-Id: I9a043b5537dc188a46984d62708ad98dcd9b933b
Reviewed-on: https://chromium-review.googlesource.com/897306Reviewed-by: default avatarYoichi Osato <yoichio@chromium.org>
Commit-Queue: Yoshifumi Inoue <yosin@chromium.org>
Cr-Commit-Position: refs/heads/master@{#533933}
parent e8c8b2bb
Hide whitespace changes
Inline Side-by-side
Showing with 113 additions and 202 deletions
third_party/WebKit/LayoutTests/editing/execCommand/overtype-expected.txt deleted 100644 → 0
View file @ e8c8b2bb
This is a test for Overwrite mode
These are the original contents:
| "
"
| <b>
| "foo"
| <a>
| href="http://www.google.com/"
| <div>
| id="linkText"
| "bar"
| "
"
After overwritting the first character:
| "
"
| <b>
| "F<#selection-caret>oo"
| <a>
| href="http://www.google.com/"
| <div>
| id="linkText"
| "bar"
| "
"
After inserting a blank:
| "
"
| <b>
| "F <#selection-caret>o"
| <a>
| href="http://www.google.com/"
| <div>
| id="linkText"
| "bar"
| "
"
After inserting a blank at the line end:
| "
"
| <b>
| "F o <#selection-caret>"
| <a>
| href="http://www.google.com/"
| <div>
| id="linkText"
| "bar"
| "
"
Overwrite at the end of a line performs as a normal Insert:
| "
"
| <b>
| "F o SOME MORE<#selection-caret>"
| <a>
| href="http://www.google.com/"
| <div>
| id="linkText"
| "bar"
| "
"
Overwritting works even if the inserted text is longer than the replaced text:
| "
"
| <b>
| "F o SOME MORE"
| <a>
| href="http://www.google.com/"
| <div>
| id="linkText"
| "BAR.BAR<#selection-caret>"
| "
"
Overwrite should create new text nodes on demand:
| "
"
| <b>
| "F o SOME MORE"
| <div>
| id="linkText"
| <a>
| href="http://www.google.com/"
| "BAR.BAR"
| <br>
| "TEXT IN NEW NODE<#selection-caret>"
| "
"
New plain text contents with an inner selection:
| "we<#selection-anchor>bk<#selection-focus>it"
Overwrite behaves like insert on range selections:
| "weBK<#selection-caret>it"
New CJK contents:
| "丠両丢丣"
Overwrite CJK text:
| "且且<#selection-caret>丢丣"
New RTL contents:
| <div>
| dir="rtl"
| id="rtl-div"
| "ℵℶℷℸ"
Overwrite RTL text:
| <div>
| dir="rtl"
| id="rtl-div"
| "אא<#selection-caret>ℷℸ"
console:
|
third_party/WebKit/LayoutTests/editing/execCommand/overtype.html
View file @ b0da7fb2
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<script type="text/javascript" src="../editing.js"></script>
<script src="../../resources/dump-as-markup.js"></script>
<div id="test" contenteditable="true">
<b>foo</b><a href="http://www.google.com/"><div id="linkText">bar</div></a>
</div>
<pre id="console"></pre>
<!doctype html>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../assert_selection.js"></script>
<script>
function log(message) {
var console = document.getElementById("console");
console.innerHTML += message + '\n';
function enableOverwriteMode(selection) {
if (!window.internals)
throw 'This test requires internals.toggleOverwriteModeEnabled()';
internals.toggleOverwriteModeEnabled(selection.document);
}
if (!window.internals)
log("FAILED: this test requires the 'internals' object.");
else {
Markup.description('This is a test for Overwrite mode');
var element = document.getElementById("test");
var selection = window.getSelection();
Markup.dump(element, 'These are the original contents');
selection.collapse(element, 0);
internals.toggleOverwriteModeEnabled(document);
document.execCommand("InsertText", false, 'F');
Markup.dump(element, 'After overwritting the first character');
document.execCommand("InsertText", false, ' ');
Markup.dump(element, 'After inserting a blank');
moveSelectionForwardByCharacterCommand();
document.execCommand("InsertText", false, ' ');
Markup.dump(element, 'After inserting a blank at the line end');
document.execCommand("InsertText", false, 'SOME MORE');
Markup.dump(element, 'Overwrite at the end of a line performs as a normal Insert');
selection.collapse(document.getElementById("linkText"), 0);
document.execCommand("InsertText", false, 'BAR.BAR');
Markup.dump(element, 'Overwritting works even if the inserted text is longer than the replaced text');
moveSelectionForwardByWordCommand();
document.execCommand("InsertLineBreak");
document.execCommand("InsertText", false, 'TEXT IN NEW NODE');
Markup.dump(element, 'Overwrite should create new text nodes on demand');
element.innerHTML = "webkit";
selection.collapse(element, 0);
for (i = 0; i < 2; i++)
moveSelectionForwardByCharacterCommand();
for (i = 0; i < 2; i++)
extendSelectionForwardByCharacterCommand();
Markup.dump(element, 'New plain text contents with an inner selection');
document.execCommand("InsertText", false, 'BK');
Markup.dump(element, 'Overwrite behaves like insert on range selections');
element.innerHTML = "&#x4E20;&#x4E21;&#x4E22;&#x4E23;";
selection.removeAllRanges();
Markup.dump(element, 'New CJK contents');
selection.collapse(element, 0);
document.execCommand("InsertText", false, '\u4E14\u4E14');
Markup.dump(element, 'Overwrite CJK text');
element.innerHTML="<div id=\"rtl-div\" dir=\"rtl\">&aleph;&beth;&gimel;&daleth;</div>"
selection.removeAllRanges();
Markup.dump(element, 'New RTL contents');
selection.collapse(element, 0);
document.execCommand("InsertText", false, '\u05d0\u05d0');
Markup.dump(element, 'Overwrite RTL text');
}
Markup.dump('console', 'console');
// Verfiy in bold
selection_test(
'<div contenteditable><b>|abc</b></div>',
selection => {
enableOverwriteMode(selection);
selection.document.execCommand('insertText', false, 'A');
},
'<div contenteditable><b>A|bc</b></div>',
'1 Overwrite the first character');
selection_test(
'<div contenteditable><b>a|bc</b></div>',
selection => {
enableOverwriteMode(selection);
selection.document.execCommand('insertText', false, ' ');
},
'<div contenteditable><b>a |c</b></div>',
'2 Insert a space');
selection_test(
'<div contenteditable><b>abc|</b></div>',
selection => {
enableOverwriteMode(selection);
selection.document.execCommand('insertText', false, ' ');
},
'<div contenteditable><b>abc\u00A0|</b></div>',
'3 Insert a space at end of line');
selection_test(
'<div contenteditable><b>abc|</b></div>',
selection => {
enableOverwriteMode(selection);
selection.document.execCommand('insertText', false, 'XYZ');
},
'<div contenteditable><b>abcXYZ|</b></div>',
'4 Insert more at end of line');
selection_test(
'<div contenteditable><b>abc|</b></div>',
selection => {
enableOverwriteMode(selection);
selection.document.execCommand('insertText', false, 'XYZ');
},
'<div contenteditable><b>abcXYZ|</b></div>',
'5 Insert more at end of line');
// Verfiy for anchor text
selection_test(
'<div contenteditable><a href="http://foo"><div>|abc</div></a></div>',
selection => {
enableOverwriteMode(selection);
selection.document.execCommand('insertText', false, 'ABC+XYZ');
},
'<div contenteditable><a href="http://foo"><div>ABC+XYZ|</div></a></div>',
'Link-1 Overwrite longer than existing text');
selection_test(
'<div contenteditable><a href="http://foo"><div>abc|</div></a></div>',
selection => {
enableOverwriteMode(selection);
selection.document.execCommand('insertLineBreak');
},
'<div contenteditable><div><a href="http://foo">abc</a><br>|<br></div></div>',
'Link-2 Insert line break');
selection_test(
'<div contenteditable><div><a href="http://foo">abc</a><br>|<br></div></div>',
selection => {
enableOverwriteMode(selection);
selection.document.execCommand('insertText', false, 'XYZ');
},
'<div contenteditable><div><a href="http://foo">abc</a><br>XYZ|</div></div>',
'Link-3 Insert after BR');
// Misc
selection_test(
'<div contenteditable>^abc|def</div>',
selection => {
enableOverwriteMode(selection);
selection.document.execCommand('insertText', false, 'XY');
},
'<div contenteditable>XY|def</div>',
'Misc-1 Overwrite in range');
selection_test(
'<div contenteditable>|\u4E20\u4E21\u4E22\u4E23</div>',
selection => {
enableOverwriteMode(selection);
selection.document.execCommand('insertText', false, '\u4E14\u4E15');
},
'<div contenteditable>\u4E14\u4E15|\u4E22\u4E23</div>',
'Misc-2 Overwrite in CJK');
const kAleph = '\u2135';
const kBeth = '\u2136';
const kGimel = '\u2137';
const kDaleth = '\u2138';
selection_test(
`<div contenteditable dir="rtl">|${kAleph}${kBeth}${kGimel}${kDaleth}</div>`,
selection => {
enableOverwriteMode(selection);
selection.document.execCommand('insertText', false, '\u05d0\u05d1');
},
`<div contenteditable dir="rtl">\u05d0\u05d1|${kGimel}${kDaleth}</div>`,
'Misc-3 Overwrite in RTL');
</script>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment