1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
|
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test for Bug 1644511</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css">
<style>
[contenteditable] {
padding: .5em 40%;
}
</style>
<div id="host" contenteditable="" dir="rtl">مرحبا عالم!<br>Hello World</div>
<button onclick="subtestLTR()"></button>
<script>
const caretMovementStyleFlag = "bidi.edit.caret_movement_style";
/**
* Can't use synthesizeKey("KEY_Arrow*") as it triggers
* nsFrameSelection::PhysicalMove() instead of CharacterMove() and thus
* suppresses the flag. See also Bug 1644489.
*/
function moveCaret(aRight, aSelect) {
const select = aSelect ? "selectChar" : "char";
const dir = aRight ? "Next" : "Previous";
SpecialPowers.doCommand(window, `cmd_${select}${dir}`);
}
/**
* Safer to directly select text node when the paragraph ends with LTR text as
* the left edge is the end of the paragraph and then also the start of the LTR
* text.
*/
function putCaretInLastLine(div) {
const { lastChild } = div;
getSelection().collapse(lastChild, 1); // Pass 1 because of bug 1645877
}
// LTR behavior should be always same regardless of the flag
function subtestLTR() {
putCaretInLastLine(host);
moveCaret(true, true);
is(getSelection().anchorOffset, 1, "Shift+ArrowRight should select from left");
is(getSelection().focusOffset, 2, "Shift+ArrowRight should select to right");
moveCaret(true, false);
is(getSelection().anchorOffset, 2, "Collapsing by ArrowRight should put the caret to the right side");
putCaretInLastLine(host);
moveCaret(true, true);
moveCaret(false, false);
is(getSelection().anchorOffset, 1, "Collapsing by ArrowLeft should put the caret to the left side");
}
async function testLogicalMovement() {
await SpecialPowers.pushPrefEnv({
set: [[caretMovementStyleFlag, 0]]
});
getSelection().collapse(host);
moveCaret(true, true);
is(getSelection().anchorOffset, 0, "Shift+ArrowRight should select from right");
is(getSelection().focusOffset, 1, "Shift+ArrowRight should select to left");
moveCaret(true, false);
is(getSelection().anchorOffset, 1, "Collapsing by ArrowRight should put the caret to the left side");
getSelection().collapse(host);
moveCaret(true, true);
moveCaret(false, false);
is(getSelection().anchorOffset, 0, "Collapsing by ArrowLeft should put the caret to the right side");
subtestLTR();
}
async function testVisualMovement() {
await SpecialPowers.pushPrefEnv({
set: [[caretMovementStyleFlag, 1]]
});
getSelection().collapse(host);
moveCaret(false, true);
is(getSelection().anchorOffset, 0, "Shift+ArrowLeft should select from right");
is(getSelection().focusOffset, 1, "Shift+ArrowLeft should select to left");
moveCaret(false, false);
is(getSelection().anchorOffset, 1, "Collapsing by ArrowLeft should put the caret to the left side");
getSelection().collapse(host);
moveCaret(false, true);
moveCaret(true, false);
is(getSelection().anchorOffset, 0, "Collapsing by ArrowRight should put the caret to the right side");
subtestLTR();
}
async function testHybridMovement() {
await SpecialPowers.pushPrefEnv({
set: [[caretMovementStyleFlag, 2]]
});
getSelection().collapse(host);
moveCaret(true, true);
is(getSelection().anchorOffset, 0, "Shift+ArrowRight should select from right");
is(getSelection().focusOffset, 1, "Shift+ArrowRight should select to left");
moveCaret(false, false);
is(getSelection().anchorOffset, 1, "Collapsing by ArrowLeft should put the caret to the left side");
getSelection().collapse(host);
moveCaret(true, true);
moveCaret(true, false);
is(getSelection().anchorOffset, 0, "Collapsing by ArrowRight should put the caret to the right side");
subtestLTR();
}
SimpleTest.waitForExplicitFinish();
SimpleTest.promiseFocus().then(async () => {
await testLogicalMovement();
await testVisualMovement();
await testHybridMovement();
SimpleTest.finish();
});
</script>
|
