Context Navigation

Back to Ticket #3545

Ticket #3545: test_element_getDocumentPosition.patch

File test_element_getDocumentPosition.patch, 2.4 KB (added by Martin Kou, 15 years ago)

_source/tests/core/dom/element.html

                         var element = new CKEDITOR.dom.element( document.getElementsByTagName( 'small' )[0] );
                         assert.isTrue( element.hasAttributes() );
                 },
+                test_getDocumentPosition : function()
+                {
+                        // Assign the page location of the element.
+                        YAHOO.util.Dom.setXY('DocPositionTarget', [ 350, 450 ] );
+                        var pos = CKEDITOR.document.getById( 'DocPositionTarget' ).getDocumentPosition();
+                        if ( !CKEDITOR.env.ie )
+                        {
+                                assert.areEqual( 350, pos.x, 'Position coordinates:x relative to document doesn\'t match.' );
+                                assert.areEqual( 450, pos.y, 'Position coordinates:y relative to document doesn\'t match.' );
+                        }
+                        else
+                        {
+                                assert.isTrue( pos.x == 348 || pos.x == 349, 'Position coordinates:x relative to document doesn\'t match.' );
+                                assert.areEqual( 448, pos.y, 'Position coordinates:y relative to document doesn\'t match.' );
+                        }
+                },
                 name : document.title
         };
 })() );
         //]]>
         </script>
+        <style type="text/css" media="screen">
+                #test-computed {
+                    width:50%;
+                    margin:auto;
+                    padding:10px;
+                    z-index: 2;
+                }
+                .scroll
+                {
+                        overflow: visible;
+                }
+                .block1
+                {
+                        width: 100%;
+                        height: 100px;
+                        background-color: blue;
+                        text-align: center;
+                }
+                .block2
+                {
+                        margin: auto;
+                        width: 200px;
+                        height: 200px;
+                        background-color: green;
+                        position : relative;
+                }
+                .block3
+                {
+                        position: absolute;
+                        float:right;
+                        width: 300px;
+                        height: 300px;
+                        background-color: black;
+                }
+                .block4
+                {
+                        position: absolute;
+                        left: 50px;
+                        right: 50px;
+                        width: 400px;
+                        height: 400px;
+                        background-color: pink;
+                }
+                #DocPositionTarget
+                {
+                        background-color: red;
+                }
+        </style>
 </head>
 <body>
         <textarea id="test1" rows="10" cols="80"></textarea>
 …
 B</div>
         <big>Test</big>
         <small title="Testing">Test</small>
+        <div class="block1 scroll" id="block1"><div class="block2 scroll" id="block2"><div class="block3 scroll" id="block3"><div class="block4 scroll" id="block4"><div id="DocPositionTarget">target</div></div></div></div></div>
 </body>
 </html>

Download in other formats:

Original Format