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

Bug 1808995 - Add counter-style prefix/suffix testcase including a cyclical fallback chain. r=emilio 

Differential Revision: https://phabricator.services.mozilla.com/D168051
This commit is contained in:
Jonathan Kew 2023-01-28 14:06:16 +00:00
Родитель b05f032672
Коммит 11a4f4323e
2 изменённых файлов: 141 добавлений и 0 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

56
testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/fallback-cycle-ref.html Normal file
Просмотреть файл

@ -0,0 +1,56 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS Reference: fallback cycle</title>
<style>
.decimal {
list-style-type: decimal;
}
.paren::marker {
content: "(" counter(list-item) ")\A0";
}
.bracket::marker {
content: "[" counter(list-item, lower-roman) "]\A0";
}
.brace::marker {
content: "{" counter(list-item, lower-alpha) "}\A0";
}
</style>
<ol>
<li class=decimal>paren > bracket > brace > decimal
<li class=paren>paren
<li class=paren>paren
<li class=paren>paren
<li class=bracket>paren > bracket
<li class=bracket>paren > bracket
<li class=bracket>paren > bracket
<li class=brace>paren > bracket > brace
<li class=brace>paren > bracket > brace
<li class=decimal>paren > bracket > brace > decimal
</ol>
<ol>
<li class=decimal>bracket > brace > paren > decimal
<li class=paren>bracket > brace > paren
<li class=paren>bracket > brace > paren
<li class=bracket>bracket
<li class=bracket>bracket
<li class=bracket>bracket
<li class=bracket>bracket
<li class=brace>bracket > brace
<li class=brace>bracket > brace
<li class=decimal>bracket > brace > paren > decimal
</ol>
<ol>
<li class=decimal>brace > paren > bracket > decimal
<li class=paren>brace > paren
<li class=paren>brace > paren
<li class=paren>brace > paren
<li class=bracket>brace > paren > bracket
<li class=bracket>brace > paren > bracket
<li class=brace>brace
<li class=brace>brace
<li class=brace>brace
<li class=decimal>brace > paren > bracket > decimal
</ol>

85
testing/web-platform/tests/css/css-counter-styles/counter-style-at-rule/fallback-cycle.html Normal file
Просмотреть файл

@ -0,0 +1,85 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS Test: fallback cycle</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-range">
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-fallback">
<meta name="assert" content="While following fallbacks to find a counter style that can render the given counter value,
if a loop in the specified fallbacks is detected, the decimal style must be used instead">
<link rel="match" href="fallback-cycle-ref.html">
<style>
/*
Three styles with different but overlapping ranges,
with fallback to each other in a cycle.
Depending where in the cycle we start, we expect different results
for the overlapping ranges; in all cases we fall back to the default
(decimal) style when fallback would loop around.
*/
@counter-style paren {
system: extends decimal;
prefix: "(";
suffix: ")\A0";
range: 2 4;
fallback: bracket;
}
@counter-style bracket {
system: extends lower-roman;
prefix: "[";
suffix: "]\A0";
range: 4 7;
fallback: brace;
}
@counter-style brace {
system: extends lower-alpha;
prefix: "{";
suffix: "}\A0";
range: 7 9;
fallback: paren;
}
ol {
list-style-type: disc; /* overridden by the counter-style rules */
}
</style>
<ol style="list-style: paren">
<li>paren > bracket > brace > decimal
<li>paren
<li>paren
<li>paren
<li>paren > bracket
<li>paren > bracket
<li>paren > bracket
<li>paren > bracket > brace
<li>paren > bracket > brace
<li>paren > bracket > brace > decimal
</ol>
<ol style="list-style: bracket">
<li>bracket > brace > paren > decimal
<li>bracket > brace > paren
<li>bracket > brace > paren
<li>bracket
<li>bracket
<li>bracket
<li>bracket
<li>bracket > brace
<li>bracket > brace
<li>bracket > brace > paren > decimal
</ol>
<ol style="list-style: brace">
<li>brace > paren > bracket > decimal
<li>brace > paren
<li>brace > paren
<li>brace > paren
<li>brace > paren > bracket
<li>brace > paren > bracket
<li>brace
<li>brace
<li>brace
<li>brace > paren > bracket > decimal
</ol>