mirror of
https://github.com/servo/servo
synced 2026-04-29 10:57:43 +02:00
Update CSS tests to revision 2baa72daab8bf37e3e910a9fd311a1eaa5b0f4a8
This commit is contained in:
@@ -0,0 +1,69 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<title>CSSOM: CSSStyleDeclaration is mutable and immutable in various settings</title>
|
||||
<link href="mailto:paul.irish@gmail.com" rel="author" title="Paul Irish" />
|
||||
<link href="mailto:ms2ger@gmail.com" rel="reviewer" title="Ms2ger" /> <!-- 2012-06-17 -->
|
||||
<link href="http://www.w3.org/TR/cssom/#the-cssstyledeclaration-interface" rel="help" />
|
||||
|
||||
<meta content="dom" name="flags" />
|
||||
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="log"></div>
|
||||
<div id="box">
|
||||
<div id="box2">
|
||||
<style id="teststyles">
|
||||
#box2 { width: 15px; }
|
||||
</style>
|
||||
<script>
|
||||
|
||||
test(function(){
|
||||
var elem = document.getElementById('box');
|
||||
|
||||
elem.style.width = '10px';
|
||||
assert_equals(elem.style.width, '10px', 'setting via style property');
|
||||
elem.style.width = '';
|
||||
|
||||
elem.style.cssText = 'width: 10px';
|
||||
assert_equals(elem.style.width, '10px', 'setting via cssText');
|
||||
elem.style.width = '';
|
||||
|
||||
}, 'HTMLElement\'s CSSStyleDeclaration is mutable')
|
||||
|
||||
|
||||
test(function(){
|
||||
var elem = document.getElementById('box');
|
||||
var style = getComputedStyle(elem, 'width');
|
||||
|
||||
assert_throws('NO_MODIFICATION_ALLOWED_ERR', function(){
|
||||
style.width = '10px';
|
||||
});
|
||||
|
||||
}, 'getComputedStyle\'s CSSStyleDeclaration is not mutable')
|
||||
|
||||
|
||||
test(function(){
|
||||
|
||||
var style = document.getElementById('teststyles').sheet.cssRules[0].style;
|
||||
|
||||
assert_equals(style.width, '15px', 'width value is correct');
|
||||
|
||||
style.width = '25px';
|
||||
|
||||
assert_equals(style.width, '25px', 'width value is mutable');
|
||||
|
||||
var gCSstyle = getComputedStyle(document.getElementById('box2'));
|
||||
|
||||
assert_equals(gCSstyle.width, '25px', 'styleSheet change is live and accesible via getComputedStyle');
|
||||
|
||||
}, 'StyleSheet\'s CSSStyleDeclaration is mutable');
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
</div></div></body></html>
|
||||
Reference in New Issue
Block a user