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

Update web-platform-tests to revision eb6b0210d6f0b1b44bc74385de04a2291ce2575c

Browse source
This commit is contained in:
WPT Sync Bot 2019-02-19 20:48:08 -05:00
parent cc8a9fa928
commit 459fbb1a34
30 changed files with 551 additions and 108 deletions
Download patch file Download diff file Expand all files Collapse all files

24
tests/wpt/web-platform-tests/css/css-pseudo/first-letter-background-image-dynamic.html Normal file
View file

@ -0,0 +1,24 @@
<!doctype html>
<title>CSS Test: ::first-letter correctly applies background-image dynamically</title>
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<link rel="author" href="https://mozilla.org" title="Mozilla">
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1528451">
<link rel="match" href="first-letter-background-image-ref.html">
<style>
div::first-letter {
color: lime;
}
div.image::first-letter {
/* Lime background */
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M/wHwAEBgIApD5fRAAAAABJRU5ErkJggg==');
}
</style>
<div>
A letter
</div>
<script>
let div = document.querySelector("div");
getComputedStyle(div).color;
div.classList.add('image');
</script>

13
tests/wpt/web-platform-tests/css/css-pseudo/first-letter-background-image-ref.html Normal file
View file

@ -0,0 +1,13 @@
<!doctype html>
<title>CSS Test Reference</title>
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<link rel="author" href="https://mozilla.org" title="Mozilla">
<style>
div::first-letter {
color: lime;
background-color: lime;
}
</style>
<div>
A letter
</div>

17
tests/wpt/web-platform-tests/css/css-pseudo/first-letter-background-image.html Normal file
View file

@ -0,0 +1,17 @@
<!doctype html>
<title>CSS Test: ::first-letter correctly applies background-image</title>
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<link rel="author" href="https://mozilla.org" title="Mozilla">
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1528451">
<link rel="match" href="first-letter-background-image-ref.html">
<style>
div::first-letter {
color: lime;
/* Lime background */
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M/wHwAEBgIApD5fRAAAAABJRU5ErkJggg==');
}
</style>
<div>
A letter
</div>

77
tests/wpt/web-platform-tests/css/css-scroll-anchoring/device-pixel-adjustment.html Normal file
View file

@ -0,0 +1,77 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-scroll-anchoring-1/">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
body {
height: 200vh;
}
#anchor {
width: 100px;
height: 100px;
background-color: blue;
}
</style>
<div id="expander"></div>
<div id="anchor"></div>
<script>
// This tests that scroll anchor adjustments can happen by quantities smaller
// than a device pixel.
//
// Unfortunately, we can't test this by simply reading 'scrollTop', because
// 'scrollTop' may be rounded to the nearest CSS pixel. So, to test that
// subpixel adjustments can in fact happen, we repeatedly trigger a scroll
// adjustment in a way that would produce a different final .scrollTop value,
// depending on whether or not we rounded each adjustment as we apply it.
test(() => {
let scroller = document.scrollingElement;
let expander = document.querySelector("#expander");
let anchor = document.querySelector("#anchor");
const initialTop = 10;
// Scroll 10px to activate scroll anchoring
scroller.scrollTop = initialTop;
// Helper to insert a div with specified height before the anchor node
function addChild(height) {
let child = document.createElement("div");
child.style.height = `${height}px`;
anchor.before(child);
}
// Calculate what fraction of a CSS pixel corresponds to one device pixel
let devicePixel = 1.0 / window.devicePixelRatio;
assert_true(devicePixel <= 1.0, "there should be more device pixels than CSS pixels");
// The 0.5 is an arbitrary scale when creating the subpixel delta
let delta = 0.5 * devicePixel;
// To help us check for for premature rounding of adjustments, we'll
// trigger "count" subpixel adjustments of size "delta", where "count" is
// the first positive integer such that:
// round(count * delta) != count * round(delta)
// As round(X) and count are integers, this happens when:
// count * delta = count * round(delta) +/- 1
// Solving for count:
// count = 1 / abs(delta - round(delta))
// Note that we don't need to worry about the denominator being zero, as:
// 0 < devicePixel <= 1
// And so halving devicePixel should never yield a whole number.
let count = 1 / Math.abs(delta - Math.round(delta));
for (let i = 0; i < count; i++) {
addChild(delta);
// Trigger an anchor adjustment by forcing a layout flush
scroller.scrollTop;
}
let destination = Math.round(initialTop + delta * count);
assert_equals(scroller.scrollTop, destination,
`adjusting by ${delta}px, ${count} times, should be the same as adjusting by ${delta * count}px, once.`);
}, "Test that scroll anchor adjustments can happen by a sub device-pixel amount.");
</script>

2
tests/wpt/web-platform-tests/css/css-scroll-snap/parsing/scroll-snap-align-invalid.html
View file

@ -13,6 +13,8 @@
<script>
test_invalid_value("scroll-snap-align", "auto");
test_invalid_value("scroll-snap-align", "start invalid");
test_invalid_value("scroll-snap-align", "start end center");
</script>
</body>

2
tests/wpt/web-platform-tests/css/css-scroll-snap/parsing/scroll-snap-align-valid.html
View file

@ -18,6 +18,8 @@ test_valid_value("scroll-snap-align", "center");
test_valid_value("scroll-snap-align", "start none");
test_valid_value("scroll-snap-align", "center end");
test_valid_value("scroll-snap-align", "start start", "start");
</script>
</body>
</html>