forked from mirrors/gecko-dev
38ee56a199
Automatic update from web-platform-tests
Annotate CSS Transforms WPT reftests as fuzzy where needed.
This annotation is done based on the results on wpt.fyi across browser
engines. (I went through nearly all the reftest failures on the
experimental channel, although I sometimes skipped through groups of
failures when the group appeared to be all real failures and not fuzz.)
However, in the case of the svg-origin-length-{cm,px}* tests, instead
of annotating them, modify the references so that they don't need to
be annotated.
Bug: 1175179
Change-Id: I8eb48eeaec866bb311251981cd39b37973013092
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3199326
Commit-Queue: David Baron <dbaron@chromium.org>
Reviewed-by: Philip Rogers <pdr@chromium.org>
Cr-Commit-Position: refs/heads/main@{#931810}
--
wpt-commits: 550a3b2b10e76a37ec67fab072c1cdb508632c38
wpt-pr: 31066
47 lines
1.7 KiB
HTML
47 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>CSS Test (Transforms): Input (type=time)</title>
|
|
<link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
|
|
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property">
|
|
<link rel="reviewer" title="Apple Inc." href="http://www.apple.com">
|
|
<meta name="assert" content='The input element is an atomic inline element,
|
|
so it falls under the definition of transformable and should be affected by
|
|
transformations as usual. This is one in a series of tests that verify
|
|
that a few simple transforms have the expected effect on various types of
|
|
inputs. (They only test a few very specific transforms because it would be
|
|
difficult to construct a correct reference file for more complex
|
|
transforms.)'>
|
|
<link rel="match" href="transform-input-012-ref.html">
|
|
<meta name="fuzzy" content="maxDifference=0-128;totalPixels=0-1201">
|
|
<style>
|
|
input {
|
|
/* Margin to avoid overlap of translated inputs */
|
|
margin: 10px;
|
|
}
|
|
p + input {
|
|
transform: rotate(360deg);
|
|
}
|
|
p + input + input {
|
|
transform: translateX(-10px);
|
|
}
|
|
p + input + input + input {
|
|
transform: translateX(10px);
|
|
}
|
|
p + input + input + input + input {
|
|
transform: translateY(-10px);
|
|
}
|
|
p + input + input + input + input + input {
|
|
transform: translateY(10px);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>type=time</p>
|
|
<input value="17:28" type="time">
|
|
<input value="17:28" type="time">
|
|
<input value="17:28" type="time">
|
|
<input value="17:28" type="time">
|
|
<input value="17:28" type="time">
|
|
</body>
|
|
</html>
|