mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-09 21:00:42 +02:00
e6a9bf6b3e
Automatic update from web-platform-tests [css-ui] Test serialization: `-webkit-appearance` (#17221) * [css-ui] Test serialization: `-webkit-appearance` * fixup! [css-ui] Test serialization: `-webkit-appearance` Change API used to set style in order to actually test the internals referenced by the test title. * fixup! [css-ui] Test serialization: `-webkit-appearance` Introduce tests for property reference * fixup! [css-ui] Test serialization: `-webkit-appearance` Remove duplicate assertion * fixup! [css-ui] Test serialization: `-webkit-appearance` Comprehensive tests for property references have been added since these tests were written. Remove the excess assertions in order to improve the focus of these tests. * fixup! [css-ui] Test serialization: `-webkit-appearance` Add equivalent tests for unprefixed `appearance` property * fixup! [css-ui] Test serialization: `-webkit-appearance` -- wpt-commits: 79787d6d6eff255fbe6efdbe386e92363d2b6303 wpt-pr: 17221
43 lines
1.3 KiB
HTML
43 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Parsing of `-webkit-appearance`</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
test(function() {
|
|
var input = document.createElement('input');
|
|
input.setAttribute('style', '-webkit-appearance: none;');
|
|
|
|
assert_equals(input.style.getPropertyValue('appearance'), 'none');
|
|
}, 'parsing via attribute change steps of CSS declaration block\'s owner node');
|
|
|
|
test(function() {
|
|
var input = document.createElement('input');
|
|
input.style.cssText = '-webkit-appearance: none;';
|
|
|
|
assert_equals(input.style.getPropertyValue('appearance'), 'none');
|
|
}, 'parsing via modification of cssText');
|
|
|
|
test(function(t) {
|
|
var style = document.createElement('style');
|
|
style.appendChild(
|
|
document.createTextNode('#foo { -webkit-appearance: none; }')
|
|
);
|
|
document.body.appendChild(style);
|
|
t.add_cleanup(function() {
|
|
document.body.removeChild(style);
|
|
});
|
|
|
|
assert_equals(style.sheet.cssRules.length, 1);
|
|
assert_equals(
|
|
style.sheet.cssRules[0].style.getPropertyValue('appearance'),
|
|
'none'
|
|
);
|
|
}, 'parsing via creation of CSS declaration block');
|
|
</script>
|
|
</body>
|