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

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

Issue 881133003: Revert of 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: Created 5 years, 11 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 side-by-side diff with in-line comments

Download patch

« no previous file with comments | « LayoutTests/fast/text/international/combine-at-line-break-crash.html ('k') | LayoutTests/fast/writing-mode/text-combine-compress-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/writing-mode/text-combine-compress.html

diff --git a/LayoutTests/fast/writing-mode/text-combine-compress.html b/LayoutTests/fast/writing-mode/text-combine-compress.html

deleted file mode 100644

index 86ffc58a36fdd6f00de5a6f19b38cbd7b76b83db..0000000000000000000000000000000000000000

--- a/LayoutTests/fast/writing-mode/text-combine-compress.html

+++ /dev/null

@@ -1,105 +0,0 @@

-<!DOCTYPE html>

-<html lang="ja">

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

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

-<style>

-@font-face {

- font-family:cssot;

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

-div > div {

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

-.vert {

- line-height:1.5;

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

- writing-mode:tb-rl;

- font-size:200%;

- height:300px;

-.tcy {

- -webkit-text-combine:horizontal;

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

-.border > span {

- border:black solid thin;

-.kenten {

- line-height:1.5;

- -webkit-text-emphasis:sesame;

-div {

- #border:black solid thin;

-</style>

-<div>

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

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

-</div>

-<div class="vert">

- <div>

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

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

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

- <span class="tcy">国</span><span class="tcy">あ</span><span class="tcy">1</span>

- </div>

- <div>

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

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

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

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

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

- </div>

- <div class="border">

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

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

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

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

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

- </div>

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

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

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

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

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

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

- </div>

- <div class="kenten">

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

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

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

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

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

- </div>

- <div>

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

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

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

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

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

- </div>

-</div>

-<script>

-(function () {

- document.body.offsetTop;

- test(function () {

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

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

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

- var maxAspectRatio = 1;

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

- var tcy = tcyAll[i];

- test(function () {

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

- var bounds = tcy.getBoundingClientRect();

- try {

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

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

- } catch (e) {

- tcy.style.backgroundColor = 'red';

- throw e;

- }

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

- }

-})();

-</script>