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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
|
<html>
<!--
Copyright 2008 The Closure Library Authors. All Rights Reserved.
Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
@author nicksantos@google.com (Nick Santos)
-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>goog.editor.ClickToEditWrapper Unit Tests</title>
<script src='../base.js'></script>
<script>
goog.require('goog.editor.ClickToEditWrapper');
goog.require('goog.editor.Field');
goog.require('goog.editor.SeamlessField');
goog.require('goog.testing.events');
goog.require('goog.testing.jsunit');
goog.require('goog.testing.MockClock');
</script>
</head>
<body>
<div id='root'>
<div id="testField">I am text with a
<a id='testAnchor' href='http://www.google.com'>link</a>.</div>
</div>
<script>
var FIELD;
var CLOCK;
var HTML;
function setUp() {
HTML = goog.dom.getElement('root').innerHTML;
CLOCK = new goog.testing.MockClock(true);
// The following 3 lines are to get around an IE bug where it says
// 'Incompatible markup pointers for this operation'.
// Must be done in the setup, not teardown, or else it won't take effect for
// the first test that is run, or any test that runs immediately after a
// "breaking async" message from the jsunit framework.
goog.dom.Range.clearSelection();
window.blur();
window.focus();
}
function setUpField(opt_isBlended) {
FIELD = opt_isBlended ? new goog.editor.SeamlessField('testField') :
new goog.editor.SeamlessField('testField');
(new goog.editor.ClickToEditWrapper(FIELD));
goog.dom.Range.clearSelection();
}
function tearDown() {
if (FIELD) {
FIELD.dispose();
}
CLOCK.dispose();
goog.dom.getElement('root').innerHTML = HTML;
}
function testClickToEdit(opt_isBlended) {
setUpField(opt_isBlended);
var text = goog.dom.getElement('testField').firstChild;
goog.dom.Range.createFromNodes(text, 4, text, 8).select();
goog.testing.events.fireClickSequence(text.parentNode);
assertFalse('Field should not be made editable immediately after clicking',
FIELD.isLoaded());
CLOCK.tick(1);
assertTrue('Field should be editable', FIELD.isLoaded());
var dom = FIELD.getEditableDomHelper();
var selection = goog.dom.Range.createFromWindow(dom.getWindow());
var body = FIELD.getElement();
text = body.firstChild;
assertEquals('Wrong start node', text, selection.getStartNode());
assertEquals('Wrong end node', text, selection.getEndNode());
assertEquals('Wrong start offset', 4, selection.getStartOffset());
assertEquals('Wrong end offset', 8, selection.getEndOffset());
}
function testBlendedClickToEdit() {
testClickToEdit(true);
}
function testClickToEditWithAnchor(opt_isBlended) {
// We bail out if we are running on chrome+winxp because of flaky selenium
// issues. TODO(user): Remove this assertion once we start running on the
// JsUnit farm.
if (goog.userAgent.product.CHROME && goog.userAgent.WINDOWS) {
return;
}
setUpField(opt_isBlended);
goog.dom.getElement('testAnchor').focus();
goog.testing.events.fireClickSequence(goog.dom.getElement('testAnchor'));
CLOCK.tick(1);
assertTrue('Field should be editable', FIELD.isLoaded());
var dom = FIELD.getEditableDomHelper();
var selection = goog.dom.Range.createFromWindow(dom.getWindow());
// IE and Gecko and Safari are all dumb and put the cursor
// in different places.
var body = FIELD.getElement();
var text = body.firstChild;
var link = dom.getElementsByTagNameAndClass('A', null, body)[0].firstChild;
var isIEorWebkit = goog.userAgent.WEBKIT || goog.userAgent.IE;
assertEquals('Wrong start node',
isIEorWebkit ? text : link, selection.getStartNode());
assertEquals('Wrong start offset',
isIEorWebkit ? 17 : 0, selection.getStartOffset());
assertEquals('Wrong end node',
isIEorWebkit ? text : link, selection.getEndNode());
assertEquals('Wrong end offset',
isIEorWebkit ? 17 : 0, selection.getEndOffset());
}
function testBlendedClickToEditWithAnchor() {
testClickToEditWithAnchor(true);
}
</script>
</body>
</html>
|
