+2009-04-28 Ojan Vafai <ojan@chromium.org>
+
+ Reviewed by Dan Bernstein.
+
+ Make textarea and text input metrics more closely match IEs.
+
+ textarea-metrics.js tests the client/scroll/offset width and height
+ of textareas with various CSS applied to them in both quirks
+ and strict mode.
+
+ svg-fonts-in-text-controls tests that the average and max character
+ width of an svg font are correctly retrieved.
+
+ text-control-intrinsic-widths tests the widths of inputs and textareas with
+ different size/cols and different fonts set.
+
+ Also, there are 3 tests that have Mac-specific metrics in their asserts.
+ The results are actually correct for Windows, so I've added them
+ to the Skipped list and promise I'll fix them in the next couple days.
+ It's just hard to manage a change that requires updating such a large
+ number of test expectations. The three tests are:
+ fast/forms/textarea-appearance-wrap.html
+ fast/forms/textarea-hard-linewrap.html
+ fast/replaced/table-percent-height.html
+
+ Excluding list of updated results as the list is so long.
+
2009-04-29 Oliver Hunt <oliver@apple.com>
Reviewed by Steve Falkenburg.
This page tests that the tabindex attribute is clamped to values between -32768 and 32767. Values outside of this range should be clamped to the range limits.
-
+
Testing input elements in the page
getAttribute("tabindex") = 40000; tabIndex = 32767
getAttribute("tabindex") = 32768; tabIndex = 32767
function runTest() {
var textarea = document.getElementById("textarea");
var tx = textarea.offsetLeft + textarea.offsetWidth / 2;
- var ty = textarea.offsetTop + 2;
+ var ty = textarea.offsetTop + 4;
var input = document.getElementById("input");
var ix = input.offsetLeft + input.offsetWidth / 2;
--- /dev/null
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html>
+<head>
+<link rel="stylesheet" href="../../fast/js/resources/js-test-style.css">
+<script src="../../fast/js/resources/js-test-pre.js"></script>
+</head>
+<body>
+<p id="description"></p>
+<div id="console"></div>
+<script src="YOUR_JS_FILE_HERE"></script>
+<script src="../../fast/js/resources/js-test-post.js"></script>
+</body>
+</html>
--- /dev/null
+description("This test measures the width of textareas and text inputs for different fonts.");
+
+var sizes = [1, 2, 3, 4, 5, 10, 20, 50, 100, 500, 1000];
+// This list was grabbed from Wikipedia
+// http://en.wikipedia.org/wiki/Core_fonts_for_the_Web
+// Impact was removed from the list as not all versions seem to have the same metrics
+var ms_web_fonts = ['Andale Mono', 'Arial', 'Comic Sans MS', 'Courier New', 'Georgia',
+ 'Times New Roman', 'Trebuchet MS', 'Verdana', 'Webdings'];
+
+// These are fonts we expect to see installed on all systems.
+var fonts = ['Lucida Grande', 'Courier', 'Helvetica', 'Monaco', 'Times'].concat(ms_web_fonts);
+
+function printElementWidth(tagname, font) {
+ debug('<b>' + tagname + '</b>');
+ var node = document.createElement(tagname);
+ node.style.fontFamily = font;
+ document.body.appendChild(node);
+ var sizeProperty = tagname == 'input' ? 'size' : 'cols';
+ for (var i = 0; i < sizes.length; i++) {
+ node[sizeProperty] = sizes[i];
+ debug(sizeProperty + '=' + sizes[i] + ' clientWidth=' + node.clientWidth);
+ }
+ document.body.removeChild(node);
+}
+
+for (var j = 0; j < fonts.length; j++) {
+ debug('<b>' + fonts[j] + '</b>');
+ printElementWidth('input', fonts[j]);
+ debug('')
+ printElementWidth('textarea', fonts[j]);
+ debug('');
+}
+
+var successfullyParsed = true;
--- /dev/null
+description("This test checks that textareas have the right metrics. These numbers match IE7 except for scrollHeight. For two reasons:<br>" +
+"1. scrollHeight is different for elements without enough content to cause scroll because IE7 then reports the height of the text inside the " +
+"element as the scrollHeight. IE8 reports has scrollHeight == offsetHeight. Gecko/WebKit have scrollHeight == clientHeight.<br>" +
+"2. For the elements with scroll in standards-mode, IE wraps the text differently. It seems to leave 2px less space for the text. We don't " +
+"currently mimic this quirk. It's not clear whether we should given that we agree with IE7's clientWidth numbers in all these cases.");
+
+if (window.layoutTestController)
+ window.layoutTestController.waitUntilDone();
+
+// IE needs some time to get all it's metrics calculated correctly.
+// But we don't want to slow down tests when running as run-webkit-tests.
+var timeout = window.layoutTestController ? 0 : 100;
+
+var numTextareasLeft = 1;
+function assertTextareaMetrics(doc, properties, expectedMetrics) {
+ var textarea = doc.createElement('textarea');
+ // Give some consistent CSS for consistent rendering across platforms
+ // and to help in reasoning when trying to match IE metrics.
+ var style = 'overflow-y:auto; font-family:Ahem; line-height:20px; height:50px; width:50px;';
+ var title = '';
+ for (property in properties) {
+ var value = properties[property];
+ title += ' ' + property + ': "' + value + '",';
+ if (property == 'style')
+ style += value;
+ else
+ textarea[property] = value;
+ }
+ textarea.style.cssText = style;
+ doc.body.appendChild(textarea);
+
+ // Create a more human-readable ID.
+ var id = title.replace(/[\'\",;\:]/g, ' ').replace(/ +/g, '-');
+ id = id == '' ? 'no-styles' : id;
+ textarea.id = id;
+
+ window[doc.compatMode + 'doc'] = doc;
+
+ numTextareasLeft++;
+ // Give a timeout so IE has time to figure out it's metrics.
+ setTimeout(function() {
+ if (!title)
+ title = ' none';
+
+ debug('Properties =' + title);
+ shouldBe(doc.compatMode + "doc.getElementById('" + id + "').clientWidth", String(expectedMetrics.clientWidth));
+ shouldBe(doc.compatMode + "doc.getElementById('" + id + "').clientHeight", String(expectedMetrics.clientHeight));
+ shouldBe(doc.compatMode + "doc.getElementById('" + id + "').offsetWidth", String(expectedMetrics.offsetWidth));
+ shouldBe(doc.compatMode + "doc.getElementById('" + id + "').offsetHeight", String(expectedMetrics.offsetHeight));
+ shouldBe(doc.compatMode + "doc.getElementById('" + id + "').scrollWidth", String(expectedMetrics.scrollWidth));
+ shouldBe(doc.compatMode + "doc.getElementById('" + id + "').scrollHeight", String(expectedMetrics.scrollHeight));
+ debug('');
+
+ numTextareasLeft--;
+ if (!numTextareasLeft && window.layoutTestController)
+ window.layoutTestController.notifyDone();
+ }, timeout);
+}
+
+var smallHTML = 'A';
+var htmlThatCausesScroll = 'AAAAAAAAA';
+
+function testTextareasForDocument(doc, compatMode,
+ textareaSizes, textareaWithScrollSizes,
+ textareaWith8pxPaddingSizes, textareaWith8pxPaddingAndScrollbarSizes) {
+ if (doc.compatMode != compatMode)
+ testFailed('This doc should be in ' + compatMode + ' mode.');
+
+ try {
+ var scrollbarStyle = doc.createElement('style');
+ scrollbarStyle.innerText = 'textarea::-webkit-scrollbar{ width:17px }';
+ doc.getElementsByTagName('head')[0].appendChild(scrollbarStyle);
+ } catch (e) {
+ // IE throws an exception here, but doesn't need the above clause anyways.
+ }
+
+ debug('Testing ' + compatMode + ' document.')
+ assertTextareaMetrics(doc, {}, textareaSizes);
+ assertTextareaMetrics(doc, {disabled: true}, textareaSizes);
+ assertTextareaMetrics(doc, {innerHTML: smallHTML}, textareaSizes);
+ assertTextareaMetrics(doc, {innerHTML: htmlThatCausesScroll}, textareaWithScrollSizes);
+ assertTextareaMetrics(doc, {innerHTML: smallHTML, disabled: true}, textareaSizes);
+ assertTextareaMetrics(doc, {innerHTML: htmlThatCausesScroll, disabled: true}, textareaWithScrollSizes);
+ assertTextareaMetrics(doc, {innerHTML: smallHTML, style: 'padding:8px'}, textareaWith8pxPaddingSizes);
+ assertTextareaMetrics(doc, {innerHTML: htmlThatCausesScroll, style: 'padding:8px'}, textareaWith8pxPaddingAndScrollbarSizes);
+ assertTextareaMetrics(doc, {innerHTML: smallHTML, rows: 10}, textareaSizes);
+ assertTextareaMetrics(doc, {innerHTML: htmlThatCausesScroll, rows: 10}, textareaWithScrollSizes);
+}
+
+// For textareas with scrollbars have the expected clientWidth be the
+// expected offsetWidth - scrollbarPlusBorderWidth.
+// default border on textareas is 1px solid. So, the border width is 2.
+// And the scrollbarWidth we set to be 17 to match windows so that
+// these numbers will be platform independent and match IE.
+var scrollbarPlusBorderWidth = 19;
+
+var textareaSizesQuirks = {clientWidth: 48,
+ clientHeight: 48,
+ offsetWidth: 50,
+ offsetHeight: 50,
+ scrollWidth: 48,
+ scrollHeight: 48};
+
+var textareaWithScrollSizesQuirks = {clientWidth: 50 - scrollbarPlusBorderWidth,
+ clientHeight: 48,
+ offsetWidth: 50,
+ offsetHeight: 50,
+ scrollWidth: 50 - scrollbarPlusBorderWidth,
+ scrollHeight: 104};
+
+var textareaWith8pxPaddingSizesQuirks = {clientWidth: 48,
+ clientHeight: 48,
+ offsetWidth: 50,
+ offsetHeight: 50,
+ scrollWidth: 48,
+ scrollHeight: 48};
+
+var textareaWith8pxPaddingAndScrollbarSizesQuirks = {clientWidth: 50 - scrollbarPlusBorderWidth,
+ clientHeight: 48,
+ offsetWidth: 50,
+ offsetHeight: 50,
+ scrollWidth: 50 - scrollbarPlusBorderWidth,
+ scrollHeight: 196};
+
+testTextareasForDocument(document, 'BackCompat',
+ textareaSizesQuirks, textareaWithScrollSizesQuirks,
+ textareaWith8pxPaddingSizesQuirks, textareaWith8pxPaddingAndScrollbarSizesQuirks);
+
+var standardsIframe = document.createElement('iframe');
+standardsIframe.style.width = '100%';
+document.body.appendChild(standardsIframe);
+standardsIframe.contentWindow.document.write('<!DocType html><html><head></head><body></body></html>');
+standardsIframe.contentWindow.document.close();
+
+// Give a timeout so IE has time to figure out it's metrics.
+setTimeout(function() {
+ numTextareasLeft--;
+ var textareaSizesStandards = {clientWidth: 54,
+ clientHeight: 54,
+ offsetWidth: 56,
+ offsetHeight: 56,
+ scrollWidth: 54,
+ scrollHeight: 54};
+
+ var textareaWithScrollSizesStandards = {clientWidth: 56 - scrollbarPlusBorderWidth,
+ clientHeight: 54,
+ offsetWidth: 56,
+ offsetHeight: 56,
+ scrollWidth: 56 - scrollbarPlusBorderWidth,
+ scrollHeight: 64};
+
+ var textareaWith8pxPaddingSizesStandards = {clientWidth: 66,
+ clientHeight: 66,
+ offsetWidth: 68,
+ offsetHeight: 68,
+ scrollWidth: 66,
+ scrollHeight: 66};
+
+ var textareaWith8pxPaddingAndScrollbarSizesStandards = {clientWidth: 68 - scrollbarPlusBorderWidth,
+ clientHeight: 66,
+ offsetWidth: 68,
+ offsetHeight: 68,
+ scrollWidth: 68 - scrollbarPlusBorderWidth,
+ scrollHeight: 76};
+
+ testTextareasForDocument(standardsIframe.contentWindow.document, 'CSS1Compat',
+ textareaSizesStandards, textareaWithScrollSizesStandards,
+ textareaWith8pxPaddingSizesStandards, textareaWith8pxPaddingAndScrollbarSizesStandards);
+}, timeout);
+
+var successfullyParsed = true;
<script>
if (window.eventSender) {
var target = document.getElementById("target");
- eventSender.mouseMoveTo(190, 62);
+ var x = target.offsetLeft + target.offsetWidth - 4;
+ var y = target.offsetTop + target.offsetHeight / 2;
+ eventSender.mouseMoveTo(x, y);
eventSender.mouseDown();
eventSender.mouseUp();
var result = document.getElementById("result");
<script>
if (window.eventSender) {
var target = document.getElementById("target");
- eventSender.mouseMoveTo(200, 122);
+ var translationAmount = 50;
+ var x = target.offsetLeft + target.offsetWidth + translationAmount - 5;
+ var y = target.offsetTop + target.offsetHeight + translationAmount - 5;
+ eventSender.mouseMoveTo(x, y);
eventSender.mouseDown();
eventSender.mouseUp();
var result = document.getElementById("result");
<script>
if (window.eventSender) {
var target = document.getElementById("target");
- eventSender.mouseMoveTo(174, 84);
+ var x = target.offsetLeft + target.offsetWidth - 5;
+ var y = target.offsetTop + target.offsetHeight - 5;
+ x = x * 1.2;
+ y = y * 1.2;
+ eventSender.mouseMoveTo(x, y);
eventSender.mouseDown();
eventSender.mouseUp();
var result = document.getElementById("result");
--- /dev/null
+This test measures the width of textareas and text inputs for different fonts.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+Lucida Grande
+input
+size=1 clientWidth=22
+size=2 clientWidth=27
+size=3 clientWidth=33
+size=4 clientWidth=38
+size=5 clientWidth=43
+size=10 clientWidth=70
+size=20 clientWidth=124
+size=50 clientWidth=286
+size=100 clientWidth=556
+size=500 clientWidth=2712
+size=1000 clientWidth=5407
+
+textarea
+cols=1 clientWidth=25
+cols=2 clientWidth=30
+cols=3 clientWidth=36
+cols=4 clientWidth=41
+cols=5 clientWidth=46
+cols=10 clientWidth=73
+cols=20 clientWidth=127
+cols=50 clientWidth=289
+cols=100 clientWidth=559
+cols=500 clientWidth=2715
+cols=1000 clientWidth=5410
+
+Courier
+input
+size=1 clientWidth=13
+size=2 clientWidth=20
+size=3 clientWidth=27
+size=4 clientWidth=34
+size=5 clientWidth=41
+size=10 clientWidth=76
+size=20 clientWidth=146
+size=50 clientWidth=356
+size=100 clientWidth=706
+size=500 clientWidth=3506
+size=1000 clientWidth=7006
+
+textarea
+cols=1 clientWidth=26
+cols=2 clientWidth=33
+cols=3 clientWidth=40
+cols=4 clientWidth=47
+cols=5 clientWidth=54
+cols=10 clientWidth=89
+cols=20 clientWidth=159
+cols=50 clientWidth=369
+cols=100 clientWidth=719
+cols=500 clientWidth=3519
+cols=1000 clientWidth=7019
+
+Helvetica
+input
+size=1 clientWidth=20
+size=2 clientWidth=25
+size=3 clientWidth=30
+size=4 clientWidth=35
+size=5 clientWidth=40
+size=10 clientWidth=64
+size=20 clientWidth=112
+size=50 clientWidth=257
+size=100 clientWidth=498
+size=500 clientWidth=2427
+size=1000 clientWidth=4838
+
+textarea
+cols=1 clientWidth=24
+cols=2 clientWidth=29
+cols=3 clientWidth=34
+cols=4 clientWidth=39
+cols=5 clientWidth=44
+cols=10 clientWidth=68
+cols=20 clientWidth=116
+cols=50 clientWidth=261
+cols=100 clientWidth=502
+cols=500 clientWidth=2431
+cols=1000 clientWidth=4842
+
+Monaco
+input
+size=1 clientWidth=10
+size=2 clientWidth=17
+size=3 clientWidth=24
+size=4 clientWidth=31
+size=5 clientWidth=38
+size=10 clientWidth=73
+size=20 clientWidth=143
+size=50 clientWidth=353
+size=100 clientWidth=703
+size=500 clientWidth=3503
+size=1000 clientWidth=7003
+
+textarea
+cols=1 clientWidth=26
+cols=2 clientWidth=33
+cols=3 clientWidth=40
+cols=4 clientWidth=47
+cols=5 clientWidth=54
+cols=10 clientWidth=89
+cols=20 clientWidth=159
+cols=50 clientWidth=369
+cols=100 clientWidth=719
+cols=500 clientWidth=3519
+cols=1000 clientWidth=7019
+
+Times
+input
+size=1 clientWidth=23
+size=2 clientWidth=28
+size=3 clientWidth=32
+size=4 clientWidth=37
+size=5 clientWidth=42
+size=10 clientWidth=65
+size=20 clientWidth=111
+size=50 clientWidth=250
+size=100 clientWidth=482
+size=500 clientWidth=2338
+size=1000 clientWidth=4657
+
+textarea
+cols=1 clientWidth=24
+cols=2 clientWidth=29
+cols=3 clientWidth=33
+cols=4 clientWidth=38
+cols=5 clientWidth=43
+cols=10 clientWidth=66
+cols=20 clientWidth=112
+cols=50 clientWidth=251
+cols=100 clientWidth=483
+cols=500 clientWidth=2339
+cols=1000 clientWidth=4658
+
+Andale Mono
+input
+size=1 clientWidth=10
+size=2 clientWidth=17
+size=3 clientWidth=24
+size=4 clientWidth=31
+size=5 clientWidth=38
+size=10 clientWidth=73
+size=20 clientWidth=143
+size=50 clientWidth=353
+size=100 clientWidth=703
+size=500 clientWidth=3503
+size=1000 clientWidth=7003
+
+textarea
+cols=1 clientWidth=26
+cols=2 clientWidth=33
+cols=3 clientWidth=40
+cols=4 clientWidth=47
+cols=5 clientWidth=54
+cols=10 clientWidth=89
+cols=20 clientWidth=159
+cols=50 clientWidth=369
+cols=100 clientWidth=719
+cols=500 clientWidth=3519
+cols=1000 clientWidth=7019
+
+Arial
+input
+size=1 clientWidth=26
+size=2 clientWidth=31
+size=3 clientWidth=36
+size=4 clientWidth=41
+size=5 clientWidth=46
+size=10 clientWidth=70
+size=20 clientWidth=118
+size=50 clientWidth=263
+size=100 clientWidth=504
+size=500 clientWidth=2433
+size=1000 clientWidth=4844
+
+textarea
+cols=1 clientWidth=24
+cols=2 clientWidth=29
+cols=3 clientWidth=34
+cols=4 clientWidth=39
+cols=5 clientWidth=44
+cols=10 clientWidth=68
+cols=20 clientWidth=116
+cols=50 clientWidth=261
+cols=100 clientWidth=502
+cols=500 clientWidth=2431
+cols=1000 clientWidth=4842
+
+Comic Sans MS
+input
+size=1 clientWidth=18
+size=2 clientWidth=23
+size=3 clientWidth=28
+size=4 clientWidth=33
+size=5 clientWidth=38
+size=10 clientWidth=64
+size=20 clientWidth=115
+size=50 clientWidth=269
+size=100 clientWidth=525
+size=500 clientWidth=2575
+size=1000 clientWidth=5138
+
+textarea
+cols=1 clientWidth=25
+cols=2 clientWidth=30
+cols=3 clientWidth=35
+cols=4 clientWidth=40
+cols=5 clientWidth=45
+cols=10 clientWidth=71
+cols=20 clientWidth=122
+cols=50 clientWidth=276
+cols=100 clientWidth=532
+cols=500 clientWidth=2582
+cols=1000 clientWidth=5145
+
+Courier New
+input
+size=1 clientWidth=10
+size=2 clientWidth=17
+size=3 clientWidth=24
+size=4 clientWidth=31
+size=5 clientWidth=38
+size=10 clientWidth=73
+size=20 clientWidth=143
+size=50 clientWidth=353
+size=100 clientWidth=703
+size=500 clientWidth=3503
+size=1000 clientWidth=7003
+
+textarea
+cols=1 clientWidth=26
+cols=2 clientWidth=33
+cols=3 clientWidth=40
+cols=4 clientWidth=47
+cols=5 clientWidth=54
+cols=10 clientWidth=89
+cols=20 clientWidth=159
+cols=50 clientWidth=369
+cols=100 clientWidth=719
+cols=500 clientWidth=3519
+cols=1000 clientWidth=7019
+
+Georgia
+input
+size=1 clientWidth=17
+size=2 clientWidth=22
+size=3 clientWidth=27
+size=4 clientWidth=32
+size=5 clientWidth=37
+size=10 clientWidth=61
+size=20 clientWidth=110
+size=50 clientWidth=256
+size=100 clientWidth=500
+size=500 clientWidth=2448
+size=1000 clientWidth=4883
+
+textarea
+cols=1 clientWidth=24
+cols=2 clientWidth=29
+cols=3 clientWidth=34
+cols=4 clientWidth=39
+cols=5 clientWidth=44
+cols=10 clientWidth=68
+cols=20 clientWidth=117
+cols=50 clientWidth=263
+cols=100 clientWidth=507
+cols=500 clientWidth=2455
+cols=1000 clientWidth=4890
+
+Times New Roman
+input
+size=1 clientWidth=26
+size=2 clientWidth=31
+size=3 clientWidth=35
+size=4 clientWidth=40
+size=5 clientWidth=45
+size=10 clientWidth=68
+size=20 clientWidth=114
+size=50 clientWidth=253
+size=100 clientWidth=485
+size=500 clientWidth=2341
+size=1000 clientWidth=4660
+
+textarea
+cols=1 clientWidth=24
+cols=2 clientWidth=29
+cols=3 clientWidth=33
+cols=4 clientWidth=38
+cols=5 clientWidth=43
+cols=10 clientWidth=66
+cols=20 clientWidth=112
+cols=50 clientWidth=251
+cols=100 clientWidth=483
+cols=500 clientWidth=2339
+cols=1000 clientWidth=4658
+
+Trebuchet MS
+input
+size=1 clientWidth=16
+size=2 clientWidth=21
+size=3 clientWidth=26
+size=4 clientWidth=31
+size=5 clientWidth=36
+size=10 clientWidth=60
+size=20 clientWidth=108
+size=50 clientWidth=254
+size=100 clientWidth=496
+size=500 clientWidth=2436
+size=1000 clientWidth=4860
+
+textarea
+cols=1 clientWidth=24
+cols=2 clientWidth=29
+cols=3 clientWidth=34
+cols=4 clientWidth=39
+cols=5 clientWidth=44
+cols=10 clientWidth=68
+cols=20 clientWidth=116
+cols=50 clientWidth=262
+cols=100 clientWidth=504
+cols=500 clientWidth=2444
+cols=1000 clientWidth=4868
+
+Verdana
+input
+size=1 clientWidth=20
+size=2 clientWidth=26
+size=3 clientWidth=32
+size=4 clientWidth=38
+size=5 clientWidth=43
+size=10 clientWidth=72
+size=20 clientWidth=130
+size=50 clientWidth=303
+size=100 clientWidth=591
+size=500 clientWidth=2895
+size=1000 clientWidth=5775
+
+textarea
+cols=1 clientWidth=25
+cols=2 clientWidth=31
+cols=3 clientWidth=37
+cols=4 clientWidth=43
+cols=5 clientWidth=48
+cols=10 clientWidth=77
+cols=20 clientWidth=135
+cols=50 clientWidth=308
+cols=100 clientWidth=596
+cols=500 clientWidth=2900
+cols=1000 clientWidth=5780
+
+Webdings
+input
+size=1 clientWidth=19
+size=2 clientWidth=29
+size=3 clientWidth=39
+size=4 clientWidth=49
+size=5 clientWidth=59
+size=10 clientWidth=109
+size=20 clientWidth=210
+size=50 clientWidth=512
+size=100 clientWidth=1015
+size=500 clientWidth=5043
+size=1000 clientWidth=10078
+
+textarea
+cols=1 clientWidth=30
+cols=2 clientWidth=40
+cols=3 clientWidth=50
+cols=4 clientWidth=60
+cols=5 clientWidth=70
+cols=10 clientWidth=120
+cols=20 clientWidth=221
+cols=50 clientWidth=523
+cols=100 clientWidth=1026
+cols=500 clientWidth=5054
+cols=1000 clientWidth=10089
+
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
--- /dev/null
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html>
+<head>
+<link rel="stylesheet" href="../../fast/js/resources/js-test-style.css">
+<script src="../../fast/js/resources/js-test-pre.js"></script>
+</head>
+<body>
+<p id="description"></p>
+<div id="console"></div>
+<script src="resources/text-control-intrinsic-widths.js"></script>
+<script src="../../fast/js/resources/js-test-post.js"></script>
+</body>
+</html>
// wrap = hard
result = unescape(urlString.substring(index1, index2 - 1));
- expectedResult = unescape("ta_WrapHard=1234567%0D%0A89");
+ expectedResult = unescape("ta_WrapHard=123456%0D%0A789");
if (result == expectedResult)
log("<p>wrap=hard : Success</p>");
else
// wrap = hard - RTL text
result = unescape(urlString.substring(index4, index5 - 1));
- expectedResult = unescape("ta_WrapHardRTL=אבגאבגאב%0D%0Aגאבג");
+ expectedResult = unescape("ta_WrapHardRTL=אבגאבג%0D%0Aאבגאבג");
if (result == expectedResult)
log("<p>wrap=hard rtl text: Success</p>");
else
// wrap = hard, mixed rtl and ltr text
result = unescape(urlString.substring(index5, index6 - 1));
- expectedResult = unescape("ta_WrapHardBidi=abcאבגאב%0D%0Aגabc");
+ expectedResult = unescape("ta_WrapHardBidi=abcאבג%0D%0Aאבגabc");
if (result == expectedResult)
log("<p>wrap=hard mixed rtl and ltr text: Success</p>");
else
// wrap = hard, visibility:hidden
result = unescape(urlString.substring(index6, index7 - 1));
- expectedResult = unescape("ta_WrapHardHidden=1234567%0D%0A89");
+ expectedResult = unescape("ta_WrapHardHidden=123456%0D%0A789");
if (result == expectedResult)
log("<p>wrap=hard visibility:hidden: Success</p>");
else
document.f.submit();
} else {
var formData = document.URL.substring(document.URL.indexOf('?') + 1, document.URL.length);
- if (formData == "textarea=1234567%0D%0A89")
+ var expectedTextareaContents = "textarea=123456%0D%0A789";
+ if (formData == expectedTextareaContents)
document.write("Success");
else
- document.write("Failure. The form data that should have been submitted: textarea=1234567%0D%0A89<br>This is what was actually submitted: " + formData);
+ document.write("Failure. The form data that should have been submitted: " +
+ expectedTextareaContents + "<br>This is what was actually submitted: " + formData);
if (window.layoutTestController)
window.layoutTestController.notifyDone();
}
--- /dev/null
+This test checks that textareas have the right metrics. These numbers match IE7 except for scrollHeight. For two reasons:
+1. scrollHeight is different for elements without enough content to cause scroll because IE7 then reports the height of the text inside the element as the scrollHeight. IE8 reports has scrollHeight == offsetHeight. Gecko/WebKit have scrollHeight == clientHeight.
+2. For the elements with scroll in standards-mode, IE wraps the text differently. It seems to leave 2px less space for the text. We don't currently mimic this quirk. It's not clear whether we should given that we agree with IE7's clientWidth numbers in all these cases.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+Testing BackCompat document.
+PASS successfullyParsed is true
+
+TEST COMPLETE
+Properties = none
+PASS BackCompatdoc.getElementById('no-styles').clientWidth is 48
+PASS BackCompatdoc.getElementById('no-styles').clientHeight is 48
+PASS BackCompatdoc.getElementById('no-styles').offsetWidth is 50
+PASS BackCompatdoc.getElementById('no-styles').offsetHeight is 50
+PASS BackCompatdoc.getElementById('no-styles').scrollWidth is 48
+PASS BackCompatdoc.getElementById('no-styles').scrollHeight is 48
+
+Properties = disabled: "true",
+PASS BackCompatdoc.getElementById('-disabled-true-').clientWidth is 48
+PASS BackCompatdoc.getElementById('-disabled-true-').clientHeight is 48
+PASS BackCompatdoc.getElementById('-disabled-true-').offsetWidth is 50
+PASS BackCompatdoc.getElementById('-disabled-true-').offsetHeight is 50
+PASS BackCompatdoc.getElementById('-disabled-true-').scrollWidth is 48
+PASS BackCompatdoc.getElementById('-disabled-true-').scrollHeight is 48
+
+Properties = innerHTML: "A",
+PASS BackCompatdoc.getElementById('-innerHTML-A-').clientWidth is 48
+PASS BackCompatdoc.getElementById('-innerHTML-A-').clientHeight is 48
+PASS BackCompatdoc.getElementById('-innerHTML-A-').offsetWidth is 50
+PASS BackCompatdoc.getElementById('-innerHTML-A-').offsetHeight is 50
+PASS BackCompatdoc.getElementById('-innerHTML-A-').scrollWidth is 48
+PASS BackCompatdoc.getElementById('-innerHTML-A-').scrollHeight is 48
+
+Properties = innerHTML: "AAAAAAAAA",
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-').clientWidth is 31
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-').clientHeight is 48
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-').offsetWidth is 50
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-').offsetHeight is 50
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-').scrollWidth is 31
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-').scrollHeight is 104
+
+Properties = innerHTML: "A", disabled: "true",
+PASS BackCompatdoc.getElementById('-innerHTML-A-disabled-true-').clientWidth is 48
+PASS BackCompatdoc.getElementById('-innerHTML-A-disabled-true-').clientHeight is 48
+PASS BackCompatdoc.getElementById('-innerHTML-A-disabled-true-').offsetWidth is 50
+PASS BackCompatdoc.getElementById('-innerHTML-A-disabled-true-').offsetHeight is 50
+PASS BackCompatdoc.getElementById('-innerHTML-A-disabled-true-').scrollWidth is 48
+PASS BackCompatdoc.getElementById('-innerHTML-A-disabled-true-').scrollHeight is 48
+
+Properties = innerHTML: "AAAAAAAAA", disabled: "true",
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-disabled-true-').clientWidth is 31
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-disabled-true-').clientHeight is 48
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-disabled-true-').offsetWidth is 50
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-disabled-true-').offsetHeight is 50
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-disabled-true-').scrollWidth is 31
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-disabled-true-').scrollHeight is 104
+
+Properties = innerHTML: "A", style: "padding:8px",
+PASS BackCompatdoc.getElementById('-innerHTML-A-style-padding-8px-').clientWidth is 48
+PASS BackCompatdoc.getElementById('-innerHTML-A-style-padding-8px-').clientHeight is 48
+PASS BackCompatdoc.getElementById('-innerHTML-A-style-padding-8px-').offsetWidth is 50
+PASS BackCompatdoc.getElementById('-innerHTML-A-style-padding-8px-').offsetHeight is 50
+PASS BackCompatdoc.getElementById('-innerHTML-A-style-padding-8px-').scrollWidth is 48
+PASS BackCompatdoc.getElementById('-innerHTML-A-style-padding-8px-').scrollHeight is 48
+
+Properties = innerHTML: "AAAAAAAAA", style: "padding:8px",
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-style-padding-8px-').clientWidth is 31
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-style-padding-8px-').clientHeight is 48
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-style-padding-8px-').offsetWidth is 50
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-style-padding-8px-').offsetHeight is 50
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-style-padding-8px-').scrollWidth is 31
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-style-padding-8px-').scrollHeight is 196
+
+Properties = innerHTML: "A", rows: "10",
+PASS BackCompatdoc.getElementById('-innerHTML-A-rows-10-').clientWidth is 48
+PASS BackCompatdoc.getElementById('-innerHTML-A-rows-10-').clientHeight is 48
+PASS BackCompatdoc.getElementById('-innerHTML-A-rows-10-').offsetWidth is 50
+PASS BackCompatdoc.getElementById('-innerHTML-A-rows-10-').offsetHeight is 50
+PASS BackCompatdoc.getElementById('-innerHTML-A-rows-10-').scrollWidth is 48
+PASS BackCompatdoc.getElementById('-innerHTML-A-rows-10-').scrollHeight is 48
+
+Properties = innerHTML: "AAAAAAAAA", rows: "10",
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-rows-10-').clientWidth is 31
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-rows-10-').clientHeight is 48
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-rows-10-').offsetWidth is 50
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-rows-10-').offsetHeight is 50
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-rows-10-').scrollWidth is 31
+PASS BackCompatdoc.getElementById('-innerHTML-AAAAAAAAA-rows-10-').scrollHeight is 104
+
+Testing CSS1Compat document.
+Properties = none
+PASS CSS1Compatdoc.getElementById('no-styles').clientWidth is 54
+PASS CSS1Compatdoc.getElementById('no-styles').clientHeight is 54
+PASS CSS1Compatdoc.getElementById('no-styles').offsetWidth is 56
+PASS CSS1Compatdoc.getElementById('no-styles').offsetHeight is 56
+PASS CSS1Compatdoc.getElementById('no-styles').scrollWidth is 54
+PASS CSS1Compatdoc.getElementById('no-styles').scrollHeight is 54
+
+Properties = disabled: "true",
+PASS CSS1Compatdoc.getElementById('-disabled-true-').clientWidth is 54
+PASS CSS1Compatdoc.getElementById('-disabled-true-').clientHeight is 54
+PASS CSS1Compatdoc.getElementById('-disabled-true-').offsetWidth is 56
+PASS CSS1Compatdoc.getElementById('-disabled-true-').offsetHeight is 56
+PASS CSS1Compatdoc.getElementById('-disabled-true-').scrollWidth is 54
+PASS CSS1Compatdoc.getElementById('-disabled-true-').scrollHeight is 54
+
+Properties = innerHTML: "A",
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-').clientWidth is 54
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-').clientHeight is 54
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-').offsetWidth is 56
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-').offsetHeight is 56
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-').scrollWidth is 54
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-').scrollHeight is 54
+
+Properties = innerHTML: "AAAAAAAAA",
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-').clientWidth is 37
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-').clientHeight is 54
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-').offsetWidth is 56
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-').offsetHeight is 56
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-').scrollWidth is 37
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-').scrollHeight is 64
+
+Properties = innerHTML: "A", disabled: "true",
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-disabled-true-').clientWidth is 54
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-disabled-true-').clientHeight is 54
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-disabled-true-').offsetWidth is 56
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-disabled-true-').offsetHeight is 56
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-disabled-true-').scrollWidth is 54
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-disabled-true-').scrollHeight is 54
+
+Properties = innerHTML: "AAAAAAAAA", disabled: "true",
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-disabled-true-').clientWidth is 37
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-disabled-true-').clientHeight is 54
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-disabled-true-').offsetWidth is 56
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-disabled-true-').offsetHeight is 56
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-disabled-true-').scrollWidth is 37
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-disabled-true-').scrollHeight is 64
+
+Properties = innerHTML: "A", style: "padding:8px",
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-style-padding-8px-').clientWidth is 66
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-style-padding-8px-').clientHeight is 66
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-style-padding-8px-').offsetWidth is 68
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-style-padding-8px-').offsetHeight is 68
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-style-padding-8px-').scrollWidth is 66
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-style-padding-8px-').scrollHeight is 66
+
+Properties = innerHTML: "AAAAAAAAA", style: "padding:8px",
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-style-padding-8px-').clientWidth is 49
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-style-padding-8px-').clientHeight is 66
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-style-padding-8px-').offsetWidth is 68
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-style-padding-8px-').offsetHeight is 68
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-style-padding-8px-').scrollWidth is 49
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-style-padding-8px-').scrollHeight is 76
+
+Properties = innerHTML: "A", rows: "10",
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-rows-10-').clientWidth is 54
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-rows-10-').clientHeight is 54
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-rows-10-').offsetWidth is 56
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-rows-10-').offsetHeight is 56
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-rows-10-').scrollWidth is 54
+PASS CSS1Compatdoc.getElementById('-innerHTML-A-rows-10-').scrollHeight is 54
+
+Properties = innerHTML: "AAAAAAAAA", rows: "10",
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-rows-10-').clientWidth is 37
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-rows-10-').clientHeight is 54
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-rows-10-').offsetWidth is 56
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-rows-10-').offsetHeight is 56
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-rows-10-').scrollWidth is 37
+PASS CSS1Compatdoc.getElementById('-innerHTML-AAAAAAAAA-rows-10-').scrollHeight is 64
+
+
--- /dev/null
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html>
+<head>
+<link rel="stylesheet" href="../../fast/js/resources/js-test-style.css">
+<script src="../../fast/js/resources/js-test-pre.js"></script>
+</head>
+<body>
+<p id="description"></p>
+<div id="console"></div>
+<script src="resources/textarea-metrics.js"></script>
+<script src="../../fast/js/resources/js-test-post.js"></script>
+</body>
+</html>
</style>
</head>
<body>
-<div>This text area should be drawn with a reasonable width. To meet the specified 'cols="88"',
-it should wrap after the X in the third set of capital letters. Alternatively, to match IE,
-it should wrap at 66 characters (after the X in the third set of digits).
-See https://bugs.webkit.org/show_bug.cgi?id=15312 .</div><br />
+<div>This text area should be drawn with a reasonable width. To match IE, using GDI fonts it should wrap at 66 characters (after the X in the third set of digits). See https://bugs.webkit.org/show_bug.cgi?id=15312.</div><br />
<textarea rows="20" cols="88" wrap="soft" class="input">
1234567890abcdefghijABCDEFGHIJ1234567890abcdefghijABCDEFGHIJ12345X7890abcdefghijABCDEFGXIJ1234567890abcdefghijABCDEFGHIJ
</textarea>
PASS getComputedStyleForElement(document.getElementById('input-image-75'), 'height') is '75px'
PASS getComputedStyleForElement(document.getElementById('input-image-100'), 'width') is '100px'
PASS getComputedStyleForElement(document.getElementById('input-image-100'), 'height') is '100px'
-PASS getComputedStyleForElement(document.getElementById('input-password-75'), 'width') is '148px'
+PASS getComputedStyleForElement(document.getElementById('input-password-75'), 'width') is '128px'
PASS getComputedStyleForElement(document.getElementById('input-password-75'), 'height') is '8px'
-PASS getComputedStyleForElement(document.getElementById('input-password-100'), 'width') is '148px'
+PASS getComputedStyleForElement(document.getElementById('input-password-100'), 'width') is '128px'
PASS getComputedStyleForElement(document.getElementById('input-password-100'), 'height') is '13px'
PASS getComputedStyleForElement(document.getElementById('input-radio-75'), 'width') is '12px'
PASS getComputedStyleForElement(document.getElementById('input-radio-75'), 'height') is '4px'
PASS getComputedStyleForElement(document.getElementById('input-submit-75'), 'height') is '18px'
PASS getComputedStyleForElement(document.getElementById('input-submit-100'), 'width') is '54px'
PASS getComputedStyleForElement(document.getElementById('input-submit-100'), 'height') is '18px'
-PASS getComputedStyleForElement(document.getElementById('input-text-75'), 'width') is '148px'
+PASS getComputedStyleForElement(document.getElementById('input-text-75'), 'width') is '128px'
PASS getComputedStyleForElement(document.getElementById('input-text-75'), 'height') is '8px'
-PASS getComputedStyleForElement(document.getElementById('input-text-100'), 'width') is '148px'
+PASS getComputedStyleForElement(document.getElementById('input-text-100'), 'width') is '128px'
PASS getComputedStyleForElement(document.getElementById('input-text-100'), 'height') is '13px'
-PASS getComputedStyleForElement(document.getElementById('isindex-75'), 'width') is '142px'
+PASS getComputedStyleForElement(document.getElementById('isindex-75'), 'width') is '122px'
PASS getComputedStyleForElement(document.getElementById('isindex-75'), 'height') is '35px'
-PASS getComputedStyleForElement(document.getElementById('isindex-100'), 'width') is '142px'
+PASS getComputedStyleForElement(document.getElementById('isindex-100'), 'width') is '122px'
PASS getComputedStyleForElement(document.getElementById('isindex-100'), 'height') is '49px'
PASS getComputedStyleForElement(document.getElementById('select-75'), 'width') is '68px'
PASS getComputedStyleForElement(document.getElementById('select-75'), 'height') is '18px'
PASS getComputedStyleForElement(document.getElementById('select-100'), 'width') is '68px'
PASS getComputedStyleForElement(document.getElementById('select-100'), 'height') is '18px'
-PASS getComputedStyleForElement(document.getElementById('textarea-75'), 'width') is '163px'
+PASS getComputedStyleForElement(document.getElementById('textarea-75'), 'width') is '129px'
PASS getComputedStyleForElement(document.getElementById('textarea-75'), 'height') is '19px'
-PASS getComputedStyleForElement(document.getElementById('textarea-100'), 'width') is '163px'
-PASS getComputedStyleForElement(document.getElementById('textarea-100'), 'height') is '26px'
+PASS getComputedStyleForElement(document.getElementById('textarea-100'), 'width') is '129px'
+PASS getComputedStyleForElement(document.getElementById('textarea-100'), 'height') is '28px'
PASS successfullyParsed is true
TEST COMPLETE
shouldBe("getComputedStyleForElement(document.getElementById('input-image-100'), 'width')", "'100px'");
shouldBe("getComputedStyleForElement(document.getElementById('input-image-100'), 'height')", "'100px'");
- shouldBe("getComputedStyleForElement(document.getElementById('input-password-75'), 'width')", "'148px'");
+ shouldBe("getComputedStyleForElement(document.getElementById('input-password-75'), 'width')", "'128px'");
shouldBe("getComputedStyleForElement(document.getElementById('input-password-75'), 'height')", "'8px'");
- shouldBe("getComputedStyleForElement(document.getElementById('input-password-100'), 'width')", "'148px'");
+ shouldBe("getComputedStyleForElement(document.getElementById('input-password-100'), 'width')", "'128px'");
shouldBe("getComputedStyleForElement(document.getElementById('input-password-100'), 'height')", "'13px'");
shouldBe("getComputedStyleForElement(document.getElementById('input-radio-75'), 'width')", "'12px'");
shouldBe("getComputedStyleForElement(document.getElementById('input-submit-100'), 'width')", "'54px'");
shouldBe("getComputedStyleForElement(document.getElementById('input-submit-100'), 'height')", "'18px'");
- shouldBe("getComputedStyleForElement(document.getElementById('input-text-75'), 'width')", "'148px'");
+ shouldBe("getComputedStyleForElement(document.getElementById('input-text-75'), 'width')", "'128px'");
shouldBe("getComputedStyleForElement(document.getElementById('input-text-75'), 'height')", "'8px'");
- shouldBe("getComputedStyleForElement(document.getElementById('input-text-100'), 'width')", "'148px'");
+ shouldBe("getComputedStyleForElement(document.getElementById('input-text-100'), 'width')", "'128px'");
shouldBe("getComputedStyleForElement(document.getElementById('input-text-100'), 'height')", "'13px'");
- shouldBe("getComputedStyleForElement(document.getElementById('isindex-75'), 'width')", "'142px'");
+ shouldBe("getComputedStyleForElement(document.getElementById('isindex-75'), 'width')", "'122px'");
shouldBe("getComputedStyleForElement(document.getElementById('isindex-75'), 'height')", "'35px'");
- shouldBe("getComputedStyleForElement(document.getElementById('isindex-100'), 'width')", "'142px'");
+ shouldBe("getComputedStyleForElement(document.getElementById('isindex-100'), 'width')", "'122px'");
shouldBe("getComputedStyleForElement(document.getElementById('isindex-100'), 'height')", "'49px'");
shouldBe("getComputedStyleForElement(document.getElementById('select-75'), 'width')", "'68px'");
shouldBe("getComputedStyleForElement(document.getElementById('select-100'), 'width')", "'68px'");
shouldBe("getComputedStyleForElement(document.getElementById('select-100'), 'height')", "'18px'");
- shouldBe("getComputedStyleForElement(document.getElementById('textarea-75'), 'width')", "'163px'");
+ shouldBe("getComputedStyleForElement(document.getElementById('textarea-75'), 'width')", "'129px'");
shouldBe("getComputedStyleForElement(document.getElementById('textarea-75'), 'height')", "'19px'");
- shouldBe("getComputedStyleForElement(document.getElementById('textarea-100'), 'width')", "'163px'");
- shouldBe("getComputedStyleForElement(document.getElementById('textarea-100'), 'height')", "'26px'");
+ shouldBe("getComputedStyleForElement(document.getElementById('textarea-100'), 'width')", "'129px'");
+ shouldBe("getComputedStyleForElement(document.getElementById('textarea-100'), 'height')", "'28px'");
isSuccessfullyParsed();
-9e6f257f5a1422ea260c9c4784615d01
\ No newline at end of file
+5c1bc46f6d013835846271faa26f989d
\ No newline at end of file
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584
- RenderTable {TABLE} at (0,0) size 453x326
- RenderTableSection {TBODY} at (0,0) size 453x326
- RenderTableRow {TR} at (0,2) size 453x25
- RenderTableCell {TD} at (2,2) size 49x25 [r=0 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,7) size 96x15 [color=#808080] [r=0 c=1 rs=1 cs=1]
+ RenderTable {TABLE} at (0,0) size 457x326
+ RenderTableSection {TBODY} at (0,0) size 457x326
+ RenderTableRow {TR} at (0,2) size 457x25
+ RenderTableCell {TD} at (2,2) size 53x25 [r=0 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,7) size 96x15 [color=#808080] [r=0 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "1234"
- RenderTableCell {TD} at (151,7) size 300x15 [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,7) size 300x15 [r=0 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 281x13
text run at (1,1) width 281: "maxlength and value that violates it, maxlength first"
- RenderTableRow {TR} at (0,29) size 453x25
- RenderTableCell {TD} at (2,29) size 49x25 [r=1 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,34) size 96x15 [color=#808080] [r=1 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,29) size 457x25
+ RenderTableCell {TD} at (2,29) size 53x25 [r=1 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,34) size 96x15 [color=#808080] [r=1 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "1234"
- RenderTableCell {TD} at (151,34) size 300x15 [r=1 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,34) size 300x15 [r=1 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 251x13
text run at (1,1) width 251: "maxlength and value that violates it, value first"
- RenderTableRow {TR} at (0,56) size 453x25
- RenderTableCell {TD} at (2,56) size 49x25 [r=2 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,61) size 96x15 [color=#808080] [r=2 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,56) size 457x25
+ RenderTableCell {TD} at (2,56) size 53x25 [r=2 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,61) size 96x15 [color=#808080] [r=2 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "1234"
- RenderTableCell {TD} at (151,61) size 300x15 [r=2 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,61) size 300x15 [r=2 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 226x13
text run at (1,1) width 226: "set value attribute that violates maxlength"
- RenderTableRow {TR} at (0,83) size 453x25
- RenderTableCell {TD} at (2,83) size 49x25 [r=3 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,88) size 96x15 [color=#808080] [r=3 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,83) size 457x25
+ RenderTableCell {TD} at (2,83) size 53x25 [r=3 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,88) size 96x15 [color=#808080] [r=3 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "1234"
- RenderTableCell {TD} at (151,88) size 300x15 [r=3 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,88) size 300x15 [r=3 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 226x13
text run at (1,1) width 226: "set value property that violates maxlength"
- RenderTableRow {TR} at (0,110) size 453x25
- RenderTableCell {TD} at (2,110) size 49x25 [r=4 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,115) size 96x15 [color=#808080] [r=4 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,110) size 457x25
+ RenderTableCell {TD} at (2,110) size 53x25 [r=4 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,115) size 96x15 [color=#808080] [r=4 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "1234"
- RenderTableCell {TD} at (151,115) size 300x15 [r=4 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,115) size 300x15 [r=4 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 296x13
text run at (1,1) width 296: "set maxlength attribute that is smaller than initial value"
- RenderTableRow {TR} at (0,137) size 453x25
- RenderTableCell {TD} at (2,137) size 49x25 [r=5 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,142) size 96x15 [color=#808080] [r=5 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,137) size 457x25
+ RenderTableCell {TD} at (2,137) size 53x25 [r=5 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,142) size 96x15 [color=#808080] [r=5 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "1234"
- RenderTableCell {TD} at (151,142) size 300x15 [r=5 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,142) size 300x15 [r=5 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 298x13
text run at (1,1) width 298: "set maxLength property that is smaller than initial value"
- RenderTableRow {TR} at (0,164) size 453x25
- RenderTableCell {TD} at (2,164) size 49x25 [r=6 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,169) size 96x15 [color=#808080] [r=6 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,164) size 457x25
+ RenderTableCell {TD} at (2,164) size 53x25 [r=6 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,169) size 96x15 [color=#808080] [r=6 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "12x\x{305}\x{332}4"
- RenderTableCell {TD} at (151,169) size 300x15 [r=6 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,169) size 300x15 [r=6 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 281x13
text run at (1,1) width 281: "maxlength and value that violates it, maxlength first"
- RenderTableRow {TR} at (0,191) size 453x25
- RenderTableCell {TD} at (2,191) size 49x25 [r=7 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,196) size 96x15 [color=#808080] [r=7 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,191) size 457x25
+ RenderTableCell {TD} at (2,191) size 53x25 [r=7 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,196) size 96x15 [color=#808080] [r=7 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "12x\x{305}\x{332}4"
- RenderTableCell {TD} at (151,196) size 300x15 [r=7 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,196) size 300x15 [r=7 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 251x13
text run at (1,1) width 251: "maxlength and value that violates it, value first"
- RenderTableRow {TR} at (0,218) size 453x25
- RenderTableCell {TD} at (2,218) size 49x25 [r=8 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,223) size 96x15 [color=#808080] [r=8 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,218) size 457x25
+ RenderTableCell {TD} at (2,218) size 53x25 [r=8 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,223) size 96x15 [color=#808080] [r=8 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "12x\x{305}\x{332}4"
- RenderTableCell {TD} at (151,223) size 300x15 [r=8 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,223) size 300x15 [r=8 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 226x13
text run at (1,1) width 226: "set value attribute that violates maxlength"
- RenderTableRow {TR} at (0,245) size 453x25
- RenderTableCell {TD} at (2,245) size 49x25 [r=9 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,250) size 96x15 [color=#808080] [r=9 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,245) size 457x25
+ RenderTableCell {TD} at (2,245) size 53x25 [r=9 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,250) size 96x15 [color=#808080] [r=9 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "12x\x{305}\x{332}4"
- RenderTableCell {TD} at (151,250) size 300x15 [r=9 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,250) size 300x15 [r=9 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 226x13
text run at (1,1) width 226: "set value property that violates maxlength"
- RenderTableRow {TR} at (0,272) size 453x25
- RenderTableCell {TD} at (2,272) size 49x25 [r=10 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,277) size 96x15 [color=#808080] [r=10 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,272) size 457x25
+ RenderTableCell {TD} at (2,272) size 53x25 [r=10 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,277) size 96x15 [color=#808080] [r=10 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "12x\x{305}\x{332}4"
- RenderTableCell {TD} at (151,277) size 300x15 [r=10 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,277) size 300x15 [r=10 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 296x13
text run at (1,1) width 296: "set maxlength attribute that is smaller than initial value"
- RenderTableRow {TR} at (0,299) size 453x25
- RenderTableCell {TD} at (2,299) size 49x25 [r=11 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,304) size 96x15 [color=#808080] [r=11 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,299) size 457x25
+ RenderTableCell {TD} at (2,299) size 53x25 [r=11 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,304) size 96x15 [color=#808080] [r=11 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "12x\x{305}\x{332}4"
- RenderTableCell {TD} at (151,304) size 300x15 [r=11 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,304) size 300x15 [r=11 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 298x13
text run at (1,1) width 298: "set maxLength property that is smaller than initial value"
-layer at (16,16) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,16) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "1234"
-layer at (16,43) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,43) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "1234"
-layer at (16,70) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,70) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "1234"
-layer at (16,97) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,97) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "1234"
-layer at (16,124) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,124) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 35x13
text run at (1,0) width 35: "12345"
-layer at (16,151) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,151) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 35x13
text run at (1,0) width 35: "12345"
-layer at (16,178) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,178) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "12x\x{305}\x{332}4"
-layer at (16,205) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,205) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "12x\x{305}\x{332}4"
-layer at (16,232) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,232) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "12x\x{305}\x{332}4"
-layer at (16,259) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,259) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "12x\x{305}\x{332}4"
-layer at (16,286) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,286) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 35x13
text run at (1,0) width 35: "12x\x{305}\x{332}45"
-layer at (16,313) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,313) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 35x13
text run at (1,0) width 35: "12x\x{305}\x{332}45"
-387ba312d39454ad165c9872a4dbb2fb
\ No newline at end of file
+cf93b19201f246ba7f3245f1343e0cff
\ No newline at end of file
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584
- RenderTable {TABLE} at (0,0) size 485x245
- RenderTableSection {TBODY} at (0,0) size 485x245
- RenderTableRow {TR} at (0,2) size 485x25
- RenderTableCell {TD} at (2,2) size 49x25 [r=0 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,7) size 96x15 [color=#808080] [r=0 c=1 rs=1 cs=1]
+ RenderTable {TABLE} at (0,0) size 489x245
+ RenderTableSection {TBODY} at (0,0) size 489x245
+ RenderTableRow {TR} at (0,2) size 489x25
+ RenderTableCell {TD} at (2,2) size 53x25 [r=0 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,7) size 96x15 [color=#808080] [r=0 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 21x13
text run at (60,1) width 21: "123"
- RenderTableCell {TD} at (151,7) size 332x15 [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,7) size 332x15 [r=0 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 330x13
text run at (1,1) width 330: "set value attribute that violates maxlength (with pasted value)"
- RenderTableRow {TR} at (0,29) size 485x25
- RenderTableCell {TD} at (2,29) size 49x25 [r=1 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,34) size 96x15 [color=#808080] [r=1 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,29) size 489x25
+ RenderTableCell {TD} at (2,29) size 53x25 [r=1 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,34) size 96x15 [color=#808080] [r=1 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "1234"
- RenderTableCell {TD} at (151,34) size 332x15 [r=1 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,34) size 332x15 [r=1 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 330x13
text run at (1,1) width 330: "set value property that violates maxlength (with pasted value)"
- RenderTableRow {TR} at (0,56) size 485x25
- RenderTableCell {TD} at (2,56) size 49x25 [r=2 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,61) size 96x15 [color=#808080] [r=2 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,56) size 489x25
+ RenderTableCell {TD} at (2,56) size 53x25 [r=2 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,61) size 96x15 [color=#808080] [r=2 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "1234"
- RenderTableCell {TD} at (151,61) size 332x15 [r=2 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,61) size 332x15 [r=2 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 302x13
text run at (1,1) width 302: "set maxlength attribute that is smaller than pasted value"
- RenderTableRow {TR} at (0,83) size 485x25
- RenderTableCell {TD} at (2,83) size 49x25 [r=3 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,88) size 96x15 [color=#808080] [r=3 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,83) size 489x25
+ RenderTableCell {TD} at (2,83) size 53x25 [r=3 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,88) size 96x15 [color=#808080] [r=3 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "1234"
- RenderTableCell {TD} at (151,88) size 332x15 [r=3 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,88) size 332x15 [r=3 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 304x13
text run at (1,1) width 304: "set maxLength property that is smaller than pasted value"
- RenderTableRow {TR} at (0,110) size 485x25
- RenderTableCell {TD} at (2,110) size 49x25 [r=4 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,115) size 96x15 [color=#808080] [r=4 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,110) size 489x25
+ RenderTableCell {TD} at (2,110) size 53x25 [r=4 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,115) size 96x15 [color=#808080] [r=4 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 21x13
text run at (60,1) width 21: "123"
- RenderTableCell {TD} at (151,115) size 332x15 [r=4 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,115) size 332x15 [r=4 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 330x13
text run at (1,1) width 330: "set value attribute that violates maxlength (with pasted value)"
- RenderTableRow {TR} at (0,137) size 485x25
- RenderTableCell {TD} at (2,137) size 49x25 [r=5 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,142) size 96x15 [color=#808080] [r=5 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,137) size 489x25
+ RenderTableCell {TD} at (2,137) size 53x25 [r=5 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,142) size 96x15 [color=#808080] [r=5 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "12x\x{305}\x{332}4"
- RenderTableCell {TD} at (151,142) size 332x15 [r=5 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,142) size 332x15 [r=5 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 330x13
text run at (1,1) width 330: "set value property that violates maxlength (with pasted value)"
- RenderTableRow {TR} at (0,164) size 485x25
- RenderTableCell {TD} at (2,164) size 49x25 [r=6 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,169) size 96x15 [color=#808080] [r=6 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,164) size 489x25
+ RenderTableCell {TD} at (2,164) size 53x25 [r=6 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,169) size 96x15 [color=#808080] [r=6 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "12x\x{305}\x{332}4"
- RenderTableCell {TD} at (151,169) size 332x15 [r=6 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,169) size 332x15 [r=6 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 302x13
text run at (1,1) width 302: "set maxlength attribute that is smaller than pasted value"
- RenderTableRow {TR} at (0,191) size 485x25
- RenderTableCell {TD} at (2,191) size 49x25 [r=7 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,196) size 96x15 [color=#808080] [r=7 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,191) size 489x25
+ RenderTableCell {TD} at (2,191) size 53x25 [r=7 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,196) size 96x15 [color=#808080] [r=7 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "12x\x{305}\x{332}4"
- RenderTableCell {TD} at (151,196) size 332x15 [r=7 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,196) size 332x15 [r=7 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 304x13
text run at (1,1) width 304: "set maxLength property that is smaller than pasted value"
- RenderTableRow {TR} at (0,218) size 485x25
- RenderTableCell {TD} at (2,218) size 49x25 [r=8 c=0 rs=1 cs=1]
- RenderTextControl {INPUT} at (3,3) size 43x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTableCell {TD} at (53,223) size 96x15 [color=#808080] [r=8 c=1 rs=1 cs=1]
+ RenderTableRow {TR} at (0,218) size 489x25
+ RenderTableCell {TD} at (2,218) size 53x25 [r=8 c=0 rs=1 cs=1]
+ RenderTextControl {INPUT} at (3,3) size 47x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTableCell {TD} at (57,223) size 96x15 [color=#808080] [r=8 c=1 rs=1 cs=1]
RenderInline (generated) at (0,0) size 56x13
RenderText at (4,1) size 56x13
text run at (4,1) width 56: "expected: "
RenderText {#text} at (60,1) size 28x13
text run at (60,1) width 28: "12x\x{305}\x{332}4"
- RenderTableCell {TD} at (151,223) size 332x15 [r=8 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (155,223) size 332x15 [r=8 c=2 rs=1 cs=1]
RenderText {#text} at (1,1) size 119x13
text run at (1,1) width 119: "pasting too much text"
-layer at (16,16) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,16) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 21x13
text run at (1,0) width 21: "123"
-layer at (16,43) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,43) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "1234"
-layer at (16,70) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,70) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "1234"
-layer at (16,97) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,97) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "1234"
-layer at (16,124) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,124) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 21x13
text run at (1,0) width 21: "123"
-layer at (16,151) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,151) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "12x\x{305}\x{332}4"
-layer at (16,178) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,178) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "12x\x{305}\x{332}4"
-layer at (16,205) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,205) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "12x\x{305}\x{332}4"
-layer at (16,232) size 37x13
- RenderBlock {DIV} at (3,3) size 37x13
+layer at (16,232) size 41x13
+ RenderBlock {DIV} at (3,3) size 41x13
RenderText {#text} at (1,0) size 28x13
text run at (1,0) width 28: "12x\x{305}\x{332}4"
-5699fb65d3f1d2be214196bad1badbd7
\ No newline at end of file
+368dda0ec2ff9aa6075806c45c642af0
\ No newline at end of file
text run at (185,18) width 582: "We probably shouldn't let users add rich content to text fields even if they are in richly"
text run at (0,36) width 114: "editable regions.'"
RenderBlock (anonymous) at (0,70) size 784x23
- RenderTextControl {INPUT} at (2,2) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTextControl {INPUT} at (2,2) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
-layer at (13,83) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
+layer at (13,83) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
RenderBR {BR} at (1,0) size 0x13
caret: position 0 of child 0 {BR} of child 0 {DIV} of child 3 {INPUT} of child 0 {BODY} of child 0 {HTML} of document
-87df256bbb5481db444fb0d96be92bfc
\ No newline at end of file
+be7885d68da5e549490f36c002ef08b6
\ No newline at end of file
RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 507x18
text run at (0,0) width 507: "This tests for a bug where the first newline entered into a text area would be lost."
- RenderBlock (anonymous) at (0,34) size 784x32
+ RenderBlock (anonymous) at (0,34) size 784x34
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
-layer at (10,44) size 163x28 clip at (11,45) size 161x26
- RenderTextControl {TEXTAREA} at (2,2) size 163x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
- RenderBlock {DIV} at (1,1) size 161x26
- RenderText {#text} at (3,0) size 0x13
- text run at (3,0) width 0: " "
- RenderText {#text} at (3,13) size 0x13
- text run at (3,13) width 0: " "
+layer at (8,43) size 129x32 clip at (9,44) size 127x30
+ RenderTextControl {TEXTAREA} at (0,1) size 129x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+ RenderBlock {DIV} at (3,3) size 123x26
+ RenderText {#text} at (0,0) size 0x13
+ text run at (0,0) width 0: " "
+ RenderText {#text} at (0,13) size 0x13
+ text run at (0,13) width 0: " "
caret: position 0 of child 1 {#text} of child 0 {DIV} of child 2 {TEXTAREA} of child 0 {BODY} of child 0 {HTML} of document
-06e3638e84395dcf335376da63524247
\ No newline at end of file
+df06c49c22eddf5f5a57c98028d319a2
\ No newline at end of file
text run at (0,0) width 776: "This tests for a bug where InsertLineBreak would insert a '\\n' instead of a <br> if the caret was set just before an input field."
text run at (0,18) width 413: "You should see two input fields each in its own paragraph below."
RenderBlock {DIV} at (0,52) size 784x46
- RenderTextControl {INPUT} at (2,2) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderBR {BR} at (152,16) size 0x0
- RenderTextControl {INPUT} at (2,25) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
-layer at (13,65) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
-layer at (13,88) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
+ RenderTextControl {INPUT} at (2,2) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderBR {BR} at (132,16) size 0x0
+ RenderTextControl {INPUT} at (2,25) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+layer at (13,65) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
+layer at (13,88) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
caret: position 0 of child 2 {INPUT} of child 2 {DIV} of child 0 {BODY} of child 0 {HTML} of document
-de8bd89b4ee2e9128f2858fb4fa5f30d
\ No newline at end of file
+449c2c67611d346a220f449561d803d6
\ No newline at end of file
text run at (46,18) width 530: "You should see two paragraphs below both inside the form (blue bordered) element."
RenderBlock {DIV} at (0,52) size 784x48
RenderBlock {FORM} at (0,0) size 784x48 [border: (1px solid #0000FF)]
- RenderTextControl {INPUT} at (3,3) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderText {#text} at (153,3) size 8x18
- text run at (153,3) width 8: "x"
- RenderBR {BR} at (161,17) size 0x0
+ RenderTextControl {INPUT} at (3,3) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderText {#text} at (133,3) size 8x18
+ text run at (133,3) width 8: "x"
+ RenderBR {BR} at (141,17) size 0x0
RenderText {#text} at (1,26) size 8x18
text run at (1,26) width 8: "x"
- RenderTextControl {INPUT} at (11,26) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
-layer at (14,66) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
-layer at (22,89) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
+ RenderTextControl {INPUT} at (11,26) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+layer at (14,66) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
+layer at (22,89) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
caret: position 0 of child 3 {#text} of child 0 {FORM} of child 2 {DIV} of child 0 {BODY} of child 0 {HTML} of document
-07f9fe6209db9d636b001435e9016a9a
\ No newline at end of file
+c6cb9450d16d49e5291a6a05362dcd9f
\ No newline at end of file
RenderBlock {DIV} at (0,34) size 784x23
RenderText {#text} at (0,2) size 35x18
text run at (0,2) width 35: "Hello"
- RenderTextControl {INPUT} at (37,2) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderText {#text} at (187,2) size 40x18
- text run at (187,2) width 40: "World"
-layer at (48,47) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
+ RenderTextControl {INPUT} at (37,2) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderText {#text} at (167,2) size 40x18
+ text run at (167,2) width 40: "World"
+layer at (48,47) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
caret: position 5 of child 2 {#text} of child 2 {DIV} of child 1 {BODY} of child 0 {HTML} of document
-3de7ff0dc31581f8f15ba190949787ac
\ No newline at end of file
+d4cf0b128e7a1bd9c05b81a4ff0cc7a8
\ No newline at end of file
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584
- RenderTextControl {INPUT} at (2,2) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderBR {BR} at (152,16) size 0x0
- RenderTextControl {INPUT} at (2,25) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderText {#text} at (152,25) size 4x18
- text run at (152,25) width 4: " "
- RenderText {#text} at (156,25) size 455x18
- text run at (156,25) width 455: "tabbing between forms in design mode (nothing happens at the moment)"
- RenderBR {BR} at (611,39) size 0x0
-layer at (13,13) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
+ RenderTextControl {INPUT} at (2,2) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderBR {BR} at (132,16) size 0x0
+ RenderTextControl {INPUT} at (2,25) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderText {#text} at (132,25) size 4x18
+ text run at (132,25) width 4: " "
+ RenderText {#text} at (136,25) size 455x18
+ text run at (136,25) width 455: "tabbing between forms in design mode (nothing happens at the moment)"
+ RenderBR {BR} at (591,39) size 0x0
+layer at (13,13) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
RenderInline {SPAN} at (0,0) size 24x13
RenderText {#text} at (1,0) size 24x13
text run at (1,0) width 24: "\x{9}"
-layer at (13,36) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
+layer at (13,36) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
caret: position 1 of child 0 {#text} of child 0 {SPAN} of child 0 {DIV} of child 1 {INPUT} of child 0 {BODY} of child 0 {HTML} of document
-0db172b948efe1517fb7ae4480896a47
\ No newline at end of file
+dabd1f3d2993df574533154c7e380868
\ No newline at end of file
RenderBlock {DIV} at (0,34) size 784x23
RenderText {#text} at (0,2) size 35x18
text run at (0,2) width 35: "Hello"
- RenderTextControl {INPUT} at (37,2) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderText {#text} at (187,2) size 4x18
- text run at (187,2) width 4: ":"
-layer at (48,47) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
+ RenderTextControl {INPUT} at (37,2) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderText {#text} at (167,2) size 4x18
+ text run at (167,2) width 4: ":"
+layer at (48,47) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
caret: position 1 of child 1 {INPUT} of child 2 {DIV} of child 0 {BODY} of child 0 {HTML} of document
-d598259bf3577d8822ad26e86451d905
\ No newline at end of file
+0a53a0cdc583d63abf82d6831d1f893b
\ No newline at end of file
text run at (478,0) width 175: "no text is currently selected."
RenderBlock {HR} at (0,86) size 784x2 [border: (1px inset #000000)]
RenderBlock (anonymous) at (0,96) size 784x23
- RenderTextControl {INPUT} at (2,2) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderText {#text} at (152,2) size 4x18
- text run at (152,2) width 4: " "
+ RenderTextControl {INPUT} at (2,2) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderText {#text} at (132,2) size 4x18
+ text run at (132,2) width 4: " "
RenderInline {A} at (0,0) size 162x18 [color=#0000EE]
- RenderText {#text} at (156,2) size 162x18
- text run at (156,2) width 162: "drop me into the text field"
+ RenderText {#text} at (136,2) size 162x18
+ text run at (136,2) width 162: "drop me into the text field"
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
-layer at (13,109) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
+layer at (13,109) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
RenderText {#text} at (1,0) size 119x13
text run at (1,0) width 119: "http://www.ibm.com/"
selection start: position 0 of child 0 {#text} of child 0 {DIV} of child 7 {INPUT} of child 1 {BODY} of child 0 {HTML} of document
-219dd997fcc5f9954a27853111072e7d
\ No newline at end of file
+cc7c6c8226de69ead72c02c62f3cd449
\ No newline at end of file
RenderText {#text} at (0,0) size 235x18
text run at (0,0) width 235: "This tests Copy/Paste of a input field."
RenderBlock {DIV} at (0,34) size 784x23
- RenderTextControl {INPUT} at (2,2) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderTextControl {INPUT} at (154,2) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTextControl {INPUT} at (2,2) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTextControl {INPUT} at (134,2) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderBlock {UL} at (0,73) size 784x18
RenderListItem {LI} at (40,0) size 744x18
RenderListMarker at (-17,0) size 7x18: bullet
RenderText {#text} at (0,0) size 43x18
text run at (0,0) width 43: "Passed"
-layer at (13,47) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
-layer at (165,47) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
+layer at (13,47) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
+layer at (145,47) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
caret: position 1 of child 1 {INPUT} of child 2 {DIV} of child 2 {BODY} of child 0 {HTML} of document
-805f162c924e2798e126fecc134d81ae
\ No newline at end of file
+d7c808d7d3e9468e9a157354c456a9b4
\ No newline at end of file
text run at (31,0) width 721: "This test checks that pasing in a combination of nested blocks where one starts with a text field doesn't crash or fail"
text run at (752,0) width 4: " "
text run at (359,18) width 65: "assertions."
- RenderBlock {DIV} at (0,54) size 784x36
- RenderBlock {DIV} at (0,0) size 784x36
- RenderText {#text} at (469,18) size 4x18
- text run at (469,18) width 4: " "
+ RenderBlock {DIV} at (0,54) size 784x38
+ RenderBlock {DIV} at (0,0) size 784x38
+ RenderText {#text} at (450,20) size 4x18
+ text run at (450,20) width 4: " "
RenderInline {SPAN} at (0,0) size 8x18
- RenderText {#text} at (473,18) size 8x18
- text run at (473,18) width 8: "x"
+ RenderText {#text} at (454,20) size 8x18
+ text run at (454,20) width 8: "x"
RenderText {#text} at (0,0) size 0x0
- RenderBlock (anonymous) at (0,90) size 784x0
-layer at (312,64) size 163x28 clip at (313,65) size 161x26
- RenderTextControl {TEXTAREA} at (304,2) size 163x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
- RenderBlock {DIV} at (1,1) size 161x13
- RenderText {#text} at (3,0) size 3x13
- text run at (3,0) width 3: " "
+ RenderBlock (anonymous) at (0,92) size 784x0
+layer at (329,63) size 129x32 clip at (330,64) size 127x30
+ RenderTextControl {TEXTAREA} at (321,1) size 129x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+ RenderBlock {DIV} at (3,3) size 123x13
+ RenderText {#text} at (0,0) size 3x13
+ text run at (0,0) width 3: " "
caret: position 1 of child 0 {#text} of child 3 {SPAN} of child 1 {DIV} of child 4 {DIV} of child 1 {BODY} of child 0 {HTML} of document
-7755dee27ed46ea34163d417006912d8
\ No newline at end of file
+76de260472594ab34052cc6d35934c7a
\ No newline at end of file
text run at (359,18) width 65: "assertions."
RenderBlock {DIV} at (0,54) size 784x23
RenderBlock {DIV} at (0,0) size 784x23
- RenderTextControl {INPUT} at (312,2) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderText {#text} at (462,2) size 4x18
- text run at (462,2) width 4: " "
+ RenderTextControl {INPUT} at (322,2) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderText {#text} at (452,2) size 4x18
+ text run at (452,2) width 4: " "
RenderInline {SPAN} at (0,0) size 8x18
- RenderText {#text} at (466,2) size 8x18
- text run at (466,2) width 8: "x"
+ RenderText {#text} at (456,2) size 8x18
+ text run at (456,2) width 8: "x"
RenderText {#text} at (0,0) size 0x0
RenderBlock (anonymous) at (0,77) size 784x0
-layer at (323,67) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
+layer at (333,67) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
caret: position 1 of child 0 {#text} of child 3 {SPAN} of child 1 {DIV} of child 4 {DIV} of child 1 {BODY} of child 0 {HTML} of document
-5e2fbc93ee4e8207e83d1099c78ff283
\ No newline at end of file
+10be1d9faa95718f234e7564536e33df
\ No newline at end of file
text run at (0,0) width 647: "This tests copying plain text with tabs and pasting it into an editable region using paste and match tyle. "
text run at (647,0) width 119: "The tabs should be"
text run at (0,18) width 65: "preserved."
- RenderBlock (anonymous) at (0,52) size 784x32
+ RenderBlock (anonymous) at (0,52) size 784x34
RenderText {#text} at (0,0) size 0x0
- RenderBlock {DIV} at (0,84) size 784x18
+ RenderBlock {DIV} at (0,86) size 784x18
RenderText {#text} at (0,0) size 39x18
text run at (0,0) width 39: "Tab->"
RenderInline {SPAN} at (0,0) size 25x18
text run at (39,0) width 25: "\x{9}"
RenderText {#text} at (64,0) size 39x18
text run at (64,0) width 39: "<-Tab"
-layer at (10,62) size 163x28 clip at (11,63) size 161x26
- RenderTextControl {TEXTAREA} at (2,2) size 163x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
- RenderBlock {DIV} at (1,1) size 161x13
- RenderText {#text} at (3,0) size 84x13
- text run at (3,0) width 84: "Tab->\x{9}<-Tab"
+layer at (8,61) size 129x32 clip at (9,62) size 127x30
+ RenderTextControl {TEXTAREA} at (0,1) size 129x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+ RenderBlock {DIV} at (3,3) size 123x13
+ RenderText {#text} at (0,0) size 84x13
+ text run at (0,0) width 84: "Tab->\x{9}<-Tab"
caret: position 5 of child 2 {#text} of child 4 {DIV} of child 1 {BODY} of child 0 {HTML} of document
-693d5bef4f31470e9788dbe6492e866a
\ No newline at end of file
+834f88d0f8c749cf018285cdfe194ec2
\ No newline at end of file
RenderInline {A} at (0,0) size 40x15 [color=#0000CC]
RenderText {#text} at (309,4) size 40x15
text run at (309,4) width 40: "more \x{BB}"
- RenderTable {TABLE} at (2,25) size 780x45
- RenderTableSection {TBODY} at (0,0) size 780x45
- RenderTableRow {TR} at (0,0) size 780x45
- RenderTableCell {TD} at (0,13) size 191x18 [r=0 c=0 rs=1 cs=1]
+ RenderTable {TABLE} at (71,25) size 642x45
+ RenderTableSection {TBODY} at (0,0) size 642x45
+ RenderTableRow {TR} at (0,0) size 642x45
+ RenderTableCell {TD} at (0,13) size 160x18 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x18
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (191,0) size 395x45 [r=0 c=1 rs=1 cs=1]
- RenderTextControl {INPUT} at (2,2) size 391x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderBR {BR} at (395,16) size 0x0
- RenderButton {INPUT} at (95,25) size 93x18 [bgcolor=#C0C0C0]
+ RenderTableCell {TD} at (160,0) size 322x45 [r=0 c=1 rs=1 cs=1]
+ RenderTextControl {INPUT} at (2,2) size 317x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderBR {BR} at (321,16) size 0x0
+ RenderButton {INPUT} at (58,25) size 93x18 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (8,2) size 77x13
RenderText at (0,0) size 77x13
text run at (0,0) width 77: "Google Search"
- RenderButton {INPUT} at (192,25) size 108x18 [bgcolor=#C0C0C0]
+ RenderButton {INPUT} at (155,25) size 108x18 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (8,2) size 92x13
RenderText at (0,0) size 92x13
text run at (0,0) width 92: "I'm Feeling Lucky"
- RenderTableCell {TD} at (586,0) size 194x39 [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (482,0) size 160x39 [r=0 c=2 rs=1 cs=1]
RenderInline {FONT} at (0,0) size 74x39
RenderText {#text} at (0,0) size 6x13
text run at (0,0) width 6: " "
RenderInline {FONT} at (0,0) size 60x13
RenderText {#text} at (362,0) size 60x13
text run at (362,0) width 60: "\x{A9}2005 Google"
-layer at (206,88) size 385x13
- RenderBlock {DIV} at (3,3) size 385x13
+layer at (244,88) size 311x13
+ RenderBlock {DIV} at (3,3) size 311x13
selection start: position 0 of child 3 {INPUT} of child 1 {TD} of child 0 {TR} of child 0 {TBODY} of child 2 {TABLE} of child 4 {DIV} of child 0 {CENTER} of child 1 {BODY} of child 0 {HTML} of document
selection end: position 1 of child 2 {BR} of child 0 {FONT} of child 2 {TD} of child 0 {TR} of child 0 {TBODY} of child 2 {TABLE} of child 4 {DIV} of child 0 {CENTER} of child 1 {BODY} of child 0 {HTML} of document
-71c099408357f2b9b4be30550540eb5c
\ No newline at end of file
+d1b1291058d56ee5369d69cf376e34e3
\ No newline at end of file
RenderInline {A} at (0,0) size 40x15 [color=#0000CC]
RenderText {#text} at (309,4) size 40x15
text run at (309,4) width 40: "more \x{BB}"
- RenderTable {TABLE} at (2,25) size 780x45
- RenderTableSection {TBODY} at (0,0) size 780x45
- RenderTableRow {TR} at (0,0) size 780x45
- RenderTableCell {TD} at (0,13) size 191x18 [r=0 c=0 rs=1 cs=1]
+ RenderTable {TABLE} at (71,25) size 642x45
+ RenderTableSection {TBODY} at (0,0) size 642x45
+ RenderTableRow {TR} at (0,0) size 642x45
+ RenderTableCell {TD} at (0,13) size 160x18 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x18
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (191,0) size 395x45 [r=0 c=1 rs=1 cs=1]
- RenderTextControl {INPUT} at (2,2) size 391x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderBR {BR} at (395,16) size 0x0
- RenderButton {INPUT} at (95,25) size 93x18 [bgcolor=#C0C0C0]
+ RenderTableCell {TD} at (160,0) size 322x45 [r=0 c=1 rs=1 cs=1]
+ RenderTextControl {INPUT} at (2,2) size 317x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderBR {BR} at (321,16) size 0x0
+ RenderButton {INPUT} at (58,25) size 93x18 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (8,2) size 77x13
RenderText at (0,0) size 77x13
text run at (0,0) width 77: "Google Search"
- RenderButton {INPUT} at (192,25) size 108x18 [bgcolor=#C0C0C0]
+ RenderButton {INPUT} at (155,25) size 108x18 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (8,2) size 92x13
RenderText at (0,0) size 92x13
text run at (0,0) width 92: "I'm Feeling Lucky"
- RenderTableCell {TD} at (586,0) size 194x39 [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (482,0) size 160x39 [r=0 c=2 rs=1 cs=1]
RenderInline {FONT} at (0,0) size 74x39
RenderText {#text} at (0,0) size 6x13
text run at (0,0) width 6: " "
RenderInline {FONT} at (0,0) size 60x13
RenderText {#text} at (362,0) size 60x13
text run at (362,0) width 60: "\x{A9}2005 Google"
-layer at (206,88) size 385x13
- RenderBlock {DIV} at (3,3) size 385x13
+layer at (244,88) size 311x13
+ RenderBlock {DIV} at (3,3) size 311x13
selection start: position 0 of child 1 {TABLE} of child 4 {DIV} of child 0 {CENTER} of child 1 {BODY} of child 0 {HTML} of document
selection end: position 1 of child 3 {#text} of child 4 {FONT} of child 4 {DIV} of child 0 {CENTER} of child 1 {BODY} of child 0 {HTML} of document
-71c099408357f2b9b4be30550540eb5c
\ No newline at end of file
+d1b1291058d56ee5369d69cf376e34e3
\ No newline at end of file
RenderInline {A} at (0,0) size 40x15 [color=#0000CC]
RenderText {#text} at (309,4) size 40x15
text run at (309,4) width 40: "more \x{BB}"
- RenderTable {TABLE} at (2,25) size 780x45
- RenderTableSection {TBODY} at (0,0) size 780x45
- RenderTableRow {TR} at (0,0) size 780x45
- RenderTableCell {TD} at (0,13) size 191x18 [r=0 c=0 rs=1 cs=1]
+ RenderTable {TABLE} at (71,25) size 642x45
+ RenderTableSection {TBODY} at (0,0) size 642x45
+ RenderTableRow {TR} at (0,0) size 642x45
+ RenderTableCell {TD} at (0,13) size 160x18 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x18
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (191,0) size 395x45 [r=0 c=1 rs=1 cs=1]
- RenderTextControl {INPUT} at (2,2) size 391x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderBR {BR} at (395,16) size 0x0
- RenderButton {INPUT} at (95,25) size 93x18 [bgcolor=#C0C0C0]
+ RenderTableCell {TD} at (160,0) size 322x45 [r=0 c=1 rs=1 cs=1]
+ RenderTextControl {INPUT} at (2,2) size 317x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderBR {BR} at (321,16) size 0x0
+ RenderButton {INPUT} at (58,25) size 93x18 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (8,2) size 77x13
RenderText at (0,0) size 77x13
text run at (0,0) width 77: "Google Search"
- RenderButton {INPUT} at (192,25) size 108x18 [bgcolor=#C0C0C0]
+ RenderButton {INPUT} at (155,25) size 108x18 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (8,2) size 92x13
RenderText at (0,0) size 92x13
text run at (0,0) width 92: "I'm Feeling Lucky"
- RenderTableCell {TD} at (586,0) size 194x39 [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (482,0) size 160x39 [r=0 c=2 rs=1 cs=1]
RenderInline {FONT} at (0,0) size 74x39
RenderText {#text} at (0,0) size 6x13
text run at (0,0) width 6: " "
RenderInline {FONT} at (0,0) size 60x13
RenderText {#text} at (362,0) size 60x13
text run at (362,0) width 60: "\x{A9}2005 Google"
-layer at (206,88) size 385x13
- RenderBlock {DIV} at (3,3) size 385x13
+layer at (244,88) size 311x13
+ RenderBlock {DIV} at (3,3) size 311x13
selection start: position 0 of child 1 {TABLE} of child 4 {DIV} of child 0 {CENTER} of child 1 {BODY} of child 0 {HTML} of document
selection end: position 1 of child 3 {#text} of child 4 {FONT} of child 4 {DIV} of child 0 {CENTER} of child 1 {BODY} of child 0 {HTML} of document
-02d99fdf9be012bf0efa8242f8f5413d
\ No newline at end of file
+e14de35a8e4fd3624a2044cc3372b351
\ No newline at end of file
RenderText {#text} at (0,0) size 21x18
text run at (0,0) width 21: "foo"
RenderBlock (anonymous) at (0,18) size 784x23
- RenderTextControl {INPUT} at (2,2) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTextControl {INPUT} at (2,2) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderBlock {DIV} at (0,41) size 784x18
RenderText {#text} at (0,0) size 22x18
text run at (0,0) width 22: "baz"
-layer at (13,101) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
+layer at (13,101) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
caret: position 0 of child 0 {DIV} of child 1 {INPUT} of child 2 {DIV} of child 0 {BODY} of child 0 {HTML} of document
-f3c2e88d0572c9981db42b1461f88b5b
\ No newline at end of file
+71e0cd6f4eadc932673efbfd059bf9ae
\ No newline at end of file
text run at (0,0) width 784: "This tests for a bug that caused the parent of an active frame to paint as though it were active when its window becomes key."
text run at (0,18) width 776: "To run manually, make another window active and then make this window active. Only the subframe should appear active."
RenderBlock (anonymous) at (0,52) size 784x177
- RenderTextControl {INPUT} at (2,2) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderBR {BR} at (152,16) size 0x0
+ RenderTextControl {INPUT} at (2,2) size 128x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderBR {BR} at (132,16) size 0x0
RenderPartObject {IFRAME} at (0,23) size 304x154 [border: (2px inset #000000)]
layer at (0,0) size 300x150
RenderView at (0,0) size 300x150
RenderBody {BODY} at (8,8) size 284x134 [bgcolor=#FFFFE0]
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
-layer at (13,65) size 142x13
- RenderBlock {DIV} at (3,3) size 142x13
+layer at (13,65) size 122x13
+ RenderBlock {DIV} at (3,3) size 122x13
RenderText {#text} at (1,0) size 18x13
text run at (1,0) width 18: "foo"
selection start: position 0 of child 0 {#text} of child 0 {DIV} of child 3 {INPUT} of child 0 {BODY} of child 0 {HTML} of document
-918531dcf529b570e2f2e89a3dc7ff76
\ No newline at end of file
+b65a6e6adccce4ea7ac863886e91b306
\ No newline at end of file
text run at (0,18) width 133: "shouldn't be focused."
RenderText {#text} at (0,0) size 0x0
RenderBR {BR} at (304,154) size 0x0
- RenderTextControl {INPUT} at (2,156) size 217x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderTextControl {INPUT} at (2,156) size 182x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
-layer at (13,201) size 211x13
- RenderBlock {DIV} at (3,3) size 211x13
+layer at (13,201) size 176x13 scrollWidth 183
+ RenderBlock {DIV} at (3,3) size 176x13
RenderText {#text} at (1,0) size 181x13
text run at (1,0) width 181: "This text field should be focused."
selection start: position 0 of child 0 {#text} of child 0 {DIV} of child 5 {INPUT} of child 0 {BODY} of child 0 {HTML} of document
-7e67468667de66764177504d622e8223
\ No newline at end of file
+889478b6d51053f1088cc0045977fb3c
\ No newline at end of file
RenderText {#text} at (0,0) size 759x18
text run at (0,0) width 759: "This tests to see that a selection inside an input field is removed when clicking (and focusing) a button in the same frame."
RenderBlock (anonymous) at (0,34) size 784x45
- RenderTextControl {INPUT} at (2,2) size 426x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
- RenderBR {BR} at (430,16) size 0x0
+ RenderTextControl {INPUT} at (2,2) size 344x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+ RenderBR {BR} at (348,16) size 0x0
RenderButton {INPUT} at (2,25) size 62x18 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (8,2) size 46x13
RenderText at (0,0) size 46x13
text run at (0,0) width 46: "Click Me"
RenderBR {BR} at (66,38) size 0x0
RenderBlock {UL} at (0,95) size 784x0
-layer at (13,47) size 420x13
- RenderBlock {DIV} at (3,3) size 420x13
+layer at (13,47) size 338x13 scrollWidth 374
+ RenderBlock {DIV} at (3,3) size 338x13
RenderText {#text} at (1,0) size 372x13
text run at (1,0) width 372: "After you click the button below, this content should not be selected."