LayoutTests/fast/writing-mode/text-combine-compress.html - Issue 799123003: text-combine should scale rather than fall back to none when wide

Side by Side Diff: LayoutTests/fast/writing-mode/text-combine-compress.html

Issue 799123003: text-combine should scale rather than fall back to none when wide (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Remove one expected.txt and rebase-update (there was a directory rename) Created 5 years, 10 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

« no previous file with comments | « LayoutTests/fast/text/text-combine-shrink-to-fit-expected.txt ('k') | LayoutTests/virtual/antialiasedtext/fast/text/font-variant-width-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <html lang="ja">

	3 <script src="../../resources/testharness.js"></script>

	4 <script src="../../resources/testharnessreport.js"></script>

	5 <style>

	6 @font-face {

	7 font-family:cssot;

	8 src:url(../../third_party/adobe-fonts/CSSFWOrientationTest.otf);

	9 }

	10 div > div {

	11 font-family:'MS Gothic', Ahem, cssot;

	12 }

	13 .vert {

	14 line-height:1.5;

	15 -webkit-writing-mode:vertical-rl;

	16 writing-mode:tb-rl;

	17 font-size:200%;

	18 height:300px;

	19 }

	20 .tcy {

	21 -webkit-text-combine:horizontal;

	22 -ms-text-combine-horizontal:all;

	23 }

	24 .border > span {

	25 border:black solid thin;

	26 }

	27 .kenten {

	28 line-height:1.5;

	29 -webkit-text-emphasis:sesame;

	30 }

	31 div {

	32 #border:black solid thin;

	33 }

	34 </style>

	35 <div id="container">

	36 <div>

	37 <div id="horizRef">These two lines should look identical.</div>

	38 <div id="horiz" class="tcy">These two lines should look identical.</div>

	39 </div>

	40 <div class="vert">

	41 <div>

	42 <span style="font-size:2em">国<span class="tcy">1234567890</sp an>国</span>

	43 <span>国<span class="tcy">#12</span>国</span>

	44 <span class="tcy" style="font-size:.5em">国</span>

	45 <span class="tcy">国</span><span class="tcy">あ</span><s pan class="tcy">1</span>

	46 </div>

	47 <div>

	48 <span>国<span class="tcy">1234567890</span>国</span>

	49 <span>国<span class="tcy">1234</span>国</span>

	50 <span>国<span class="tcy">123</span>国</span>

	51 <span>国<span class="tcy">12</span>国</span>

	52 <span>国<span class="tcy">1</span>国</span>

	53 </div>

	54 <div class="border">

	55 <span>国<span class="tcy">1234567890</span>国</span>

	56 <span>国<span class="tcy">1234</span>国</span>

	57 <span>国<span class="tcy">123</span>国</span>

	58 <span>国<span class="tcy">12</span>国</span>

	59 <span>国<span class="tcy">1</span>国</span>

	60 </div>

	61 <div style="text-decoration:underline;">

	62 <span>国<span class="tcy">1234567890</span>国</span>

	63 <span>国<span class="tcy">1234</span>国</span>

	64 <span>国<span class="tcy">123</span>国</span>

	65 <span>国<span class="tcy">12</span>国</span>

	66 <span>国<span class="tcy">1</span>国</span>

	67 </div>

	68 <div class="kenten">

	69 <span>国<span class="tcy">1234567890</span>国</span>

	70 <span>国<span class="tcy">1234</span>国</span>

	71 <span>国<span class="tcy">123</span>国</span>

	72 <span>国<span class="tcy">12</span>国</span>

	73 <span>国<span class="tcy">1</span>国</span>

	74 </div>

	75 <div>

	76 <span><ruby>国<rt>国</rt></ruby><ruby><span class="tcy"> 1234567890</span><rt>国</rt></ruby><ruby>国<rt>国</rt></ruby>< /span>

	77 <span><ruby>国<rt>国</rt></ruby><ruby><span class="tcy"> 1234</span><rt>国</rt></ruby><ruby>国<rt>国</rt></ruby></span>

	78 <span><ruby>国<rt>国</rt></ruby><ruby><span class="tcy"> 123</span><rt>国</rt></ruby><ruby>国<rt>国</rt></ruby></span>

	79 <span><ruby>国<rt>国</rt></ruby><ruby><span class="tcy"> 12</span><rt>国</rt></ruby><ruby>国<rt>国</rt></ruby></span>

	80 <span><ruby>国<rt>国</rt></ruby><ruby><span class="tcy"> 1</span><rt>国</rt></ruby><ruby>国<rt>国</rt></ruby></span>

	81 </div>

	82 </div>

	83 </div>

	84 <script>

	85 (function () {

	86 document.body.offsetTop;

	87 test(function () {

	88 assert_equals(horiz.offsetWidth, horizRef.offsetWidth, "width");

	89 }, "text-combine should not affect in horizontal flow.");

	90 var tcyAll = document.querySelectorAll(".vert .tcy");

	91 var maxAspectRatio = 1;

	92 for (var i = 0; i < tcyAll.length; ++i) {

	93 var tcy = tcyAll[i];

	94 test(function () {

	95 var fontSize = parseFloat(window.getComputedStyle(tcy).fontSize);

	96 var bounds = tcy.getBoundingClientRect();

	97 try {

	98 assert_approx_equals(bounds.width, fontSize, 1, "width");

	99 assert_approx_equals(bounds.height, fontSize, 1, "height");

	100 } catch (e) {

	101 tcy.style.backgroundColor = 'red';

	102 throw e;

	103 }

	104 }, "The size of text-combine elements in vertical flow.");

	105 }

	106 if (window.testRunner)

	107 document.getElementById("container").style.display = "none";

	108 })();

	109 </script>

OLD	NEW