~justizin/zope.html/id_marker_lp_569541

« back to all changes in this revision

Viewing changes to src/zope/html/ckeditor/3.0/ckeditor/_source/tests/plugins/htmldataprocessor/htmldataprocessor.html

  • Committer: achapman
  • Date: 2009-09-04 12:44:32 UTC
  • Revision ID: svn-v4:62d5b8a3-27da-0310-9561-8e5933582275:zope.html/trunk:103534
Ckeditor 3.0 widget added. Keeping Fckeditor for backward compatability

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
2
<html xmlns="http://www.w3.org/1999/xhtml">
 
3
<head>
 
4
        <title>Plugin: htmldataprocessor</title>
 
5
        <link rel="stylesheet" type="text/css" href="../../test.css" />
 
6
        <script type="text/javascript" src="../../../ckeditor.js"></script>
 
7
        <script type="text/javascript" src="../../test.js"></script>
 
8
        <script type="text/javascript">
 
9
        //<![CDATA[
 
10
 
 
11
// Load the required plugins and launch the runner.
 
12
CKEDITOR.test.deferRunner = true;
 
13
CKEDITOR.plugins.load( 'htmldataprocessor' , function()
 
14
{
 
15
 CKEDITOR.test.runner.run();
 
16
} );
 
17
 
 
18
var testCase;
 
