Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1454)

Side by Side Diff: LayoutTests/fast/lists/w3-css3-list-styles-numeric.html

Issue 1152763006: Remove outdated list style types (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fix sorting Created 5 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 &lt;li&gt; (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&gt; (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>&#x0661;</li> 80 <li>&#x0661;</li>
89 <li>&#x0662;</li> 81 <li>&#x0662;</li>
90 <li>&#x0663;</li> 82 <li>&#x0663;</li>
91 <li>&#x0664;</li> 83 <li>&#x0664;</li>
92 <li>&#x0665;</li> 84 <li>&#x0665;</li>
93 <li>&#x0666;</li> 85 <li>&#x0666;</li>
94 <li>&#x0667;</li> 86 <li>&#x0667;</li>
95 <li>&#x0668;</li> 87 <li>&#x0668;</li>
96 <li>&#x0669;</li> 88 <li>&#x0669;</li>
97 <li>&#x0661;&#x0660;</li> 89 <li>&#x0661;&#x0660;</li>
98 </ol> 90 </ol>
99 <ol class="arabic-indic" start="0"> 91 <ol class="arabic-indic" start="0">
100 <li>&#x0660;</li> 92 <li>&#x0660;</li>
101 </ol> 93 </ol>
102 <ol class="arabic-indic" start="-2147483649"> 94 <ol class="arabic-indic" start="-2147483649">
103 <li>&#x661;</li> 95 <li>&#x661;</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>&#x662;&#x661;&#x664;&#x667;&#x664;&#x668;&#x663;&#x666;&#x664;& #x668;</li> 98 <li>&#x662;&#x661;&#x664;&#x667;&#x664;&#x668;&#x663;&#x666;&#x664;& #x668;</li>
107 <li>&#x662;&#x661;&#x664;&#x667;&#x664;&#x668;&#x663;&#x666;&#x664;& #x667;</li> 99 <li>&#x662;&#x661;&#x664;&#x667;&#x664;&#x668;&#x663;&#x666;&#x664;& #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>&#x09E7;</li> 106 <li>&#x09E7;</li>
133 <li>&#x09E8;</li> 107 <li>&#x09E8;</li>
134 <li>&#x09E9;</li> 108 <li>&#x09E9;</li>
135 <li>&#x09EA;</li> 109 <li>&#x09EA;</li>
136 <li>&#x09EB;</li> 110 <li>&#x09EB;</li>
137 <li>&#x09EC;</li> 111 <li>&#x09EC;</li>
138 <li>&#x09ED;</li> 112 <li>&#x09ED;</li>
139 <li>&#x09EE;</li> 113 <li>&#x09EE;</li>
(...skipping 213 matching lines...) Expand 10 before | Expand all | Expand 10 after
353 <ol class="kannada" start="-2147483649"> 327 <ol class="kannada" start="-2147483649">
354 <li>&#xCE7;</li> 328 <li>&#xCE7;</li>
355 </ol> 329 </ol>
356 <ol class="kannada negative-number" start="-2147483648"> 330 <ol class="kannada negative-number" start="-2147483648">
357 <li>&#xCE8;&#xCE7;&#xCEA;&#xCED;&#xCEA;&#xCEE;&#xCE9;&#xCEC;&#xCEA;& #xCEE;</li> 331 <li>&#xCE8;&#xCE7;&#xCEA;&#xCED;&#xCEA;&#xCEE;&#xCE9;&#xCEC;&#xCEA;& #xCEE;</li>
358 <li>&#xCE8;&#xCE7;&#xCEA;&#xCED;&#xCEA;&#xCEE;&#xCE9;&#xCEC;&#xCEA;& #xCED;</li> 332 <li>&#xCE8;&#xCE7;&#xCEA;&#xCED;&#xCEA;&#xCEE;&#xCE9;&#xCEC;&#xCEA;& #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>&#x0ED1;</li> 339 <li>&#x0ED1;</li>
398 <li>&#x0ED2;</li> 340 <li>&#x0ED2;</li>
399 <li>&#x0ED3;</li> 341 <li>&#x0ED3;</li>
400 <li>&#x0ED4;</li> 342 <li>&#x0ED4;</li>
401 <li>&#x0ED5;</li> 343 <li>&#x0ED5;</li>
402 <li>&#x0ED6;</li> 344 <li>&#x0ED6;</li>
403 <li>&#x0ED7;</li> 345 <li>&#x0ED7;</li>
404 <li>&#x0ED8;</li> 346 <li>&#x0ED8;</li>
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after
489 <ol class="myanmar" start="-2147483649"> 431 <ol class="myanmar" start="-2147483649">
490 <li>&#x1041;</li> 432 <li>&#x1041;</li>
491 </ol> 433 </ol>
492 <ol class="myanmar negative-number" start="-2147483648"> 434 <ol class="myanmar negative-number" start="-2147483648">
493 <li>&#x1042;&#x1041;&#x1044;&#x1047;&#x1044;&#x1048;&#x1043;&#x1046; &#x1044;&#x1048;</li> 435 <li>&#x1042;&#x1041;&#x1044;&#x1047;&#x1044;&#x1048;&#x1043;&#x1046; &#x1044;&#x1048;</li>
494 <li>&#x1042;&#x1041;&#x1044;&#x1047;&#x1044;&#x1048;&#x1043;&#x1046; &#x1044;&#x1047;</li> 436 <li>&#x1042;&#x1041;&#x1044;&#x1047;&#x1044;&#x1048;&#x1043;&#x1046; &#x1044;&#x1047;</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>&#x0B67;</li> 443 <li>&#x0B67;</li>
526 <li>&#x0B68;</li> 444 <li>&#x0B68;</li>
527 <li>&#x0B69;</li> 445 <li>&#x0B69;</li>
528 <li>&#x0B6A;</li> 446 <li>&#x0B6A;</li>
529 <li>&#x0B6B;</li> 447 <li>&#x0B6B;</li>
530 <li>&#x0B6C;</li> 448 <li>&#x0B6C;</li>
531 <li>&#x0B6D;</li> 449 <li>&#x0B6D;</li>
532 <li>&#x0B6E;</li> 450 <li>&#x0B6E;</li>
(...skipping 133 matching lines...) Expand 10 before | Expand all | Expand 10 after
666 <li>&#x0E50;</li> 584 <li>&#x0E50;</li>
667 </ol> 585 </ol>
668 <ol class="thai" start="-2147483649"> 586 <ol class="thai" start="-2147483649">
669 <li>&#xE51;</li> 587 <li>&#xE51;</li>
670 </ol> 588 </ol>
671 <ol class="thai negative-number" start="-2147483648"> 589 <ol class="thai negative-number" start="-2147483648">
672 <li>&#xE52;&#xE51;&#xE54;&#xE57;&#xE54;&#xE58;&#xE53;&#xE56;&#xE54;& #xE58;</li> 590 <li>&#xE52;&#xE51;&#xE54;&#xE57;&#xE54;&#xE58;&#xE53;&#xE56;&#xE54;& #xE58;</li>
673 <li>&#xE52;&#xE51;&#xE54;&#xE57;&#xE54;&#xE58;&#xE53;&#xE56;&#xE54;& #xE57;</li> 591 <li>&#xE52;&#xE51;&#xE54;&#xE57;&#xE54;&#xE58;&#xE53;&#xE56;&#xE54;& #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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698