Update web-platform-tests to revision 58b72393db0bd273bb93268c33666cf893feb985
Josh Matthews
|
After Width: | Height: | Size: 135 B |
BIN
tests/wpt/web-platform-tests/css/css-values/support/1x1-lime.png
Normal file
|
After Width: | Height: | Size: 135 B |
|
After Width: | Height: | Size: 109 B |
BIN
tests/wpt/web-platform-tests/css/css-values/support/1x1-navy.png
Normal file
|
After Width: | Height: | Size: 109 B |
BIN
tests/wpt/web-platform-tests/css/css-values/support/1x1-red.png
Normal file
|
After Width: | Height: | Size: 135 B |
|
After Width: | Height: | Size: 109 B |
|
After Width: | Height: | Size: 224 B |
|
After Width: | Height: | Size: 218 B |
|
After Width: | Height: | Size: 217 B |
28
tests/wpt/web-platform-tests/css/css-values/support/README
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
CSS Global Support Directory
|
||||
============================
|
||||
|
||||
This directory contains common support files (such as images and external
|
||||
style sheets). These are sync'ed into the support directories of all our
|
||||
test suites. If you have test-suite-specific support files, please add
|
||||
them to the appropriate test-suite-specific support/ directory.
|
||||
|
||||
If you add to a support/ directory, please run the tools/supportprop.py
|
||||
script from the top of the repository to cascade support files into the
|
||||
lower-level support directories.
|
||||
|
||||
Description of the Common Support File Collection
|
||||
-------------------------------------------------
|
||||
|
||||
The 1x1-* images are all exactly one pixel.
|
||||
|
||||
The swatch-* images all use 15x15 cells.
|
||||
|
||||
The square-* images all use 15x15 cells with one pixel borders.
|
||||
|
||||
The pattern-* images use cells of various sizes:
|
||||
|
||||
pattern-grg-rgr-grg.png 20x20
|
||||
pattern-rgr-grg-rgr.png 20x20
|
||||
pattern-tr.png 15x15
|
||||
pattern-grg-rrg-rgg.png 15x15
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.a { color: green; }
|
||||
|
|
@ -0,0 +1 @@
|
|||
.b { color: green; }
|
||||
|
|
@ -0,0 +1 @@
|
|||
.c { color: red; }
|
||||
BIN
tests/wpt/web-platform-tests/css/css-values/support/cat.png
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
|
|
@ -0,0 +1 @@
|
|||
.import { color: green; }
|
||||
|
|
@ -0,0 +1 @@
|
|||
.import { color: red; }
|
||||
|
After Width: | Height: | Size: 222 B |
|
After Width: | Height: | Size: 231 B |
|
After Width: | Height: | Size: 223 B |
|
After Width: | Height: | Size: 137 B |
|
After Width: | Height: | Size: 691 B |
|
After Width: | Height: | Size: 671 B |
|
After Width: | Height: | Size: 760 B |
|
After Width: | Height: | Size: 757 B |
|
After Width: | Height: | Size: 92 B |
|
After Width: | Height: | Size: 92 B |
|
After Width: | Height: | Size: 78 B |
|
|
@ -0,0 +1,4 @@
|
|||
The swatch-green.png file in this directory is really a RED swatch,
|
||||
and the swatch-red.png file is really a green swatch.
|
||||
|
||||
This directory is used to test relative URIs.
|
||||
|
After Width: | Height: | Size: 84 B |
|
After Width: | Height: | Size: 84 B |
|
After Width: | Height: | Size: 84 B |
|
After Width: | Height: | Size: 84 B |
|
After Width: | Height: | Size: 84 B |
|
After Width: | Height: | Size: 84 B |
|
After Width: | Height: | Size: 84 B |
|
After Width: | Height: | Size: 156 B |
|
After Width: | Height: | Size: 85 B |
|
After Width: | Height: | Size: 84 B |
BIN
tests/wpt/web-platform-tests/css/css-values/support/test-bl.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
tests/wpt/web-platform-tests/css/css-values/support/test-br.png
Normal file
|
After Width: | Height: | Size: 1 KiB |
|
After Width: | Height: | Size: 180 B |
|
After Width: | Height: | Size: 2.4 KiB |
BIN
tests/wpt/web-platform-tests/css/css-values/support/test-tl.png
Normal file
|
After Width: | Height: | Size: 1 KiB |
BIN
tests/wpt/web-platform-tests/css/css-values/support/test-tr.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -0,0 +1,89 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<!-- Submitted from TestTWF Paris -->
|
||||
<head>
|
||||
|
||||
<title>CSS Values and Units Test: vh-based dimension doesn't change when the element other dimension doesn't change.</title>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
|
||||
|
||||
/* the first test box has its vertical dimension is set to some vh units */
|
||||
#testBoxWithVhOnly { background: #F00; width: 60px; height: 20vh; float: left; }
|
||||
|
||||
/* the second test box, with fixed height */
|
||||
#testBoxNotGrownHorizontallyByJS { background: #F0F; width: 20vh; height: 60px; float: left; }
|
||||
|
||||
/* third box, changed by using CSS transition */
|
||||
#testBoxWithTransition { background: #FF0; width: 20vh; height: 40px; float: left;
|
||||
transition-property: width, height;
|
||||
transition-duration: 0.3s;
|
||||
transition-delay: 0;
|
||||
}
|
||||
|
||||
/* the reference box, growing in both directions (height by js, width by vh unit */
|
||||
#referenceBoxGrownHorizontallyByJS { background: #0F0; width: 20vh; 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">
|
||||
'use strict';
|
||||
|
||||
// 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.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('referenceBoxGrownHorizontallyByJS', 'height', referenceDimension);
|
||||
|
||||
if (referenceDimension < 60) {
|
||||
setTimeout(animate, 20);
|
||||
} else {
|
||||
parent.postMessage('referenceBoxGrownHorizontallyByJS', '*');
|
||||
}
|
||||
}
|
||||
|
||||
setTimeout(animate, 20);
|
||||
|
||||
addEventListener('transitionend', function() {
|
||||
parent.postMessage('testBoxWithTransition', '*');
|
||||
}, false);
|
||||
var transitionedTestBoxStyle = document.getElementById('testBoxWithTransition').style;
|
||||
transitionedTestBoxStyle.height = "60px";
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||