Aaron Krajeski
b2b62b0955
Automatic update from web-platform-tests Make kSRGB the default SkInterpolation for gradients Previously unknown gradient interpolation defaulted to the color space of the device display. This, in practice was always sRGB because until https://skia-review.googlesource.com/c/skia/+/942876 display-p3 was not available as a gradient interpolation space in skia. Now that it is, legacy gradients for p3 devices have changed everywhere. Sadly, we did not catch this regression because we were not running the requisite tests inside a p3 gamut test runner. As a part of this CL I've added external/wpt/css/css-images/gradient to the "wide-gamut" virtual test suite. Similar regressions will be caught by this test suite in the future. See https://chromium-review.googlesource.com/c/chromium/src/+/4144561 for a previous attempt. Bug: 398066384 Change-Id: Ic66a537ca2d5fbe28adf29556c045f98d9c24f73 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6340630 Reviewed-by: Xianzhu Wang <wangxianzhu@chromium.org> Commit-Queue: Aaron Krajeski <aaronhk@chromium.org> Cr-Commit-Position: refs/heads/main@{#1431086} -- wpt-commits: 2472ea3d89dbc6a2aced2ee14935ea0b9fa29e66 wpt-pr: 51270
40 lines
1.1 KiB
HTML
40 lines
1.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Gradient with a single stop</title>
|
|
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
|
|
<link rel="help" href="https://drafts.csswg.org/css-images-3/#color-stop-syntax">
|
|
<link rel="help" href="https://drafts.csswg.org/css-images-3/#coloring-gradient-line">
|
|
<meta name="assert" content="Tests that gradient with a single color stop renders the expected solid color">
|
|
<meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-6000">
|
|
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
|
<style>
|
|
body {
|
|
background: #fff;
|
|
}
|
|
|
|
div {
|
|
width: 100px;
|
|
height: 100px;
|
|
position: absolute;
|
|
}
|
|
|
|
#fail {
|
|
background: red;
|
|
}
|
|
|
|
#test {
|
|
background-image: linear-gradient(to right, green 90%);
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<p>Test passes if there is a filled green square.</p>
|
|
<div id="fail"></div>
|
|
<div id="test"></div>
|
|
</body>
|
|
</html>
|