wpt / css / css-counter-styles / trad-chinese-informal / counter-trad-chinese-informal.html

Status: FAIL | Duration: 14ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

/css/css-counter-styles/trad-chinese-informal/counter-trad-chinese-informal.html

<!DOCTYPE html>
<title>CSS Counter Styles: Longhand East Asian Counter Styles Trad Chinese Informal</title>
<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#limited-chinese">
<link rel="author" href="mailto:saku@email.sakupi01.com" title="saku">
<link rel="match" href="counter-trad-chinese-informal-ref.html">
<style>
  div::after {
    content: counter(n, trad-chinese-informal);
  }
</style>
<div style="counter-reset: n 0;"></div>
<div style="counter-reset: n 1;"></div>
<div style="counter-reset: n 2;"></div>
<div style="counter-reset: n 3;"></div>
<div style="counter-reset: n 4;"></div>
<div style="counter-reset: n 5;"></div>
<div style="counter-reset: n 6;"></div>
<div style="counter-reset: n 7;"></div>
<div style="counter-reset: n 8;"></div>
<div style="counter-reset: n 9;"></div>

<div style="counter-reset: n 10;"></div>
<div style="counter-reset: n 100;"></div>
<div style="counter-reset: n 1000;"></div>

<div style="counter-reset: n 11;"></div>
<div style="counter-reset: n 99;"></div>
<div style="counter-reset: n 101;"></div>
<div style="counter-reset: n 200;"></div>
<div style="counter-reset: n 6001;"></div>

<!-- Test second group marker (萬) - ten-thousands group -->
<div style="counter-reset: n 10000;"></div>
<div style="counter-reset: n 20000;"></div>
<div style="counter-reset: n 50000;"></div>
<div style="counter-reset: n 99999;"></div>

<!-- Test complex patterns within ten-thousands group (algorithm step 4: digit markers) -->
<div style="counter-reset: n 12345;"></div>
<div style="counter-reset: n 10001;"></div>
<div style="counter-reset: n 10010;"></div>
<div style="counter-reset: n 10100;"></div>
<div style="counter-reset: n 11000;"></div>

<!-- Test third group marker (億) - hundred-millions group -->
<div style="counter-reset: n 100000000;"></div>
<div style="counter-reset: n 200000000;"></div>
<div style="counter-reset: n 500000000;"></div>
<div style="counter-reset: n 999999999;"></div>

<!-- Test complex patterns within hundred-millions group (algorithm step 6: zero dropping) -->
<div style="counter-reset: n 123456789;"></div>
<div style="counter-reset: n 100000001;"></div>
<div style="counter-reset: n 100010000;"></div>
<div style="counter-reset: n 100100000;"></div>
<div style="counter-reset: n 101000000;"></div>
<div style="counter-reset: n 110000000;"></div>

<!-- Test fourth group marker (兆) - trillions group -->
<div style="counter-reset: n 1000000000000;"></div>
<div style="counter-reset: n 2000000000000;"></div>
<div style="counter-reset: n 5000000000000;"></div>
<div style="counter-reset: n 9999999999999;"></div>

<!-- Test extended ranges (algorithm step 3: group markers up to 10^16) -->
<!-- Test 10^13 range (ten-trillions) -->
<div style="counter-reset: n 10000000000000;"></div>
<div style="counter-reset: n 50000000000000;"></div>
<div style="counter-reset: n 99999999999999;"></div>

<!-- Test 10^15 range (hundred-trillions) -->
<div style="counter-reset: n 100000000000000;"></div>
<div style="counter-reset: n 500000000000000;"></div>
<div style="counter-reset: n 999999999999999;"></div>

<!-- Test complex patterns in trillions group (step 5: drop ones, step 6: drop zeros) -->
<div style="counter-reset: n 1234567890123;"></div>
<div style="counter-reset: n 1000000000001;"></div>
<div style="counter-reset: n 1000000010000;"></div>
<div style="counter-reset: n 1000001000000;"></div>
<div style="counter-reset: n 1000100000000;"></div>
<div style="counter-reset: n 1010000000000;"></div>
<div style="counter-reset: n 1100000000000;"></div>

