tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

seg-break-transformation-004.tentative.html (4483B)

      1 <!DOCTYPE html>
      2 <html  lang="en" >
      3 <head>
      4 <meta charset="utf-8">
      5 <title>Halfwidth characters around line break</title>
      6 <link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
      7 <link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-transform'>
      8 <meta name="assert" content="If the East Asian Width property of both the character before and after the line feed is F or H and neither side is Hangul, then the segment break is removed.">
      9 <style type='text/css'>
     10 /* the CSS below is not part of the test */
     11 .test span { font-size: 24px; font-family: sans-serif; background-color: #2AA5F7; color: white; }
     12 .ref span { font-size: 24px; font-family: sans-serif; background-color: #270CEF; color: white; }
     13 </style>
     14 <script src="/resources/testharness.js"></script>
     15 <script src="/resources/testharnessreport.js"></script>
     16 </head>
     17 <body>
     18 <div id='log'></div>
     19 <div id='test1' class="test"><span>ﾉｺﾘ
     20 ２４</span></div>
     21 <div id='test2' class="test"><span>ﾉｺﾘ&#x20;&#x20;&#x20;
     22 ２４</span></div>
     23 <div id='test3' class="test"><span>ﾉｺﾘ
     24 &#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;２４</span></div>
     25 <div id='test4' class="test"><span>ﾉｺﾘ&#x20;&#x20;&#x20;
     26 &#x20;&#x20;&#x20;&#x20;&#x20;２４</span></div>
     27 <div id='test5' class="test"><span>ﾉｺﾘ
     28 
     29 
     30 ２４</span></div>
     31 <div id='test6' class="test"><span>ﾉｺﾘ&#x20;&#x20;
     32 &#x20;&#x20;&#x20;
     33 &#x20;&#x20;&#x20;
     34 &#x20;&#x20;&#x20;２４</span></div>
     35 <div id="ref1" class="ref"><span>ﾉｺﾘ２４</span></div>
     36 <div id='test7' class="test"><span>２４
     37 ｺ</span></div>
     38 <div id='test8' class="test"><span>２４&#x20;&#x20;&#x20;
     39 ｺ</span></div>
     40 <div id='test9' class="test"><span>２４
     41 &#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;&#x20;ｺ</span></div>
     42 <div id='test10' class="test"><span>２４&#x20;&#x20;&#x20;
     43 &#x20;&#x20;&#x20;&#x20;&#x20;ｺ</span></div>
     44 <div id='test11' class="test"><span>２４
     45 
     46 
     47 ｺ</span></div>
     48 <div id='test12' class="test"><span>２４&#x20;&#x20;
     49 &#x20;&#x20;&#x20;
     50 &#x20;&#x20;&#x20;
     51 &#x20;&#x20;&#x20;ｺ</span></div>
     52 <div id="ref2" class="ref"><span>２４ｺ</span></div>
     53 <script>
     54 test(function() {
     55 assert_equals(document.getElementById('test1').firstChild.offsetWidth, document.getElementById('ref1').firstChild.offsetWidth);
     56 }, "linebreak only ﾉｺﾘ２４");
     57 test(function() {
     58 assert_equals(document.getElementById('test2').firstChild.offsetWidth, document.getElementById('ref1').firstChild.offsetWidth);
     59 }, "spaces linebreak ﾉｺﾘ２４");
     60 test(function() {
     61 assert_equals(document.getElementById('test3').firstChild.offsetWidth, document.getElementById('ref1').firstChild.offsetWidth);
     62 }, "linebreak spaces ﾉｺﾘ２４");
     63 test(function() {
     64 assert_equals(document.getElementById('test4').firstChild.offsetWidth, document.getElementById('ref1').firstChild.offsetWidth);
     65 }, "spaces linebreak spaces ﾉｺﾘ２４");
     66 test(function() {
     67 assert_equals(document.getElementById('test5').firstChild.offsetWidth, document.getElementById('ref1').firstChild.offsetWidth);
     68 }, "multiple linebreaks ﾉｺﾘ２４");
     69 test(function() {
     70 assert_equals(document.getElementById('test6').firstChild.offsetWidth, document.getElementById('ref1').firstChild.offsetWidth);
     71 }, "multiple linebreaks + spaces ﾉｺﾘ２４");
     72 test(function() {
     73 assert_equals(document.getElementById('test7').firstChild.offsetWidth, document.getElementById('ref2').firstChild.offsetWidth);
     74 }, "linebreak only ２４ｺ");
     75 test(function() {
     76 assert_equals(document.getElementById('test8').firstChild.offsetWidth, document.getElementById('ref2').firstChild.offsetWidth);
     77 }, "spaces linebreak ２４ｺ");
     78 test(function() {
     79 assert_equals(document.getElementById('test9').firstChild.offsetWidth, document.getElementById('ref2').firstChild.offsetWidth);
     80 }, "linebreak spaces ２４ｺ");
     81 test(function() {
     82 assert_equals(document.getElementById('test10').firstChild.offsetWidth, document.getElementById('ref2').firstChild.offsetWidth);
     83 }, "spaces linebreak spaces ２４ｺ");
     84 test(function() {
     85 assert_equals(document.getElementById('test11').firstChild.offsetWidth, document.getElementById('ref2').firstChild.offsetWidth);
     86 }, "multiple linebreaks ２４ｺ");
     87 test(function() {
     88 assert_equals(document.getElementById('test12').firstChild.offsetWidth, document.getElementById('ref2').firstChild.offsetWidth);
     89 }, "multiple linebreaks + spaces ２４ｺ");
     90 </script>
     91 <!-- Notes:
     92 The assertion will fail if space is produced for any line in the test paragraph.
     93 -->
     94 </body>
     95 </html>