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
|
<!DOCTYPE html>
<html>
<head>
<title>EditContext: document.execCommand</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="../../clipboard-apis/resources/user-activation.js"></script>
</head>
<body>
<script>
promise_test(async function() {
const editContext = new EditContext();
const test = document.createElement("div");
document.body.appendChild(test);
let firedTextUpdate = false;
editContext.addEventListener("textupdate", e => {
firedTextUpdate = true;
});
test.editContext = editContext;
test.focus();
assert_true(document.queryCommandSupported("inserttext"), "'inserttext' should be supported regardless of focus position");
assert_false(document.queryCommandEnabled("inserttext"), "'inserttext' should not be supported in EditContext");
document.execCommand("inserttext", false, "a");
assert_equals(test.innerHTML, "", "DOM should not be updated from execCommand('inserttext')");
assert_false(firedTextUpdate, "textupdate should not fire for to execCommand('inserttext')");
test.remove();
}, 'document.execCommand("inserttext") should not change the DOM or fire textupdate');
promise_test(async function() {
const editContext = new EditContext();
const test = document.createElement("div");
test.innerHTML = "abc";
document.body.appendChild(test);
let firedTextUpdate = false;
editContext.addEventListener("textupdate", e => {
firedTextUpdate = true;
});
test.editContext = editContext;
test.focus();
assert_true(document.queryCommandSupported("bold"), "'bold' should be supported regardless of focus position");
assert_false(document.queryCommandEnabled("bold"), "'bold' should not be supported in EditContext");
document.execCommand("bold");
assert_equals(test.innerHTML, "abc", "DOM should not be updated from execCommand('bold')");
assert_false(firedTextUpdate, "textupdate should not fire for execCommand('bold')");
test.remove();
}, 'document.execCommand("bold") should not change the DOM or fire textupdate');
promise_test(async function() {
const editContext = new EditContext();
const test = document.createElement("div");
test.innerHTML = "<b>ab</b>c";
document.body.appendChild(test);
let firedTextUpdate = false;
editContext.addEventListener("textupdate", e => {
firedTextUpdate = true;
});
test.editContext = editContext;
const selection = window.getSelection();
selection.setBaseAndExtent(test.firstChild.firstChild, 0, test.firstChild.firstChild, 1);
assert_false(document.queryCommandState("bold"), "queryCommandState should always return false in EditContext");
assert_equals(document.queryCommandValue("bold"), "false", "queryCommandValue should always return 'false' in EditContext for commands that return booleans");
assert_equals(document.queryCommandValue("forecolor"), "", "queryCommandValue should always return empty string in EditContext for commands that return strings");
selection.setBaseAndExtent(test.firstChild.firstChild, 1, test.lastChild, 1);
assert_false(document.queryCommandIndeterm("bold"), "'queryCommandInterm should always return false in EditContext");
test.remove();
}, 'queryCommandState, queryCommandvalue, and queryCommandInterm should always return false');
promise_test(async function() {
const editContext = new EditContext();
const test = document.createElement("div");
test.innerHTML = "abc";
document.body.appendChild(test);
let firedTextUpdate = false;
editContext.addEventListener("textupdate", e => {
firedTextUpdate = true;
});
test.editContext = editContext;
test.focus();
const selection = window.getSelection();
selection.setBaseAndExtent(test.firstChild, 0, test.firstChild, 1);
await test_driver.set_permission({name: 'clipboard-read'}, 'granted');
assert_true(document.execCommand("copy"), "'copy' always returns true regardless of whether it did anything");
await waitForUserActivation();
let clipboardText = await navigator.clipboard.readText();
assert_equals(clipboardText, "a", "'copy' should work in EditContext");
selection.setBaseAndExtent(test.firstChild, 1, test.firstChild, 2);
assert_true(document.execCommand("cut"), "'cut' always returns true regardless of whether it did anything");
assert_equals(test.innerHTML, "abc", "DOM should not be updated from execCommand('cut')");
await waitForUserActivation();
clipboardText = await navigator.clipboard.readText();
assert_equals(clipboardText, "a", "Failed 'cut' should not change clipboard");
test.remove();
}, 'document.execCommand("copy") should work but document.execCommand("cut") should not change the DOM or the clipboard');
</script>
</body>
</html>
|
