| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| 4 <style> | 4 <style> |
| 5 .test ol { float: left; padding-right: 20px; } | 5 .test ol { float: left; padding-right: 20px; } |
| 6 .test h2 { clear: left; } | 6 .test h2 { clear: left; } |
| 7 .negative-number { padding-left: 300px; } | 7 .negative-number { padding-left: 300px; } |
| 8 .negative-number li:before { content: "\002D"; } | 8 .negative-number li:before { content: "\002D"; } |
| 9 | 9 |
| 10 /* | 10 /* |
| 11 The following styles are ordered as they appear in section 4.3. of the | 11 The following styles are ordered as they appear in section 6.1. of the |
| 12 Draft 7 November 2002 draft of the CSS3 Lists module <http://www.w3.org/
TR/css3-lists/#numeric>. | 12 3 February 2015 CR of the CSS3 Counter Styles Level 3 module <http://www
.w3.org/TR/css-counter-styles-3/#simple-numeric>. |
| 13 */ | 13 */ |
| 14 | |
| 15 ol.arabic-indic { list-style-type: arabic-indic; } | |
| 16 | |
| 17 ol.binary { list-style-type: binary; } | |
| 18 | |
| 19 ol.bengali { list-style-type: bengali; } | |
| 20 | |
| 21 ol.cambodian { list-style-type: cambodian; } | |
| 22 ol.khmer { list-style-type: khmer; } | |
| 23 | |
| 24 ol.decimal { list-style-type: decimal; } | 14 ol.decimal { list-style-type: decimal; } |
| 25 | 15 |
| 26 ol.decimal-leading-zero { list-style-type: decimal-leading-zero; } | 16 ol.decimal-leading-zero { list-style-type: decimal-leading-zero; } |
| 17 |
| 18 ol.arabic-indic { list-style-type: arabic-indic; } |
| 19 |
| 20 ol.bengali { list-style-type: bengali; } |
| 21 |
| 22 ol.cambodian { list-style-type: cambodian; } |
| 23 |
| 24 ol.khmer { list-style-type: khmer; } |
| 27 | 25 |
| 28 ol.devanagari { list-style-type: devanagari; } | 26 ol.devanagari { list-style-type: devanagari; } |
| 29 | 27 |
| 30 ol.gujarati { list-style-type: gujarati; } | 28 ol.gujarati { list-style-type: gujarati; } |
| 31 | 29 |
| 32 ol.gurmukhi { list-style-type: gurmukhi; } | 30 ol.gurmukhi { list-style-type: gurmukhi; } |
| 33 | 31 |
| 34 ol.kannada { list-style-type: kannada; } | 32 ol.kannada { list-style-type: kannada; } |
| 35 | 33 |
| 36 ol.lower-hexadecimal { list-style-type: lower-hexadecimal; } | |
| 37 | |
| 38 ol.lao { list-style-type: lao; } | 34 ol.lao { list-style-type: lao; } |
| 39 | 35 |
| 40 ol.malayalam { list-style-type: malayalam; } | 36 ol.malayalam { list-style-type: malayalam; } |
| 41 | 37 |
| 42 ol.mongolian { list-style-type: mongolian; } | 38 ol.mongolian { list-style-type: mongolian; } |
| 43 | 39 |
| 44 ol.myanmar { list-style-type: myanmar; } | 40 ol.myanmar { list-style-type: myanmar; } |
| 45 | 41 |
| 46 ol.octal { list-style-type: octal; } | |
| 47 | |
| 48 ol.oriya { list-style-type: oriya; } | 42 ol.oriya { list-style-type: oriya; } |
| 49 | 43 |
| 50 ol.persian { list-style-type: persian; } | 44 ol.persian { list-style-type: persian; } |
| 51 ol.urdu { list-style-type: urdu; } | 45 ol.urdu { list-style-type: urdu; } |
| 52 | 46 |
| 53 ol.telugu { list-style-type: telugu; } | 47 ol.telugu { list-style-type: telugu; } |
| 54 | 48 |
| 55 ol.tibetan { list-style-type: tibetan; } | |
| 56 | |
| 57 ol.thai { list-style-type: thai; } | 49 ol.thai { list-style-type: thai; } |
| 58 | 50 |
| 59 ol.upper-hexadecimal { list-style-type: upper-hexadecimal; } | 51 ol.tibetan { list-style-type: tibetan; } |
| 60 </style> | 52 </style> |
| 61 <script src="resources/dump-list.js"></script> | 53 <script src="resources/dump-list.js"></script> |
| 62 <script> | 54 <script> |
| 63 function testListItemMarkerEqualsListItemText(listItemElement, depth) | 55 function testListItemMarkerEqualsListItemText(listItemElement, depth) |
| 64 { | 56 { |
| 65 var isNegativeNumber = listItemElement.parentNode.className && listI
temElement.parentNode.className.split(" ").indexOf("negative-number") > -1; | 57 var isNegativeNumber = listItemElement.parentNode.className && listI
temElement.parentNode.className.split(" ").indexOf("negative-number") > -1; |
| 66 var expectedMarkerText = (isNegativeNumber ? "-" : "") + listItemEle
ment.innerText; | 58 var expectedMarkerText = (isNegativeNumber ? "-" : "") + listItemEle
ment.innerText; |
| 67 return testListItemMarkerEquals(internals.markerTextForListItem(list
ItemElement), expectedMarkerText); | 59 return testListItemMarkerEquals(internals.markerTextForListItem(list
ItemElement), expectedMarkerText); |
| 68 } | 60 } |
| 69 | 61 |
| 70 function runTest() | 62 function runTest() |
| 71 { | 63 { |
| 72 if (!window.testRunner) | 64 if (!window.testRunner) |
| 73 return; | 65 return; |
| 74 | 66 |
| 75 testRunner.dumpAsText(); | 67 testRunner.dumpAsText(); |
| 76 filterListsWithReplacement(document.querySelectorAll(".test ol"), te
stListItemMarkerEqualsListItemText); | 68 filterListsWithReplacement(document.querySelectorAll(".test ol"), te
stListItemMarkerEqualsListItemText); |
| 77 document.body.removeChild(document.getElementById("description")); /
/ Remove description when running in DRT. | 69 document.body.removeChild(document.getElementById("description")); /
/ Remove description when running in DRT. |
| 78 } | 70 } |
| 79 window.onload = runTest; | 71 window.onload = runTest; |
| 80 </script> | 72 </script> |
| 81 </head> | 73 </head> |
| 82 <body> | 74 <body> |
| 83 <h1>CSS3 Numeric list-style-type</h1> | 75 <h1>CSS3 Numeric list-style-type</h1> |
| 84 <p id="description">This tests that all of the numeric CSS3 list-style-types
are supported as per <a href="http://www.w3.org/TR/css3-lists/#numeric">section
4.3 of the spec. CSS3 Lists module</a> (Draft 7 November 2002). This test PASSE
D if the list item matches its bullet for every list item (below). For example,
for the decimal numeric system the second <li> (which corresponds to 2 in
the standard ordering of the positive integers) should be rendered as: 2. 2</p> | 76 <p id="description">his tests that all of the alphabetic CSS3 list-style-typ
es are supported as per <a href="http://www.w3.org/TR/css-counter-styles-3/#simp
le-alphabetic">section 6.1 of the spec. CSS3 Counter Styles Level 3 module</a> (
CR 3 February 2015). This test PASSED if the list item matches its bullet for ev
ery list item (below). For example, for the decimal numeric system the second &l
t;li> (which corresponds to 2 in the standard ordering of the positive intege
rs) should be rendered as: 2. 2</p> |
| 85 <div class="test"> | 77 <div class="test"> |
| 86 <h2>arabic-indic</h2> | 78 <h2>arabic-indic</h2> |
| 87 <ol class="arabic-indic"> | 79 <ol class="arabic-indic"> |
| 88 <li>١</li> | 80 <li>١</li> |
| 89 <li>٢</li> | 81 <li>٢</li> |
| 90 <li>٣</li> | 82 <li>٣</li> |
| 91 <li>٤</li> | 83 <li>٤</li> |
| 92 <li>٥</li> | 84 <li>٥</li> |
| 93 <li>٦</li> | 85 <li>٦</li> |
| 94 <li>٧</li> | 86 <li>٧</li> |
| 95 <li>٨</li> | 87 <li>٨</li> |
| 96 <li>٩</li> | 88 <li>٩</li> |
| 97 <li>١٠</li> | 89 <li>١٠</li> |
| 98 </ol> | 90 </ol> |
| 99 <ol class="arabic-indic" start="0"> | 91 <ol class="arabic-indic" start="0"> |
| 100 <li>٠</li> | 92 <li>٠</li> |
| 101 </ol> | 93 </ol> |
| 102 <ol class="arabic-indic" start="-2147483649"> | 94 <ol class="arabic-indic" start="-2147483649"> |
| 103 <li>١</li> | 95 <li>١</li> |
| 104 </ol> | 96 </ol> |
| 105 <ol class="arabic-indic negative-number" start="-2147483648"> | 97 <ol class="arabic-indic negative-number" start="-2147483648"> |
| 106 <li>٢١٤٧٤٨٣٦٤&
#x668;</li> | 98 <li>٢١٤٧٤٨٣٦٤&
#x668;</li> |
| 107 <li>٢١٤٧٤٨٣٦٤&
#x667;</li> | 99 <li>٢١٤٧٤٨٣٦٤&
#x667;</li> |
| 108 </ol> | 100 </ol> |
| 109 </div> | 101 </div> |
| 110 | 102 |
| 111 <div class="test"> | 103 <div class="test"> |
| 112 <h2>binary</h2> | |
| 113 <ol class="binary"> | |
| 114 <li>1</li> | |
| 115 <li>10</li> | |
| 116 </ol> | |
| 117 <ol class="binary" start="0"> | |
| 118 <li>0</li> | |
| 119 </ol> | |
| 120 <ol class="binary" start="-2147483649"> | |
| 121 <li>1</li> | |
| 122 </ol> | |
| 123 <ol class="binary negative-number" start="-2147483648"> | |
| 124 <li>10000000000000000000000000000000</li> | |
| 125 <li>1111111111111111111111111111111</li> | |
| 126 </ol> | |
| 127 </div> | |
| 128 | |
| 129 <div class="test"> | |
| 130 <h2>bengali</h2> | 104 <h2>bengali</h2> |
| 131 <ol class="bengali"> | 105 <ol class="bengali"> |
| 132 <li>১</li> | 106 <li>১</li> |
| 133 <li>২</li> | 107 <li>২</li> |
| 134 <li>৩</li> | 108 <li>৩</li> |
| 135 <li>৪</li> | 109 <li>৪</li> |
| 136 <li>৫</li> | 110 <li>৫</li> |
| 137 <li>৬</li> | 111 <li>৬</li> |
| 138 <li>৭</li> | 112 <li>৭</li> |
| 139 <li>৮</li> | 113 <li>৮</li> |
| (...skipping 213 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 353 <ol class="kannada" start="-2147483649"> | 327 <ol class="kannada" start="-2147483649"> |
| 354 <li>೧</li> | 328 <li>೧</li> |
| 355 </ol> | 329 </ol> |
| 356 <ol class="kannada negative-number" start="-2147483648"> | 330 <ol class="kannada negative-number" start="-2147483648"> |
| 357 <li>೨೧೪೭೪೮೩೬೪&
#xCEE;</li> | 331 <li>೨೧೪೭೪೮೩೬೪&
#xCEE;</li> |
| 358 <li>೨೧೪೭೪೮೩೬೪&
#xCED;</li> | 332 <li>೨೧೪೭೪೮೩೬೪&
#xCED;</li> |
| 359 </ol> | 333 </ol> |
| 360 </div> | 334 </div> |
| 361 | 335 |
| 362 <div class="test"> | 336 <div class="test"> |
| 363 <h2>lower-hexadecimal</h2> | |
| 364 <ol class="lower-hexadecimal"> | |
| 365 <li>1</li> | |
| 366 <li>2</li> | |
| 367 <li>3</li> | |
| 368 <li>4</li> | |
| 369 <li>5</li> | |
| 370 <li>6</li> | |
| 371 <li>7</li> | |
| 372 <li>8</li> | |
| 373 <li>9</li> | |
| 374 <li>a</li> | |
| 375 <li>b</li> | |
| 376 <li>c</li> | |
| 377 <li>d</li> | |
| 378 <li>e</li> | |
| 379 <li>f</li> | |
| 380 <li>10</li> | |
| 381 </ol> | |
| 382 <ol class="lower-hexadecimal" start="0"> | |
| 383 <li>0</li> | |
| 384 </ol> | |
| 385 <ol class="lower-hexadecimal" start="-2147483649"> | |
| 386 <li>1</li> | |
| 387 </ol> | |
| 388 <ol class="lower-hexadecimal negative-number" start="-2147483648"> | |
| 389 <li>80000000</li> | |
| 390 <li>7fffffff</li> | |
| 391 </ol> | |
| 392 </div> | |
| 393 | |
| 394 <div class="test"> | |
| 395 <h2>lao</h2> | 337 <h2>lao</h2> |
| 396 <ol class="lao"> | 338 <ol class="lao"> |
| 397 <li>໑</li> | 339 <li>໑</li> |
| 398 <li>໒</li> | 340 <li>໒</li> |
| 399 <li>໓</li> | 341 <li>໓</li> |
| 400 <li>໔</li> | 342 <li>໔</li> |
| 401 <li>໕</li> | 343 <li>໕</li> |
| 402 <li>໖</li> | 344 <li>໖</li> |
| 403 <li>໗</li> | 345 <li>໗</li> |
| 404 <li>໘</li> | 346 <li>໘</li> |
| (...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 489 <ol class="myanmar" start="-2147483649"> | 431 <ol class="myanmar" start="-2147483649"> |
| 490 <li>၁</li> | 432 <li>၁</li> |
| 491 </ol> | 433 </ol> |
| 492 <ol class="myanmar negative-number" start="-2147483648"> | 434 <ol class="myanmar negative-number" start="-2147483648"> |
| 493 <li>၂၁၄၇၄၈၃၆
၄၈</li> | 435 <li>၂၁၄၇၄၈၃၆
၄၈</li> |
| 494 <li>၂၁၄၇၄၈၃၆
၄၇</li> | 436 <li>၂၁၄၇၄၈၃၆
၄၇</li> |
| 495 </ol> | 437 </ol> |
| 496 </div> | 438 </div> |
| 497 | 439 |
| 498 <div class="test"> | 440 <div class="test"> |
| 499 <h2>octal</h2> | |
| 500 <ol class="octal"> | |
| 501 <li>1</li> | |
| 502 <li>2</li> | |
| 503 <li>3</li> | |
| 504 <li>4</li> | |
| 505 <li>5</li> | |
| 506 <li>6</li> | |
| 507 <li>7</li> | |
| 508 <li>10</li> | |
| 509 </ol> | |
| 510 <ol class="octal" start="0"> | |
| 511 <li>0</li> | |
| 512 </ol> | |
| 513 <ol class="octal" start="-2147483649"> | |
| 514 <li>1</li> | |
| 515 </ol> | |
| 516 <ol class="octal negative-number" start="-2147483648"> | |
| 517 <li>20000000000</li> | |
| 518 <li>17777777777</li> | |
| 519 </ol> | |
| 520 </div> | |
| 521 | |
| 522 <div class="test"> | |
| 523 <h2>oriya</h2> | 441 <h2>oriya</h2> |
| 524 <ol class="oriya"> | 442 <ol class="oriya"> |
| 525 <li>୧</li> | 443 <li>୧</li> |
| 526 <li>୨</li> | 444 <li>୨</li> |
| 527 <li>୩</li> | 445 <li>୩</li> |
| 528 <li>୪</li> | 446 <li>୪</li> |
| 529 <li>୫</li> | 447 <li>୫</li> |
| 530 <li>୬</li> | 448 <li>୬</li> |
| 531 <li>୭</li> | 449 <li>୭</li> |
| 532 <li>୮</li> | 450 <li>୮</li> |
| (...skipping 133 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 666 <li>๐</li> | 584 <li>๐</li> |
| 667 </ol> | 585 </ol> |
| 668 <ol class="thai" start="-2147483649"> | 586 <ol class="thai" start="-2147483649"> |
| 669 <li>๑</li> | 587 <li>๑</li> |
| 670 </ol> | 588 </ol> |
| 671 <ol class="thai negative-number" start="-2147483648"> | 589 <ol class="thai negative-number" start="-2147483648"> |
| 672 <li>๒๑๔๗๔๘๓๖๔&
#xE58;</li> | 590 <li>๒๑๔๗๔๘๓๖๔&
#xE58;</li> |
| 673 <li>๒๑๔๗๔๘๓๖๔&
#xE57;</li> | 591 <li>๒๑๔๗๔๘๓๖๔&
#xE57;</li> |
| 674 </ol> | 592 </ol> |
| 675 </div> | 593 </div> |
| 676 | |
| 677 <div class="test"> | |
| 678 <h2>upper-hexadecimal</h2> | |
| 679 <ol class="upper-hexadecimal"> | |
| 680 <li>1</li> | |
| 681 <li>2</li> | |
| 682 <li>3</li> | |
| 683 <li>4</li> | |
| 684 <li>5</li> | |
| 685 <li>6</li> | |
| 686 <li>7</li> | |
| 687 <li>8</li> | |
| 688 <li>9</li> | |
| 689 <li>A</li> | |
| 690 <li>B</li> | |
| 691 <li>C</li> | |
| 692 <li>D</li> | |
| 693 <li>E</li> | |
| 694 <li>F</li> | |
| 695 <li>10</li> | |
| 696 </ol> | |
| 697 <ol class="upper-hexadecimal" start="0"> | |
| 698 <li>0</li> | |
| 699 </ol> | |
| 700 <ol class="upper-hexadecimal" start="-2147483649"> | |
| 701 <li>1</li> | |
| 702 </ol> | |
| 703 <ol class="upper-hexadecimal negative-number" start="-2147483648"> | |
| 704 <li>80000000</li> | |
| 705 <li>7FFFFFFF</li> | |
| 706 </ol> | |
| 707 </div> | |
| 708 </body> | 594 </body> |
| 709 </html> | 595 </html> |
| OLD | NEW |