mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 1687049 [wpt PR 27206] - Stop-color, flood-color, and lighting-color in forced colors mode, a=testonly 

Automatic update from web-platform-tests
Stop-color, flood-color, and lighting-color in forced colors mode

When investigating CL:2627779, I had noticed a few other color
properties we weren't adjusting for in forced colors mode:
stop-color, flood-color, and lighting-color. In most cases, this
shouldn't make a difference since SVG elements are set to
'forced-color-adjust: none' by default, but I figured these would
be good to include for consistency.

Bug: 1166911
Change-Id: I47d16b20309565d28e24e1410115b5a36f22a662
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2633944
Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org>
Commit-Queue: Alison Maher <almaher@microsoft.com>
Cr-Commit-Position: refs/heads/master@{#845474}

--

wpt-commits: e4ccc12bbc1d948057d9931ccc2aa06c83d43313
wpt-pr: 27206
This commit is contained in:
Alison Maher 2021-01-21 21:54:28 +00:00 коммит произвёл moz-wptsync-bot
Родитель bfb46f54bb
Коммит de6bb02dc2
5 изменённых файлов: 124 добавлений и 0 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

6
testing/web-platform/tests/forced-colors-mode/forced-colors-mode-40.html
Просмотреть файл

@ -14,7 +14,10 @@
color: green;
column-rule-color: green;
fill: green;
flood-color: green;
lighting-color: green;
outline-color: green;
stop-color: green;
stroke: green;
text-decoration-color: green;
-webkit-tap-highlight-color: green;
@ -36,7 +39,10 @@
"color",
"column-rule-color",
"fill",
"flood-color",
"lighting-color",
"outline-color",
"stop-color",
"stroke",
"text-decoration-color",
"-webkit-tap-highlight-color",

15
testing/web-platform/tests/forced-colors-mode/forced-colors-mode-46-ref.html Normal file
Просмотреть файл

@ -0,0 +1,15 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Forced colors mode - lighting-color, flood-color, stop-color.</title>
<style>
svg {
forced-color-adjust: none;
height: 100px;
width: 500px;
}
</style>
<svg xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="100" height="100" fill="WindowText"/>
<rect x="200" y="0" width="100" height="100" fill="WindowText"/>
<rect x="400" y="0" width="100" height="100" fill="WindowText"/>
</svg>

37
testing/web-platform/tests/forced-colors-mode/forced-colors-mode-46.html Normal file
Просмотреть файл

@ -0,0 +1,37 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Forced colors mode - lighting-color, flood-color, stop-color.</title>
<link rel="help" href="https://www.w3.org/TR/css-color-adjust-1/#forced-colors-properties">
<link rel=match href="forced-colors-mode-46-ref.html">
<style>
/* SVG elements are set to 'forced-color-adjust: none' by default. Set this to
auto instead in order to test that lighting-color, flood-color, stop-color
are properly overridden in forced colors mode. */
svg {
forced-color-adjust: auto;
height: 100px;
width: 500px;
}
</style>
<svg xmlns="http://www.w3.org/2000/svg">
<!-- stop-color in forced colors mode -->
<linearGradient id="stop">
<stop offset="25%" stop-color="orange"/>
<stop offset="75%" stop-color="red"/>
</linearGradient>
<rect x="0" y="0" width="100" height="100" fill="url('#stop')"/>
<!-- lighting-color in forced colors mode -->
<filter id="lighting" x="0" y="0" width="100%" height="100%">
<feDiffuseLighting in="SourceGraphic" lighting-color="red">
<fePointLight x="250" y="50" z="10"/>
</feDiffuseLighting>
</filter>
<rect x="200" y="0" width="100" height="100" style="filter: url(#lighting);"/>
<!-- flood-color in forced colors mode -->
<filter id="flood" x="0" y="0" width="100%" height="100%">
<feFlood flood-color="red"/>
</filter>
<rect x="400" y="0" width="100" height="100" style="filter: url(#flood);"/>
</svg>

29
testing/web-platform/tests/forced-colors-mode/forced-colors-mode-47-ref.html Normal file
Просмотреть файл

@ -0,0 +1,29 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Forced colors mode - lighting-color, flood-color, stop-color system colors.</title>
<style>
svg {
forced-color-adjust: none;
height: 100px;
width: 500px;
}
</style>
<svg xmlns="http://www.w3.org/2000/svg">
<linearGradient id="stop">
<stop offset="25%" stop-color="GrayText"/>
<stop offset="75%" stop-color="LinkText"/>
</linearGradient>
<rect x="0" y="0" width="100" height="100" fill="url('#stop')"/>
<filter id="lighting" x="0" y="0" width="100%" height="100%">
<feDiffuseLighting in="SourceGraphic" lighting-color="LinkText">
<fePointLight x="250" y="50" z="10"/>
</feDiffuseLighting>
</filter>
<rect x="200" y="0" width="100" height="100" style="filter: url(#lighting);"/>
<filter id="flood" x="0" y="0" width="100%" height="100%">
<feFlood flood-color="GrayText"/>
</filter>
<rect x="400" y="0" width="100" height="100" style="filter: url(#flood);"/>
</svg>

37
testing/web-platform/tests/forced-colors-mode/forced-colors-mode-47.html Normal file
Просмотреть файл

@ -0,0 +1,37 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Forced colors mode - lighting-color, flood-color, stop-color system colors.</title>
<link rel="help" href="https://www.w3.org/TR/css-color-adjust-1/#forced-colors-properties">
<link rel=match href="forced-colors-mode-47-ref.html">
<style>
/* SVG elements are set to 'forced-color-adjust: none' by default. Set this to
auto instead in order to test that lighting-color, flood-color, stop-color
are properly handled in forced colors mode. */
svg {
forced-color-adjust: auto;
height: 100px;
width: 500px;
}
</style>
<svg xmlns="http://www.w3.org/2000/svg">
<!-- stop-color in forced colors mode -->
<linearGradient id="stop">
<stop offset="25%" stop-color="GrayText"/>
<stop offset="75%" stop-color="LinkText"/>
</linearGradient>
<rect x="0" y="0" width="100" height="100" fill="url('#stop')"/>
<!-- lighting-color in forced colors mode -->
<filter id="lighting" x="0" y="0" width="100%" height="100%">
<feDiffuseLighting in="SourceGraphic" lighting-color="LinkText">
<fePointLight x="250" y="50" z="10"/>
</feDiffuseLighting>
</filter>
<rect x="200" y="0" width="100" height="100" style="filter: url(#lighting);"/>
<!-- flood-color in forced colors mode -->
<filter id="flood" x="0" y="0" width="100%" height="100%">
<feFlood flood-color="GrayText"/>
</filter>
<rect x="400" y="0" width="100" height="100" style="filter: url(#flood);"/>
</svg>