blob: a66e49ac7891cb774152e38e08370bedbdd3556c [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 htmlEL2 = r'''
<table style="width:100px; height: 100px; border: 1px solid;" cellspacing=0 cellpadding=0>
<tr>
<td style="padding:10px 5px"><img id='cell-contents' style="width: 100%; height: 100%; border:5px solid blue"></td>
</tr>
</table>
''';
void main() {
document.body.appendHtml(htmlEL2, treeSanitizer: new NullTreeSanitizer());
shouldBe(document.getElementById('cell-contents').offsetHeight, 78);
// FIXME: We currently get 98 for this value. It appears we don't take left/right padding
// into account for the widths of the contents of table cells.
// We do still offset the contents by the padding, so they end up overflowing the table cell.
// Firefox 12 has the same crazy behavior. Is this a bug or are tables just crazy?
shouldBe(document.getElementById('cell-contents').offsetWidth, 88);
checkTestFailures();
}