blob: 0882dd9ee478c51545bbffc5fbca63f8d64cf87d [file] [log] [blame]
/*
* 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 "../../testharness.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, treeSanitizer: new NullTreeSanitizer());
document.body.appendHtml(htmlEL2, treeSanitizer: new NullTreeSanitizer());
window.onLoad.listen(runTest);
}