19
 
 
20
CKEDITOR.test.addTestCase( testCase = (function()
 
21
{
 
22
        // Local references.
 
23
        var assert = CKEDITOR.test.assert;
 
24
        var doc = new CKEDITOR.dom.document( document );
 
25
 
 
26
        // In these tests, we may "reset" the writer rules to avoid it formatting
 
27
        // the output, making the assertion easier to the done. We don't need to
 
28
        // test formatting features here, so this is ok.
 
29
        var getDataProcessor = function()
 
30
        {
 
31
                var dataProcessor = new CKEDITOR.htmlDataProcessor();
 
32
                dataProcessor.writer._.rules = [];
 
33
                return dataProcessor;
 
34
        };
 
35
 
 
36
        /**
 
37
         * IE always returning CRLF for linefeed, so remove it when retrieve pre-formated text from text area.
 
38
         * @param {Object} id
 
39
         */
 
40
        function getTextAreaValue( id )
 
41
        {
 
42
                return CKEDITOR.document.getById( id ).getValue().replace(/\r/gi,'');
 
43
        }
 
44
 
 
45
        // These tests go far beyond the strict htmlDataProcessor code testing. We
 
46
        // are actually testing the entire parsing system here. The combination of
 
47
        // htmlParser and htmlWriter inside htmlDataProcessor is useful in this
 
48
        // sense.
 
49
 
 
50
        return {
 
51
                test_toDataFormat_1a : function()
 
52
                {
 
53
                        var element = new CKEDITOR.dom.element.createFromHtml( '<div><p>Test</p></div>' );
 
54
 
 
55
                        assert.areSame( '<p>Test</p>', getDataProcessor().toDataFormat( element.getHtml() ) );
 
56
                },
 
57
 
 
58
                test_toDataFormat_1b : function()
 
59
                {
 
60
                        var element = new CKEDITOR.dom.element.createFromHtml( '<div><x:x>Test</x:x></div>' );
 
61
 
 
62
                        // IE adds the XML namespace tag.
 
63
                        if ( CKEDITOR.env.ie )
 
64
                                assert.areSame( '<?xml:namespace prefix="x" /><x:x>Test</x:x>', getDataProcessor().toDataFormat( element.getHtml() ) );
 
65
                        else
 
66
                                assert.areSame( '<x:x>Test</x:x>', getDataProcessor().toDataFormat( element.getHtml() ) );
 
67
                },
 
68
 
 
69
                test_toDataFormat_2a : function()
 
70
                {
 
71
                        var element = new CKEDITOR.dom.element.createFromHtml( '<div><br /><p>Test</p></div>' );
 
72
 
 
73
                        assert.areSame( '<br /><p>Test</p>', getDataProcessor().toDataFormat( element.getHtml() ) );
 
74
                },
 
75
 
 
76
                test_toDataFormat_2b : function()
 
77
                {
 
78
                        var element = new CKEDITOR.dom.element.createFromHtml( '<div><x:x></x:x><p>Test</p></div>' );
 
79
 
 
80
                        // IE adds the XML namespace tag.
 
81
                        if ( CKEDITOR.env.ie )
 
82
                                assert.areSame( '<?xml:namespace prefix="x" /><x:x></x:x><p>Test</p>', getDataProcessor().toDataFormat( element.getHtml() ) );
 
83
                        else
 
84
                                assert.areSame( '<x:x></x:x><p>Test</p>', getDataProcessor().toDataFormat( element.getHtml() ) );
 
85
                },
 
86
 
 
87
                test_toDataFormat_3 : function()
 
88
                {
 
89
                        assert.areSame( '<div><x:x><p>Test</p></x:x></div>', getDataProcessor().toDataFormat( '<div><x:x><p>Test</p></div>' ) );
 
90
                },
 
91
 
 
92
                test_toDataFormat_ticket_2774 : function()
 
93
                {
 
94
                        var element = new CKEDITOR.dom.element.createFromHtml( '<div><P class=MsoNormal><B><I><SPAN lang=EN-US><o:p>Test</o:p></SPAN></I></B></P></div>' );
 
95
 
 
96
                        // IE adds the XML namespace tag.
 
97
                        if ( CKEDITOR.env.ie )
 
98
                                assert.areSame( '<p class="MsoNormal"><b><i><span lang="EN-US"><?xml:namespace prefix="o" /><o:p>Test</o:p></span></i></b></p>', getDataProcessor().toDataFormat( element.getHtml() ) );
 
99
                        else
 
100
                                assert.areSame( '<p class="MsoNormal"><b><i><span lang="EN-US"><o:p>Test</o:p></span></i></b></p>', getDataProcessor().toDataFormat( element.getHtml() ) );
 
101
                },
 
102
 
 
103
                test_toDataFormat_ticket_3036_1 : function()
 
104
                {
 
105
                        assert.areSame( '<input autocomplete="off" checked="checked" type="checkbox" />',
 
106
                                getDataProcessor().toDataFormat( '<INPUT type="checkbox" CHECKED  autocomplete=off>' ) );
 
107
                },
 
108
 
 
109
                test_toDataFormat_ticket_3036_2 : function()
 
110
                {
 
111
                        assert.areSame( '<input autocomplete="off" type="checkbox" unknown="" />',
 
112
                                getDataProcessor().toDataFormat( '<INPUT type="checkbox" UNKNOWN  autocomplete=off>' ) );
 
113
                },
 
114
 
 
115
                test_toDataFormat_ticket_2886_1 : function()
 
116
                {
 
117
                        var editor = CKEDITOR.instances.editor1;
 
118
                        var test = this;
 
119
                        var isReady = !!editor.dataProcessor;
 
120
 
 
121
                        if ( !isReady )
 
122
                        {
 
123
                                editor.on( 'instanceReady', function()
 
124
                                {
 
125
                                        isReady = true;
 
126
                                } );
 
127
                        }
 
128
 
 
129
                        this.wait( function()
 
130
                                {
 
131
                                        if ( !isReady )
 
132
                                        {
 
133
                                                test.wait( arguments.callee, 100 );
 
134
                                                return;
 
135
                                        }
 
136
 
 
137
                                        assert.areSame( '<p>\n\t&nbsp;</p>\n',
 
138
                                                editor.dataProcessor.toDataFormat( '<p></p>' ) );
 
139
                                }, 100 );
 
140
                },
 
141
 
 
142
                test_toDataFormat_ticket_2886_2 : function()
 
143
                {
 
144
                        var dataProcessor = CKEDITOR.instances.editor1.dataProcessor;
 
145
 
 
146
                        var source = '<p>Some text<br><br><br></p>';
 
147
                        if ( CKEDITOR.env.ie )
 
148
                                source = '<p>Some text<br><br></p>';
 
149
                        assert.areSame( '<p>\n\tSome text<br />\n\t<br />\n\t&nbsp;</p>\n',
 
150
                                dataProcessor.toDataFormat( source ) );
 
151
                },
 
152
 
 
153
                test_toDataFormat_ticket_2886_3 : function()
 
154
                {
 
155
                        var dataProcessor = CKEDITOR.instances.editor1.dataProcessor;
 
156
 
 
157
                        assert.areSame( '<p>\n\tSome text<br />\n\t<br />\n\t<br />\n\tSome more text</p>\n',
 
158
                                dataProcessor.toDataFormat( '<p>Some text<br><br><br>Some more text</p>' ) );
 
159
                },
 
160
 
 
161
                test_toDataFormat_ticket_2886_4 : function()
 
162
                {
 
163
                        var dataProcessor = CKEDITOR.instances.editor1.dataProcessor;
 
164
 
 
165
                        assert.areSame( '<p>\n\tSome text<br />\n\t<br />\n\t&nbsp;</p>\n',
 
166
                                dataProcessor.toDataFormat( '<p>Some text<br><br>&nbsp;</p>' ) );
 
167
                },
 
168
 
 
169
                test_toDataFormat_ticket_2886_5 : function()
 
170
                {
 
171
                        if ( CKEDITOR.env.ie )
 
172
                                return;
 
173
 
 
174
                        var dataProcessor = CKEDITOR.instances.editor1.dataProcessor;
 
175
 
 
176
                        assert.areSame( '<p>\n\t&nbsp;</p>\n',
 
177
                                dataProcessor.toDataFormat( '<p><br></p>' ) );
 
178
                },
 
179
 
 
180
                test_toDataFormat_ticket_2886_6 : function()
 
181
                {
 
182
                        var dataProcessor = CKEDITOR.instances.editor1.dataProcessor;
 
183
 
 
184
                        var source = '<p><br><br></p>';
 
185
                        if ( CKEDITOR.env.ie )
 
186
                                source = '<p><br></p>';
 
187
 
 
188
                        assert.areSame( '<p>\n\t<br />\n\t&nbsp;</p>\n',
 
189
                                dataProcessor.toDataFormat( source ) );
 
190
                },
 
191
 
 
192
                test_toHtml_ticket_2886_1 : function()
 
193
                {
 
194
                        var dataProcessor = CKEDITOR.instances.editor1.dataProcessor;
 
195
 
 
196
                        var expected = '<p><br /></p>';
 
197
                        if ( CKEDITOR.env.ie )
 
198
                                expected = '<p>\xa0</p>';
 
199
                        assert.areSame( expected, dataProcessor.toHtml( '<p></p>' ) );
 
200
                },
 
201
 
 
202
                test_toHtml_ticket_2886_2 : function()
 
203
                {
 
204
                        var dataProcessor = CKEDITOR.instances.editor1.dataProcessor;
 
205
 
 
206
                        var expected = '<p>Some text<br />Some other text</p>';
 
207
                        assert.areSame( expected, dataProcessor.toHtml( '<p>Some text<br>Some other text</p>' ) );
 
208
                },
 
209
 
 
210
                test_toHtml_ticket_2886_3 : function()
 
211
                {
 
212
                        var dataProcessor = CKEDITOR.instances.editor1.dataProcessor;
 
213
 
 
214
                        var expected = '<p>Some text<br /><br /></p>';
 
215
                        if ( CKEDITOR.env.ie )
 
216
                                expected = '<p>Some text<br />\xa0</p>';
 
217
                        assert.areSame( expected, dataProcessor.toHtml( '<p>Some text<br>&nbsp;</p>' ) );
 
218
                },
 
219
 
 
220
                test_toHtml_ticket_2886_4 : function()
 
221
                {
 
222
                        var dataProcessor = CKEDITOR.instances.editor1.dataProcessor;
 
223
 
 
224
                        var expected = '<p>Some text</p>';
 
225
                        assert.areSame( expected, dataProcessor.toHtml( '<p>Some text<br></p>' ));
 
226
                },
 
227
 
 
228
                test_ticket_3407 : function()
 
229
                {
 
230
                        var editor = CKEDITOR.instances.editor1,
 
231
                                dataProcessor = editor.dataProcessor,
 
232
                                config = editor.config;
 
233
 
 
234
                        config.protectedSource.push( /<\?[\s\S]*?\?>/g );   // PHP Code
 
235
                        config.protectedSource.push( /<%[\s\S]*?%>/g );   // ASP Code
 
236
                        config.protectedSource.push( /(<asp:[^\>]+>[\s|\S]*?<\/asp:[^\>]+>)|(<asp:[^\>]+\/>)/gi );   // ASP.Net Code
 
237
                        dataProcessor.writer = new CKEDITOR.htmlParser.basicWriter();
 
238
                        var html = getTextAreaValue( '_TEXTAREA1' );
 
239
                        var protectedHtml = dataProcessor.toHtml( html );
 
240
                        assert.areSame( html , dataProcessor.toDataFormat( protectedHtml ) );
 
241
                },
 
242
 
 
243
                test_ticket_3591 : function()
 
244
                {
 
245
                        var editor = CKEDITOR.instances.editor1,
 
246
                                dataProcessor = editor.dataProcessor;
 
247
 
 
248
                        dataProcessor.writer = new CKEDITOR.htmlParser.basicWriter();
 
249
                        var html = getTextAreaValue( '_TEXTAREA_3591' );
 
250
                        var protectedHtml = dataProcessor.toHtml( html );
 
251
 
 
252
                        assert.areSame( getTextAreaValue( CKEDITOR.env.ie ? '_TEXTAREA_3591_protected_ie' : '_TEXTAREA_3591_protected' ),
 
253
                                protectedHtml );
 
254
                        assert.areSame( getTextAreaValue( '_TEXTAREA_3591' ),
 
255
                                dataProcessor.toDataFormat( protectedHtml ) );
 
256
                },
 
257
 
 
258
                test_ticket_3591_2 : function()
 
259
                {
 
260
                        var editor = CKEDITOR.instances.editor1,
 
261
                                dataProcessor = editor.dataProcessor;
 
262
 
 
263
                        dataProcessor.writer = new CKEDITOR.htmlParser.basicWriter();
 
264
                        dataProcessor.writer.sortAttributes = true;
 
265
 
 
266
                        var html = getTextAreaValue( '_TEXTAREA_3591_2' );
 
267
                        var protectedHtml = dataProcessor.toHtml( html );
 
268
 
 
269
                        assert.areSame( getTextAreaValue( '_TEXTAREA_3591_2' ),
 
270
                                dataProcessor.toDataFormat( protectedHtml ) );
 
271
                },
 
272
 
 
273
                test_ticket_3869_1 : function()
 
274
                {
 
275
                        var editor = CKEDITOR.instances.editor1,
 
276
                                dataProcessor = editor.dataProcessor;
 
277
 
 
278
                        dataProcessor.writer = new CKEDITOR.htmlParser.basicWriter();
 
279
                        var html = getTextAreaValue( '_TEXTAREA_3869_1' );
 
280
                        var protectedHtml = dataProcessor.toHtml( html );
 
281
 
 
282
                        assert.areSame( html , dataProcessor.toDataFormat( protectedHtml ) );
 
283
                },
 
284
 
 
285
                test_ticket_3869_2 : function()
 
286
                {
 
287
                        var editor = CKEDITOR.instances.editor1,
 
288
                                dataProcessor = editor.dataProcessor,
 
289
                                config = editor.config;
 
290
 
 
291
                        config.protectedSource.push( /<\?[\s\S]*?\?>/g );   // PHP Code
 
292
                        config.protectedSource.push( /<%[\s\S]*?%>/g );   // ASP Code
 
293
                        config.protectedSource.push( /(<asp:[^\>]+>[\s|\S]*?<\/asp:[^\>]+>)|(<asp:[^\>]+\/>)/gi );   // ASP.Net Code
 
294
                        config.protectedSource.push(/<gallery[\s\S]*?<\/gallery>/gi );  // custom protected source
 
295
                        config.protectedSource.push(/<options[\s\S]*?<\/options>/gi );
 
296
                        dataProcessor.writer = new CKEDITOR.htmlParser.basicWriter();
 
297
                        var html = getTextAreaValue( '_TEXTAREA_3869_2' );
 
298
                        var protectedHtml = dataProcessor.toHtml( html );
 
299
 
 
300
                        assert.areSame( html , dataProcessor.toDataFormat( protectedHtml ) );
 
301
                },
 
302
 
 
303
                /**
 
304
                 * Test empty value attributes.
 
305
                 */
 
306
                test_ticket_3884 : function()
 
307
                {
 
308
                        var editor = CKEDITOR.instances.editor1,
 
309
                                dataProcessor = editor.dataProcessor;
 
310
                        dataProcessor.writer = new CKEDITOR.htmlParser.basicWriter();
 
311
                        dataProcessor.writer.sortAttributes = true;
 
312
 
 
313
                        assert.areSame( '<p><a href="" name="">emptylink</a></p>',
 
314
                                dataProcessor.toDataFormat( dataProcessor.toHtml( '<p><a href="" name="">emptylink</a></p>' ) ) );
 
315
                },
 
316
 
 
317
                test_innerHtmlComments_ticket_3801 : function()
 
318
                {
 
319
                        var editor = CKEDITOR.instances.editor1,
 
320
                                dataProcessor = editor.dataProcessor;
 
321
 
 
322
                        dataProcessor.writer = new CKEDITOR.htmlParser.basicWriter();
 
323
 
 
324
                        for ( var i = 1; i <= 7; i++ )
 
325
                        {
 
326
                                var html = getTextAreaValue( '_TEXTAREA_3801_' + i );
 
327
                                var protectedHtml = dataProcessor.toHtml( html );
 
328
 
 
329
                                assert.areSame( getTextAreaValue( '_TEXTAREA_3801_' + i ),
 
330
                                        dataProcessor.toDataFormat( protectedHtml ) );
 
331
                        }
 
332
                },
 
333
 
 
334
                name : document.title
 
335
        };
 
336
})() );
 
