fune/testing/web-platform/tests/css/css-transforms/transform-input-010.html
L. David Baron 38ee56a199 Bug 1733673 [wpt PR 31066] - Annotate CSS Transforms WPT reftests as fuzzy where needed., a=testonly
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
2021-10-28 03:19:45 +00:00

47 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>CSS Test (Transforms): Input (type=month)</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-010-ref.html">
<meta name="fuzzy" content="maxDifference=0-128;totalPixels=0-1010">
<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=month</p>
<input value="2012-02" type="month">
<input value="2012-02" type="month">
<input value="2012-02" type="month">
<input value="2012-02" type="month">
<input value="2012-02" type="month">
</body>
</html>