LayoutTests/fast/table/hittest-tablecell-bottom-edge_t01.dart

/*
 * Copyright (c) 2014, the Dart project authors.  Please see the AUTHORS file
 * for details. All rights reserved. Use of this source code is governed by a
 * BSD-style license that can be found in the LICENSE file.
 */
/**
 * @assertion 
 * @description 
 */
import "dart:html";
import "../../../Utils/expect.dart";
import "../../testharness.dart";
import "../../resources/check-layout.dart";

const String htmlEL1 = r'''
<style>
    table
    {
        border-spacing: 0px;
        font-size: 1000%;
    }
    td { padding: 0px; }
</style>
''';

const String htmlEL2 = r'''
<p>Test for Bugzilla <a href="https://bugs.webkit.org/show_bug.cgi?id=74864">Bug 74864</a>: There is additional space not belonged to a table between the table cells.</p>
<table cellspacing=0>
    <tr id="tr1">
        <td id="tr1-td1">1</td>
        <td id="tr1-td2">1</td>
        <td id="tr1-td3"></td>
        <td id="tr1-td4">1</td>
    </tr>
    <tr id="tr2">
        <td id="tr2-td1">1</td>
        <td id="tr2-td2">1</td>
        <td id="tr2-td3"></td>
        <td id="tr2-td4">1</td>
    </tr>
    <tr id="tr3">
        <td id="tr3-td1"></td>
        <td id="tr3-td2"></td>
        <td id="tr3-td3"></td>
        <td id="tr3-td4"></td>
    </tr>  
    <tr id="tr4">
        <td id="tr4-td1">1</td>
        <td id="tr4-td2">1</td>
        <td id="tr4-td3"></td>            
        <td id="tr4-td4">1</td>
    </tr>              
</table>
<p id="description"></p>
<div id="console"></div>
''';

void hittest(ele, orgElement) {   
    int middleX = (ele.getBoundingClientRect().right ~/ 2).toInt();
    int edge = ele.getBoundingClientRect().bottom.toInt();
print('Executing for element $orgElement on the bottom edge of the table cell: middleX=$middleX');
    
    switch (orgElement) {
    case ('tr1-td1'):
        shouldBe(document.elementFromPoint(middleX, edge - 1).id, 'tr1-td1', "edge-1");
        shouldBe(document.elementFromPoint(middleX, edge).id, 'tr2-td1', "edge");
        shouldBe(document.elementFromPoint(middleX, edge + 1).id, 'tr2-td1', "edge+1");
        break;
    case ('tr1-td2'):
    case ('tr1-td3'):
        shouldBe(document.elementFromPoint(middleX, edge - 1).id, 'tr1-td1', "edge-1");
        shouldBe(document.elementFromPoint(middleX, edge).id, 'tr2-td1', "edge");
        shouldBe(document.elementFromPoint(middleX, edge + 1).id, 'tr2-td1', "edge+1");
        break;
    case ('tr1-td4'):
        shouldBe(document.elementFromPoint(middleX, edge - 1).id, 'tr1-td2', "edge-1");
        shouldBe(document.elementFromPoint(middleX, edge).id, 'tr2-td2', "edge");
        shouldBe(document.elementFromPoint(middleX, edge + 1).id, 'tr2-td2', "edge+1");
        break;
    case ('tr2-td1'):
    case ('tr2-td2'): 
    case ('tr2-td3'):                
        shouldBe(document.elementFromPoint(middleX, edge - 1).id, 'tr2-td1', "edge-1");
        shouldBe(document.elementFromPoint(middleX, edge).id, 'tr4-td1', "edge");
        shouldBe(document.elementFromPoint(middleX, edge + 1).id, 'tr4-td1', "edge+1");
        break;
    case ('tr2-td4'):
        shouldBe(document.elementFromPoint(middleX, edge - 1).id, 'tr2-td2', "edge-1");
        shouldBe(document.elementFromPoint(middleX, edge).id, 'tr4-td2', "edge");
        shouldBe(document.elementFromPoint(middleX, edge + 1).id, 'tr4-td2', "edge+1");
        break;
   case ('tr3-td1'):
   case ('tr3-td2'):
   case ('tr3-td3'):              
        shouldBe(document.elementFromPoint(middleX, edge - 1).id, '', "edge-1");
        shouldBe(document.elementFromPoint(middleX, edge).id, 'tr4-td1', "edge");
        shouldBe(document.elementFromPoint(middleX, edge + 1).id, 'tr4-td1', "edge+1");
        break;
    case ('tr3-td4'):
        shouldBe(document.elementFromPoint(middleX, edge - 1).id, '', "edge-1");
        shouldBe(document.elementFromPoint(middleX, edge).id, 'tr4-td2', "edge");
        shouldBe(document.elementFromPoint(middleX, edge + 1).id, 'tr4-td2', "edge+1");
        break;
    case ('tr4-td1'):
        shouldBe(document.elementFromPoint(middleX, edge - 1).id, 'tr4-td1', "edge-1");
        shouldBe(document.elementFromPoint(middleX, edge).id, '', "edge");
        shouldBe(document.elementFromPoint(middleX, edge + 1).id, '', "edge+1");
        break;
    case ('tr4-td2'):
        shouldBe(document.elementFromPoint(middleX, edge - 1).id, 'tr4-td2', "edge-1");
        shouldBe(document.elementFromPoint(middleX, edge).id, '', "edge");
        shouldBe(document.elementFromPoint(middleX, edge + 1).id, '', "edge+1");
        break;        
    case ('tr4-td3'):        
        shouldBe(document.elementFromPoint(middleX, edge - 1).id, '', "edge-1");
        shouldBe(document.elementFromPoint(middleX, edge).id, '', "edge");
        shouldBe(document.elementFromPoint(middleX, edge + 1).id, '', "edge+1");
        break;
    case ('tr4-td4'):
        shouldBe(document.elementFromPoint(middleX, edge - 1).id, 'tr4-td4', "edge-1");
        shouldBe(document.elementFromPoint(middleX, edge).id, '', "edge");
        shouldBe(document.elementFromPoint(middleX, edge + 1).id, '', "edge+1");
        break;
    default:
        break;
    }
}

void runTest(e) {
    printPassed=true;
    ['tr1-td1', 'tr1-td2', 'tr1-td3', 'tr1-td4',
     'tr2-td1', 'tr2-td2', 'tr2-td3', 'tr2-td4',
     'tr3-td1', 'tr3-td2', 'tr3-td3', 'tr3-td4',
     'tr4-td1', 'tr4-td2', 'tr4-td3', 'tr4-td4'].forEach((a) {
        var elem = document.getElementById(a);
        hittest(elem, a);
        elem.innerHtml = '';
    });

    checkTestFailures();
}

void main() {
    description("An event generated on the edge of a table cell is not being consumed by the appropriate underlying element. This test verifies that the hittest result on the bottom edge of a table cell returns the proper underlying element.");
    document.head.appendHtml(htmlEL1);
    document.body.appendHtml(htmlEL2);
    window.onLoad.listen(runTest);

}