337
 
 
338
//window.onload = testCase.test_ticket_3884;
 
339
        //]]>
 
340
        </script>
 
341
</head>
 
342
<body>
 
343
        <textarea id="editor1" class="ckeditor" cols="80" rows="10"></textarea>
 
344
        <textarea id="_TEXTAREA1"><script type="text/javascript">alert('>');</script><table><tbody><tr><!--- IE doesn't handle this comment ---><!--[if gte IE 6 ]>
 
345
        <![if lt IE 8 ]>
 
346
        gIE conditional comments
 
347
<![endif]>
 
348
<![endif]--><td><%Response.Write(now())%></td><td><asp:control_name id="some_id" runat="server"/></td><td><?php
 
349
include ("head.html"); ?></td></tr></tbody></table><noscript>Your browser doesn't support JavaScript</noscript></textarea>
 
350
        <textarea id="_TEXTAREA_3591"><object><param /><param /><embed></embed></object></textarea>
 
351
        <textarea id="_TEXTAREA_3591_protected"><cke:object><cke:param></cke:param><cke:param></cke:param><cke:embed></cke:embed></cke:object></textarea>
 
352
        <textarea id="_TEXTAREA_3591_protected_ie"><?xml:namespace prefix="cke" /><cke:object><cke:param></cke:param><cke:param></cke:param><cke:embed></cke:embed></cke:object></textarea>
 
