mirror of
https://github.com/servo/servo.git
synced 2025-08-06 22:15:33 +01:00
Update CSS tests to revision 2baa72daab8bf37e3e910a9fd311a1eaa5b0f4a8
This commit is contained in:
parent
662c00a810
commit
df03062d62
10934 changed files with 428309 additions and 254265 deletions
|
@ -0,0 +1,69 @@
|
|||
<!DOCTYPE html>
|
||||
<html><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>
|
Loading…
Add table
Add a link
Reference in a new issue