<!-- Test interaction between multiple groups -->
<div style="counter-reset: n 1001001001001;"></div>
<div style="counter-reset: n 1010101010101;"></div>
<div style="counter-reset: n 1000100010001;"></div>
<div style="counter-reset: n 5005005005005;"></div>

<!-- Test zero dropping behavior across different groups -->
<div style="counter-reset: n 1000000000000;"></div>
<div style="counter-reset: n 1000000000;"></div>
<div style="counter-reset: n 1000000;"></div>
<div style="counter-reset: n 1000;"></div>
<div style="counter-reset: n 10000000000000;"></div>
<div style="counter-reset: n 100000000000000;"></div>

<!-- Test boundary values at the edge of range (-10^16+1 to 10^16-1) -->
<div style="counter-reset: n 9999999999999999;"></div>
<div style="counter-reset: n 1000000000000000;"></div>

<!-- Test out-of-range values (should fallback to cjk-decimal) -->
<div style="counter-reset: n 10000000000000000;"></div>

<!-- Test negative numbers (algorithm step 8: negative sign handling) -->
<div style="counter-reset: n -10000;"></div>
<div style="counter-reset: n -100000000;"></div>
<div style="counter-reset: n -1000000000000;"></div>
<div style="counter-reset: n -9999999999999999;"></div>

<div style="counter-reset: n -1;"></div>

/css/css-counter-styles/trad-chinese-informal/counter-trad-chinese-informal-ref.html

<!DOCTYPE html>
<div>&#x96f6;</div>
<div>&#x4e00;</div>
<div>&#x4e8c;</div>
<div>&#x4e09;</div>
<div>&#x56db;</div>
<div>&#x4e94;</div>
<div>&#x516d;</div>
<div>&#x4e03;</div>
<div>&#x516b;</div>
<div>&#x4e5d;</div>

<div>&#x5341;</div>
<div>&#x4e00;&#x767e;</div>
<div>&#x4e00;&#x5343;</div>

<div>&#x5341;&#x4e00;</div>
<div>&#x4e5d;&#x5341;&#x4e5d;</div>
<div>&#x4e00;&#x767e;&#x96f6;&#x4e00;</div>
<div>&#x4e8c;&#x767e;</div>
<div>&#x516d;&#x5343;&#x96f6;&#x4e00;</div>

<!-- Test second group marker (萬) - ten-thousands group -->
<div>&#x4e00;&#x842c;</div>
<div>&#x4e8c;&#x842c;</div>
<div>&#x4e94;&#x842c;</div>
<div>&#x4e5d;&#x842c;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;</div>

<!-- Test complex patterns within ten-thousands group (algorithm step 4: digit markers) -->
<div>&#x4e00;&#x842c;&#x4e8c;&#x5343;&#x4e09;&#x767e;&#x56db;&#x5341;&#x4e94;</div>
<div>&#x4e00;&#x842c;&#x96f6;&#x4e00;</div>
<div>&#x4e00;&#x842c;&#x96f6;&#x5341;</div>
<div>&#x4e00;&#x842c;&#x96f6;&#x4e00;&#x767e;</div>
<div>&#x4e00;&#x842c;&#x4e00;&#x5343;</div>

<!-- Test third group marker (億) - hundred-millions group -->
<div>&#x4e00;&#x5104;</div>
<div>&#x4e8c;&#x5104;</div>
<div>&#x4e94;&#x5104;</div>
<div>&#x4e5d;&#x5104;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x842c;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;</div>

<!-- Test complex patterns within hundred-millions group (algorithm step 6: zero dropping) -->
<div>&#x4e00;&#x5104;&#x4e8c;&#x5343;&#x4e09;&#x767e;&#x56db;&#x5341;&#x4e94;&#x842c;&#x516d;&#x5343;&#x4e03;&#x767e;&#x516b;&#x5341;&#x4e5d;</div>
<div>&#x4e00;&#x5104;&#x96f6;&#x4e00;</div>
<div>&#x4e00;&#x5104;&#x96f6;&#x4e00;&#x842c;</div>
<div>&#x4e00;&#x5104;&#x96f6;&#x5341;&#x842c;</div>
<div>&#x4e00;&#x5104;&#x96f6;&#x4e00;&#x767e;&#x842c;</div>
<div>&#x4e00;&#x5104;&#x4e00;&#x5343;&#x842c;</div>

