Google Git
Sign in
webkit / WebKit / 2d0dd7cf39b4d09c301e9099dbbe04841aadd49c / . / LayoutTests / fast / css / box-sizing-backwards-compat-prefix.html
blob: 015fe6798f8c537ef089ace38b2fd452f1a08061 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<p id="description"></p>
<div id="test-prefixed-sizing" style="-webkit-box-sizing: border-box;"></div>
<div id="test-prefixless-sizing" style="box-sizing: border-box;"></div>
<div id="console"></div>
<script>
description("Testing whether box-sizing works with and withou the -webkit-prefix (bug 36713).");
var prefixStyle = document.getElementById('test-prefixed-sizing').style;
shouldBeEqualToString("prefixStyle.getPropertyValue('box-sizing')", "border-box");
shouldBeEqualToString("prefixStyle.getPropertyValue('-webkit-box-sizing')", "border-box");
shouldBeEqualToString("prefixStyle.boxSizing", "border-box");
shouldBeEqualToString("prefixStyle.WebkitBoxSizing", "border-box");
shouldBeEqualToString("prefixStyle.webkitBoxSizing", "border-box");
var prefixLessStyle = document.getElementById('test-prefixless-sizing').style;
shouldBeEqualToString("prefixLessStyle.getPropertyValue('box-sizing')", "border-box");
shouldBeEqualToString("prefixLessStyle.getPropertyValue('-webkit-box-sizing')", "border-box");
shouldBeEqualToString("prefixLessStyle.boxSizing", "border-box");
shouldBeEqualToString("prefixLessStyle.WebkitBoxSizing", "border-box");
shouldBeEqualToString("prefixLessStyle.webkitBoxSizing", "border-box");
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>