third_party/WebKit/LayoutTests/imported/csswg-test/css-text-decor-3/text-emphasis-color-001.xht - Issue 2517553002: Enable css-text-decor-3 tests and update csswg-tests

Unified Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-text-decor-3/text-emphasis-color-001.xht

Issue 2517553002: Enable css-text-decor-3 tests and update csswg-tests (Closed)

Patch Set: Follow conventions for unskipping Created 4 years, 1 month 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

« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/css-text-decor-3/text-decoration-line-013-expected.xht ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-text-decor-3/text-emphasis-color-001-expected.xht » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/imported/csswg-test/css-text-decor-3/text-emphasis-color-001.xht

diff --git a/third_party/WebKit/LayoutTests/imported/csswg-test/css-text-decor-3/text-emphasis-color-001.xht b/third_party/WebKit/LayoutTests/imported/csswg-test/css-text-decor-3/text-emphasis-color-001.xht

new file mode 100644

index 0000000000000000000000000000000000000000..1e8cc0ba0b9e7bfe21ede4516e6b97f7b3945b4b

--- /dev/null

+++ b/third_party/WebKit/LayoutTests/imported/csswg-test/css-text-decor-3/text-emphasis-color-001.xht

@@ -0,0 +1,151 @@

+<?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 Test: text-emphasis - color - basic cases</title>

+ <link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" />

+ <link rel="help" title="CSS Text Level 3: 11.2.2. Emphasis Mark Color: the ‘text-emphasis-color’ property" href="http://www.w3.org/TR/css-text-3/#text-emphasis-color" />

+ <link rel="match" href="reference/text-emphasis-color-001-ref.xht"/>

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

+ <meta name="assert" content="This property describes the foreground color of the emphasis marks." />

+ <style type="text/css"><![CDATA[

+ .common

+ {

+ line-height: 1em;

+ position: relative;

+ }

+ .emphasis

+ {

+ -webkit-text-emphasis-style: filled circle;

+ }

+ .parent

+ {

+ border: solid 1px gray;

+ font-size: 2em;

+ width: 10em;

+ }

+ .refcommon

+ {

+ font-size: 0.5em;

+ left: 0em;

+ position: absolute;

+ top: -1.5em;

+ }

+ .black

+ {

+ color: black;

+ }

+ .blue

+ {

+ color: blue;

+ }

+ .green

+ {

+ color: green;

+ }

+ .red

+ {

+ color: red;

+ }

+ .test1

+ {

+ -webkit-text-emphasis-color: black;

+ }

+ .test2

+ {

+ -webkit-text-emphasis-color: blue;

+ }

+ .test3

+ {

+ -webkit-text-emphasis-color: green;

+ }

+ .test4

+ {

+ -webkit-text-emphasis-color: red;

+ }

+ ]]></style>

+ <script type="text/javascript">

+ // <![CDATA[

+ // Set Font Family to 'IPAMincho'

+ function setFontFamily () {

+ var fontName = 'IPAMincho';

+ var divs = document.getElementsByTagName('div');

+ var i = 0;

+ var div;

+ while (i < divs.length) {

+ div = divs.item(i);

+ if (div.className == 'parent') {

+ div.style.fontFamily = fontName;

+ }

+ i++;

+ }

+ // ]]>

+ </script>

+ </head>

+ <body>

+ <div>

+ <p>Test passes if each pair of upper and lower "Filler Text" in the square box is identical.</p>

+ black

+ <div class="parent">

+ <div><span class="emphasis test1">Filler</span> Text</div>

+ <br />

+ <div>

+ <span class="common">F<span class="black refcommon">●</span></span><span class="common">i<span class="black refcommon">●</span></span><span class="common">l<span class="black refcommon">●</span></span><span class="common">l<span class="black refcommon">●</span></span><span class="common">e<span class="black refcommon">●</span></span><span class="common">r<span class="black refcommon">●</span></span>

+ Text

+ </div>

+ <br />

+ blue

+ <div class="parent">

+ <div><span class="emphasis test2">Filler</span> Text</div>

+ <br />

+ <div>

+ <span class="common">F<span class="blue refcommon">●</span></span><span class="common">i<span class="blue refcommon">●</span></span><span class="common">l<span class="blue refcommon">●</span></span><span class="common">l<span class="blue refcommon">●</span></span><span class="common">e<span class="blue refcommon">●</span></span><span class="common">r<span class="blue refcommon">●</span></span>

+ Text

+ </div>

+ <br />

+ green

+ <div class="parent">

+ <div><span class="emphasis test3">Filler</span> Text</div>

+ <br />

+ <div>

+ <span class="common">F<span class="green refcommon">●</span></span><span class="common">i<span class="green refcommon">●</span></span><span class="common">l<span class="green refcommon">●</span></span><span class="common">l<span class="green refcommon">●</span></span><span class="common">e<span class="green refcommon">●</span></span><span class="common">r<span class="green refcommon">●</span></span>

+ Text

+ </div>

+ <br />

+ red

+ <div class="parent">

+ <div><span class="emphasis test4">Filler</span> Text</div>

+ <br />

+ <div>

+ <span class="common">F<span class="red refcommon">●</span></span><span class="common">i<span class="red refcommon">●</span></span><span class="common">l<span class="red refcommon">●</span></span><span class="common">l<span class="red refcommon">●</span></span><span class="common">e<span class="red refcommon">●</span></span><span class="common">r<span class="red refcommon">●</span></span>

+ Text

+ </div>

+ <br />

+ current-color

+ <div class="parent">

+ <div><span class="emphasis">Filler</span> Text</div>

+ <br />

+ <div>

+ <span class="common">F<span class="refcommon">●</span></span><span class="common">i<span class="refcommon">●</span></span><span class="common">l<span class="refcommon">●</span></span><span class="common">l<span class="refcommon">●</span></span><span class="common">e<span class="refcommon">●</span></span><span class="common">r<span class="refcommon">●</span></span>

+ Text

+ </div>

+ <p class="fontChange" style="display: block;">

+ If you are unable to see font glyphs for certain characters using the browsers default font, install the <a href="http://ossipedia.ipa.go.jp/ipafont/">IPA Font(http://ossipedia.ipa.go.jp/ipafont/)</a> and apply it.

+ <button type="button" onclick="setFontFamily()">

+ Apply

+ </button>

+ </p>

+ <script type="text/javascript">

+ if (document.getElementById) {

+ document.getElementById('fontChange').style.display = 'block'

+ }

+ </script>

+ </div>

+ </body>

+</html>