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

Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444

Browse source
This commit is contained in:
Josh Matthews 2017-04-17 12:06:02 +10:00 • committed by Anthony Ramine
parent 25e8bf69e6
commit 665817d2a6
35333 changed files with 1818077 additions and 16036 deletions
Download patch file Download diff file Expand all files Collapse all files

33
tests/wpt/web-platform-tests/css/css-values-3/reference/200-200-green.html Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
CSS Values and Units Test:
Viewport units are interpolated correctly (reference rendering)
</title>
<link
rel="author"
title="François REMY"
href="mailto:fremycompany.developer@yahoo.fr"
/ >
<style type="text/css">
html, body { margin: 0px; padding: 0px; }
html { background: white; overflow: hidden; }
#outer { position: relative; background: green; }
#outer { width: 200px; height: 200px; }
</style>
</head>
<body>
<div id="outer"></div>
</body>
</html>

1
tests/wpt/web-platform-tests/css/css-values-3/reference/all-green.html Normal file
View file

@ -0,0 +1 @@
<html style="background: green"></html>

11
tests/wpt/web-platform-tests/css/css-values-3/reference/ch-unit-001-ref.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Values and Units Test Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
svg { width: 10ch; }
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<svg viewBox="0 0 100 100"><rect x="0" y="0" width="100" height="100" fill="green"></svg>
</body>

15
tests/wpt/web-platform-tests/css/css-values-3/reference/ch-unit-002-ref.html Normal file
View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Values and Units Test Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
svg {
width: 10ch;
writing-mode: vertical-rl;
text-orientation: upright;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<svg viewBox="0 0 100 100"><rect x="0" y="0" width="100" height="100" fill="green"></svg>
</body>

50
tests/wpt/web-platform-tests/css/css-values-3/reference/vh_not_refreshing_on_chrome-ref.html Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<!-- Submitted from TestTWF Paris -->
<head>
<title>CSS Reference File</title>
<link rel="author" title="Marc Bourlon" href="mailto:marc@bourlon.com">
<style type="text/css">
* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
#frameTest { width: 600px; height: 200px; border: 1px solid #000; }
</style>
<script type="text/javascript">
var height = 200;
function resizeReference() {
var frameTest = document.getElementById('frameTest');
// let's resize the iframe vertically only, showing that the vh sizes is not updated.
if (height <= 300) {
//frameTest.style.width = height++ + "px";
frameTest.style.height = height++ + "px";
setTimeout(resizeReference, 10);
} else {
// uncomment the next line to see how a width resize triggers a layout recalculation
//frameTest.style.width = (parseInt(window.getComputedStyle(document.getElementById('frameTest'))['width'], 10) + 1) + "px";
}
}
setTimeout(resizeReference, 10);
</script>
</head>
<body>
<iframe id="frameTest" src="vh_not_refreshing_on_chrome_iframe-ref.html" frameborder="0"></iframe>
</body>
</html>

74
tests/wpt/web-platform-tests/css/css-values-3/reference/vh_not_refreshing_on_chrome_iframe-ref.html Normal file
View file

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<!-- Submitted from TestTWF Paris -->
<head>
<title>CSS Reference File</title>
<link rel="author" title="Marc Bourlon" href="mailto:marc@bourlon.com">
<style type="text/css">
* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
#testBoxWithVhOnly { background: #F00; width: 60px; float: left; }
#testBoxNotGrownHorizontallyByJS { background: #F0F; height: 60px; float: left; }
#testBoxWithTransition { background: #FF0; width: 40px; height: 40px; float: left; }
#referenceBoxGrownHorizontallyByJS { background: #0F0; height: 40px; float: left; }
p { clear: both; margin: 10px 0; }
</style>
</head>
<body>
<p>
All boxes should end up the same size. The green box is the reference one.
</p>
<div id="testBoxWithVhOnly"></div>
<div id="testBoxNotGrownHorizontallyByJS"></div>
<div id="testBoxWithTransition"></div>
<div id="referenceBoxGrownHorizontallyByJS"></div>
<script type="text/javascript">
// In case this file was opened by mistake, redirects to proper test
if (window.top.location.href === document.location.href) {
window.top.location.href = "vh_not_refreshing_on_chrome-ref.html";
}
function setDimension(id, dimension, value) {
var element = document.getElementById(id);
element.style[dimension] = value + "px";
}
function animate() {
var viewportHeight = document.documentElement.clientHeight;
var sizeH = 20;
var referenceDimension = Math.round(sizeH * viewportHeight / 100);
setDimension('testBoxWithVhOnly', 'height', referenceDimension);
setDimension('testBoxNotGrownHorizontallyByJS', 'width', referenceDimension);
setDimension('testBoxWithTransition', 'width', referenceDimension);
setDimension('testBoxWithTransition', 'height', referenceDimension);
setDimension('referenceBoxGrownHorizontallyByJS', 'width', referenceDimension);
setDimension('referenceBoxGrownHorizontallyByJS', 'height', referenceDimension);
setTimeout(animate, 20);
}
setTimeout(animate, 20);
</script>
</body>
</html>