Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 22:15:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 84f93271efe15a4e37fed477a2ad364f8659a0f8

Browse source
This commit is contained in:
WPT Sync Bot 2020-04-23 08:19:14 +00:00
parent 5504d9259d
commit 77e26e71da
374 changed files with 25426 additions and 892 deletions
Download patch file Download diff file Expand all files Collapse all files

46
tests/wpt/web-platform-tests/css/css-properties-values-api/at-property-shadow.html Normal file
View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.css-houdini.org/css-properties-values-api-1/#at-property-rule">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="./resources/utils.js"></script>
<style>
@property --x {
syntax: "<length>";
inherits: false;
initial-value: 0px;
}
#outside {
--x: calc(1px + 1px);
--y: calc(1px + 1px);
}
</style>
<template id=template>
<style>
/* This rule should have no effect */
@property --y {
syntax: "<length>";
inherits: false;
initial-value: 0px;
}
#inside {
--x: calc(1px + 1px);
--y: calc(1px + 1px);
}
</style>
<div id=inside></div>
</template>
<div id=host></div>
<div id=outside></div>
<script>
test(() => {
let root = host.attachShadow({ mode: 'open' });
root.append(template.content.cloneNode(true));
let inside = root.querySelector('#inside');
assert_equals(getComputedStyle(outside).getPropertyValue('--x'), '2px');
assert_equals(getComputedStyle(outside).getPropertyValue('--y'), ' calc(1px + 1px)');
assert_equals(getComputedStyle(inside).getPropertyValue('--x'), '2px');
assert_equals(getComputedStyle(inside).getPropertyValue('--y'), ' calc(1px + 1px)');
}, '@property rules in shadow trees should have no effect');
</script>