mirror of
https://github.com/servo/servo.git
synced 2025-08-10 07:55:33 +01:00
Update web-platform-tests to revision 9ca57e052ba1b19fa3dd46c6aa656e8d529469a8
This commit is contained in:
parent
68cb8f3d59
commit
75d6484415
1377 changed files with 31062 additions and 16983 deletions
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<style>
|
||||
html { overflow: hidden; }
|
||||
#change {
|
||||
will-change:transform;
|
||||
width:200vw;
|
||||
height:200vh;
|
||||
position:absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
</style>
|
||||
<img id="change" src="image.png"></img>
|
||||
<div id="placeholder" style="position:relative">div</div>
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<title>Composited images correctly display under large scale transform changes</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="match" href="image-compositing-large-scale-change-ref.html"/>
|
||||
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-img-element">
|
||||
<style>
|
||||
html { overflow: hidden; }
|
||||
#change {
|
||||
will-change:transform;
|
||||
width:1000px;
|
||||
height:1000px;
|
||||
position:absolute;
|
||||
top: calc(50% - 5px);
|
||||
left: calc(50% - 5px);
|
||||
}
|
||||
</style>
|
||||
<img id="change" src="image.png"></img>
|
||||
<div id="placeholder" style="position:relative"></div>
|
||||
<script>
|
||||
window.onload = () => {
|
||||
requestAnimationFrame(() => {
|
||||
requestAnimationFrame(() => {
|
||||
let image = document.querySelector('#change');
|
||||
image.style.transform = 'scale(20)';
|
||||
placeholder.innerText = "div";
|
||||
|
||||
requestAnimationFrame(() => {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!doctype html>
|
||||
<title>Implicit sizes ignores width</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
img {width: auto;}
|
||||
</style>
|
||||
<img srcset="../srcset/resources/image.png 100w" sizes="400px" id="sizes">
|
||||
<img srcset="../srcset/resources/image.png 100w" width="400" id="width">
|
||||
<script>
|
||||
setup({explicit_done:true});
|
||||
onload = () => {
|
||||
test(() => {
|
||||
assert_equals(document.getElementById("sizes").width, 400);
|
||||
assert_equals(document.getElementById("width").width, window.innerWidth);
|
||||
done();
|
||||
});
|
||||
};
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue