LayoutTests/imported/csswg-test/css-writing-modes-3/text-orientation-012.xht - Issue 1161223002: Import csswg-test/css-writing-modes-3/

Unified Diff: LayoutTests/imported/csswg-test/css-writing-modes-3/text-orientation-012.xht

Issue 1161223002: Import csswg-test/css-writing-modes-3/ (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Comments updated Created 5 years, 7 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/imported/csswg-test/css-writing-modes-3/text-indent-vrl-016-expected.xht ('k') | LayoutTests/imported/csswg-test/css-writing-modes-3/text-orientation-012-expected.xht » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/imported/csswg-test/css-writing-modes-3/text-orientation-012.xht

diff --git a/LayoutTests/imported/csswg-test/css-writing-modes-3/text-orientation-012.xht b/LayoutTests/imported/csswg-test/css-writing-modes-3/text-orientation-012.xht

new file mode 100644

index 0000000000000000000000000000000000000000..4bbfe0db54e8fd01664864d65e800402612ce381

--- /dev/null

+++ b/LayoutTests/imported/csswg-test/css-writing-modes-3/text-orientation-012.xht

@@ -0,0 +1,75 @@

+<?xml version="1.0" encoding="UTF-8"?>

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

+<html xmlns="http://www.w3.org/1999/xhtml">

+ <head>

+ <title>CSS Writing Modes Test: text-orientation - sideways-right</title>

+ <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" />

+ <link rel="help" title="5.1. Orienting Text: the‘text-orientation’property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" />

+ <link rel="match" href="reftest/text-orientation-012-ref.xht" />

+ <meta http-equiv="content-language" content="en" />

+ <meta name="flags" content="ahem" />

+ <meta name="assert" content="This test checks that 'text-orientation: sideways-right' causes text to be set as if in a horizontal layout, but rotated 90° clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation." />

+ <style type="text/css">

+ .view_ahem

+ {

+ background: pink;

+ border: 1px solid black;

+ color: blue;

+ font: 20px/1 "Ahem";

+ height: 3em;

+ margin: 10px;

+ width: 3em;

+ white-space: pre;

+ }

+ #test_ahem

+ {

+ -webkit-text-orientation: sideways-right; /* The property to be tested */

+ -webkit-text-orientation:sideways-right;

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

+ }

+ #control_ahem

+ {

+ -webkit-writing-mode: horizontal-tb;

+ }

+ .view

+ {

+ border: 1px solid gray;

+ font-size: 1.5em;

+ line-height: 1.5;

+ margin-bottom: 10px;

+ width: 3em;

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

+ }

+ #test

+ {

+ -webkit-text-orientation: sideways-right; /* The property to be tested */

+ -webkit-text-orientation:sideways-right;

+ }

+ #control

+ {

+ -webkit-text-combine: none;

+ }

+ </style>

+ </head>

+ <body lang="en">

+ <!--

+ This test consists of a pair of sub-tests which complements each other.

+ Logically, the test should verify 1.block flow direction, 2.inline direction

+ and 3.glyph orientation. The "Ahem" sub-test comes first and checks 1. and 2. ,

+ whereas "glyph" sub-test comes later and also checks 3.

+ -->

+ <p>Test passes if a pair of rectangles is <strong>identical</strong> including <strong>layout</strong> and <strong>orientation</strong>.</p>

+ <div class="view_ahem"><span id="test_ahem">123

+ 56

+7 </span></div>

+ <div class="view_ahem"><span id="control_ahem">7 1

+ 52

+ 63</span></div>

+ <hr />

+ <div class="view"><span id="test">123Abc<br />def456</span></div>

+ <div class="view"><span id="control">123Abc<br />def456</span></div>

+ </body>

+</html>