<!-- Test fourth group marker (兆) - trillions group -->
<div>&#x4e00;&#x5146;</div>
<div>&#x4e8c;&#x5146;</div>
<div>&#x4e94;&#x5146;</div>
<div>&#x4e5d;&#x5146;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5104;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x842c;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;</div>

<!-- Test extended ranges (algorithm step 3: group markers up to 10^16) -->
<!-- Test 10^13 range (ten-trillions) -->
<div>&#x5341;&#x5146;</div>
<div>&#x4e94;&#x5341;&#x5146;</div>
<div>&#x4e5d;&#x5341;&#x4e5d;&#x5146;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5104;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x842c;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;</div>

<!-- Test 10^15 range (hundred-trillions) -->
<div>&#x4e00;&#x767e;&#x5146;</div>
<div>&#x4e94;&#x767e;&#x5146;</div>
<div>&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5146;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5104;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x842c;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;</div>

<!-- Test complex patterns in trillions group (step 5: drop ones, step 6: drop zeros) -->
<div>&#x4e00;&#x5146;&#x4e8c;&#x5343;&#x4e09;&#x767e;&#x56db;&#x5341;&#x4e94;&#x5104;&#x516d;&#x5343;&#x4e03;&#x767e;&#x516b;&#x5341;&#x4e5d;&#x842c;&#x96f6;&#x4e00;&#x767e;&#x4e8c;&#x5341;&#x4e09;</div>
<div>&#x4e00;&#x5146;&#x96f6;&#x4e00;</div>
<div>&#x4e00;&#x5146;&#x96f6;&#x4e00;&#x842c;</div>
<div>&#x4e00;&#x5146;&#x96f6;&#x4e00;&#x767e;&#x842c;</div>
<div>&#x4e00;&#x5146;&#x96f6;&#x4e00;&#x5104;</div>
<div>&#x4e00;&#x5146;&#x96f6;&#x4e00;&#x767e;&#x5104;</div>
<div>&#x4e00;&#x5146;&#x4e00;&#x5343;&#x5104;</div>

<!-- Test interaction between multiple groups -->
<div>&#x4e00;&#x5146;&#x96f6;&#x5341;&#x5104;&#x96f6;&#x4e00;&#x767e;&#x842c;&#x4e00;&#x5343;&#x96f6;&#x4e00;</div>
<div>&#x4e00;&#x5146;&#x96f6;&#x4e00;&#x767e;&#x96f6;&#x4e00;&#x5104;&#x96f6;&#x4e00;&#x767e;&#x96f6;&#x4e00;&#x842c;&#x96f6;&#x4e00;&#x767e;&#x96f6;&#x4e00;</div>
<div>&#x4e00;&#x5146;&#x96f6;&#x4e00;&#x5104;&#x96f6;&#x4e00;&#x842c;&#x96f6;&#x4e00;</div>
<div>&#x4e94;&#x5146;&#x96f6;&#x4e94;&#x5341;&#x5104;&#x96f6;&#x4e94;&#x767e;&#x842c;&#x4e94;&#x5343;&#x96f6;&#x4e94;</div>

<!-- Test zero dropping behavior across different groups -->
<div>&#x4e00;&#x5146;</div>
<div>&#x5341;&#x5104;</div>
<div>&#x4e00;&#x767e;&#x842c;</div>
<div>&#x4e00;&#x5343;</div>
<div>&#x5341;&#x5146;</div>
<div>&#x4e00;&#x767e;&#x5146;</div>

<!-- Test boundary values at the edge of range (-10^16+1 to 10^16-1) -->
<div>&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5146;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5104;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x842c;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;</div>
<div>&#x4e00;&#x5343;&#x5146;</div>

<!-- Test out-of-range values (should fallback to cjk-decimal) -->
<div>&#x4e00;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;</div>

<!-- Test negative numbers (algorithm step 8: negative sign handling) -->
<div>&#x8ca0;&#x4e00;&#x842c;</div>
<div>&#x8ca0;&#x4e00;&#x5104;</div>
<div>&#x8ca0;&#x4e00;&#x5146;</div>
<div>&#x8ca0;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5146;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5104;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x842c;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;</div>

<div>&#x8ca0;&#x4e00;</div>