blob: b95a8132a58ef63dce65235bfff88be15063279d [file] [log] [blame]
* Copyright (c) 2014, the Dart project authors. Please see the AUTHORS file
* for details. All rights reserved. Use of this source code is governed by a
* BSD-style license that can be found in the LICENSE file.
* @description Test for WebKit bug 7987: Inspector displays incorrect summary
* for padding information
import "dart:html";
import "../../testcommon.dart";
import "../../../Utils/async_utils.dart";
import "pwd.dart";
main() {
<p id="description">Test for WebKit bug <a href="">7987</a>: Inspector displays incorrect summary for padding information</p>
<div id="console"></div>
<div id="tests_container">
<div id="test0" style="padding: 20px;"></div>
<div id="test1" style="padding: 20px 30px;"></div>
<div id="test2" style="padding: 20px 30px; padding-left: 15px; padding-bottom: 10px;"></div>
<div id="test3" style="padding: 20px 30px 55px; padding-bottom: 20px;"></div>
<div id="test4" style="border-color: red; border-top-color: yellow"></div>
<div id="test5" style="border-color: red blue; border-top-color: green"></div>
<div id="test6" style="border-color: red green; border-top-color: blue; border-right-color: yellow;"></div>
<div id="test7" style="border-color: red yellow green; border-right-color: blue;"></div>
<div id="test8" style="border-width: 2px; border-right-width: 5px"></div>
<div id="test9" style="border-width: 2px 3px; border-right-width: 4px"></div>
<div id="test10" style="border-width: 2px 3px 5px;"></div>
<div id="test11" style="border-width: 20px 30px 55px 60px;"></div>
<div id="test12" style="border-style: solid; border-bottom-style: dashed"></div>
<div id="test13" style="border-style: solid dashed; border-bottom-style: dotted;"></div>
<div id="test14" style="border-style: solid dashed dotted; border-top-style: dotted;"></div>
<div id="test15" style="border-top-style: dotted; border-right-style: dashed; border-bottom-style: solid;"></div>
<div id="test16" style="margin: 20px; margin-left: 25px"></div>
<div id="test17" style="margin: 20px 30px; margin-left: 50px;"></div>
<div id="test18" style="margin: 20px 30px 55px; margin-left: 30px;"></div>
<div id="test19" style=""></div>
''', treeSanitizer: new NullTreeSanitizer());
var test0 = document.getElementById("test0");
var test1 = document.getElementById("test1");
var test2 = document.getElementById("test2");
var test3 = document.getElementById("test3");
var test4 = document.getElementById("test4");
var test5 = document.getElementById("test5");
var test6 = document.getElementById("test6");
var test7 = document.getElementById("test7");
var test8 = document.getElementById("test8");
var test9 = document.getElementById("test9");
var test10 = document.getElementById("test10");
var test11 = document.getElementById("test11");
var test12 = document.getElementById("test12");
var test13 = document.getElementById("test13");
var test14 = document.getElementById("test14");
var test15 = document.getElementById("test15");
var test16 = document.getElementById("test16");
var test17 = document.getElementById("test17");
var test18 = document.getElementById("test18");
var test19 = document.getElementById("test19");
shouldBeEqualToString(, "20px");
shouldBeEqualToString(, "20px 30px");
shouldBeEqualToString(, "20px 30px 10px 15px");
shouldBeEqualToString(, "20px 30px");
shouldBeEqualToString(, "yellow red red");
shouldBeEqualToString(, "green blue red");
shouldBeEqualToString(, "blue yellow red green");
shouldBeEqualToString(, "red blue green yellow");
shouldBeEqualToString(, "2px 5px 2px 2px");
shouldBeEqualToString(, "2px 4px 2px 3px");
shouldBeEqualToString(, "2px 3px 5px");
shouldBeEqualToString(, "20px 30px 55px 60px");
shouldBeEqualToString(, "solid solid dashed");
shouldBeEqualToString(, "solid dashed dotted");
shouldBeEqualToString(, "dotted dashed");
shouldBeEqualToString(, "");
shouldBeEqualToString(, "20px 20px 20px 25px");
shouldBeEqualToString(, "20px 30px 20px 50px");
shouldBeEqualToString(, "20px 30px 55px");
shouldBeEqualToString(, "");
// clean up after ourselves
var tests_container = document.getElementById("tests_container");