OLD | NEW |
1 <!DOCTYPE html> <head> | 1 <!DOCTYPE html> <head> |
2 <script src="../resources/js-test.js"></script> | 2 <script src="../resources/js-test.js"></script> |
3 | 3 |
4 <!-- Richly editable elements. --> | 4 <!-- Richly editable elements. --> |
5 <div id="richly_editable1" contentEditable></div> | 5 <div id="richly_editable1" contentEditable></div> |
6 <div id="richly_editable2" contentEditable="true"></div> | 6 <div id="richly_editable2" contentEditable="true"></div> |
7 <div contentEditable> | 7 <div contentEditable> |
8 <p id="richly_editable3">Some text.</p> | 8 <p id="richly_editable3">Some text.</p> |
9 </div> | 9 </div> |
10 <div contentEditable="true"> | 10 <div contentEditable="true"> |
11 <p id="richly_editable4">Some text.</p> | 11 <p id="richly_editable4">Some text.</p> |
12 </div> | 12 </div> |
13 <iframe id="richly_editable5" | |
14 src="data:text/html,<html><body><p>Some text.</p></body></html>"> | |
15 </iframe> | |
16 | 13 |
17 <!-- Non-richly editable elements. --> | 14 <!-- Non-richly editable elements. --> |
18 <input id="non_richly_editable1" type="text" value="Some text."> | 15 <input id="non_richly_editable1" type="text" value="Some text."> |
19 <textarea id="non_richly_editable2"> | 16 <textarea id="non_richly_editable2"> |
20 Some text.</textarea> | 17 Some text.</textarea> |
21 <div id="non_richly_editable3" contentEditable="plaintext-only"></div> | 18 <div id="non_richly_editable3" contentEditable="plaintext-only"></div> |
22 <div id="non_richly_editable4" contentEditable style="-webkit-user-modify: read-
only;"></div> | 19 <div id="non_richly_editable4" contentEditable style="-webkit-user-modify: read-
only;"></div> |
23 <div contentEditable="plaintext-only"> | 20 <div contentEditable="plaintext-only"> |
24 <p id="non_richly_editable5">Some text.</p> | 21 <p id="non_richly_editable5">Some text.</p> |
25 </div> | 22 </div> |
26 <p id="non_richly_editable6" tabindex="0">Some text.</p> | 23 <p id="non_richly_editable6" tabindex="0">Some text.</p> |
27 <button id="non_richly_editable7">Button</button> | 24 <button id="non_richly_editable7">Button</button> |
28 | 25 |
29 <script> | 26 <script> |
30 description("This tests that only elements that allow the user to edit rich
text in them are recognized as being richly editable."); | 27 description("This tests that only elements that allow the user to edit rich
text in them are recognized as being richly editable."); |
31 | 28 |
32 var iframeId = "richly_editable5"; | |
33 var iframeDocument = document.getElementById(iframeId).contentDocument; | |
34 iframeDocument.designMode = "on"; | |
35 | |
36 if (window.accessibilityController) { | 29 if (window.accessibilityController) { |
37 | 30 |
38 for (var i = 1; i <= 5; ++i) { | 31 for (var i = 1; i <= 4; ++i) { |
39 var elementId = "richly_editable" + i; | 32 var elementId = "richly_editable" + i; |
40 var element = document.getElementById(elementId); | 33 var element = document.getElementById(elementId); |
41 element.focus(); | 34 element.focus(); |
42 var axElement = accessibilityController.focusedElement; | 35 var axElement = accessibilityController.focusedElement; |
43 shouldBeTrue("axElement.isRichlyEditable"); | 36 shouldBeTrue("axElement.isRichlyEditable"); |
44 } | 37 } |
45 | 38 |
46 iframeDocument.body.focus(); | |
47 var axElement = accessibilityController.focusedElement; | |
48 shouldBeTrue("axElement.isRichlyEditable"); | |
49 | |
50 | |
51 for (var i = 1; i <= 7; ++i) { | 39 for (var i = 1; i <= 7; ++i) { |
52 var elementId = "non_richly_editable" + i; | 40 var elementId = "non_richly_editable" + i; |
53 var element = document.getElementById(elementId); | 41 var element = document.getElementById(elementId); |
54 element.focus(); | 42 element.focus(); |
55 var axElement = accessibilityController.focusedElement; | 43 var axElement = accessibilityController.focusedElement; |
56 shouldBeFalse("axElement.isRichlyEditable"); | 44 shouldBeFalse("axElement.isRichlyEditable"); |
57 } | 45 } |
58 | 46 |
59 } | 47 } |
60 </script> | 48 </script> |
OLD | NEW |