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

Update web-platform-tests to revision bb1f35100ad0aedeeb6897dd640b360f80498027

Browse source
This commit is contained in:
WPT Sync Bot 2018-02-05 20:11:36 -05:00 • committed by Josh Matthews
parent 3a3a7cdc22
commit 210ff0c02a
35 changed files with 1957 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

34
tests/wpt/web-platform-tests/css/css-transforms/transform-origin-in-shadow.html Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<title>'transform-origin' on &lt;svg> being direct descendant of shadow root</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-origin-property">
<template>
<style>
#target {
height: 100px;
width: 100px;
background-color: green;
transform: rotate(90deg);
}
</style>
<svg id="target"></svg>
</template>
<div style="position: relative; height: 100px">
<div style="width: 100px; height: 100px; background-color: red; position: absolute"></div>
<div style="position: absolute" id="wrapper"></div>
</div>
<script>
setup(function() {
const wrapper = document.querySelector('#wrapper');
wrapper.attachShadow({mode: "open"});
wrapper.shadowRoot.appendChild(
document.querySelector("template").content.cloneNode(true));
});
test(function() {
const wrapper = document.querySelector('#wrapper');
const target = wrapper.shadowRoot.getElementById('target');
assert_equals(getComputedStyle(target, null).transformOrigin, '50px 50px');
});
</script>