353
        <textarea id="_TEXTAREA_3801_1"><!-- foo --><p>bar</p></textarea>
 
354
        <textarea id="_TEXTAREA_3801_2"><p><!-- foo -->bar</p></textarea>
 
355
        <textarea id="_TEXTAREA_3801_3"><!-- foo --><p><!-- foo -->bar</p></textarea>
 
356
        <textarea id="_TEXTAREA_3801_4"><p>bar</p><!-- foo --></textarea>
 
357
        <textarea id="_TEXTAREA_3801_5">bar<!-- foo --></textarea>
 
358
        <textarea id="_TEXTAREA_3801_6"><!-- foo -->bar</textarea>
 
359
        <textarea id="_TEXTAREA_3801_7"><p><!-- foo -->bar</p><p><!-- foo -->bar</p></textarea>
 
360
        <textarea id="_TEXTAREA_3869_1">#3869<script language="Javascript" type="text/javascript">
 
361
        <!--
 
362
                alert('-->');
 
363
        //-->
 
364
        </script></textarea>
 
365
        <textarea id="_TEXTAREA_3869_2">#3869&lt;gallery&gt;
 
366
        file.jpg
 
367
        &lt;options name="test1" value="value1"&gt;&lt;/options&gt;
 
368
        &lt;options name="test2" value="value2"&gt;&lt;/options&gt;
 
369
        &lt;/gallery&gt;&lt;?
 
370
                echo '&lt;script type="text/javascript"&gt;';
 
371
                echo '&lt;!--alert("--&gt;");//--&gt;';
 
372
                echo '&lt;/script&gt;';
 
373
        ?&gt;&lt;!--&lt;%Response.Write(now())%&gt;//--&gt;invalid&lt;?
 
374
                echo 'bbb&lt;script&gt;
 
375
                &lt;!--
 
376
                ccc();&lt;!-- &lt;/script&gt;&lt;!-- &lt;/script&gt;
 
377
                //--&gt;&lt;/script&gt;
 
378
                &lt;script&gt;&lt;!--
 
379
                &lt;!--
 
380
                ffff();
 
381
                //--&gt;&lt;/script&gt;
 
382
                ddd';
 
383
        ?&gt;html</textarea>
 
384
        <textarea id="_TEXTAREA_3591_2"><object classid="clsid"><param name="movie" value="movie.swf" /><embed src="movie.swf" type="application/x-shockwave-flash"></embed></object></textarea>
 
385
</body>
 
386
</html>