Skip to content

GitLab

T
tangled
Commit 914535a9 authored by Javier Fernandez's avatar Javier Fernandez Committed by Commit Bot
Browse files
Options

[css-text] Additional tests for the CSS Text suite 

This CL implements several tests, fundamentally for the
'line-break: anywhere' feature, to increase the coverage and evaluate
different scenarios, combining different line-breaking CSS properties
and values. They also consider text lines with different inline boxes
and some corner cases that were recently discussed by the CSS WG and
implemented already in other browsers.

Change-Id: Ic6079a95df7adf265799ce51938433e14355b887
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1904077Reviewed-by: default avatarKoji Ishii <kojii@chromium.org>
Commit-Queue: Javier Fernandez <jfernandez@igalia.com>
Cr-Commit-Position: refs/heads/master@{#713616}
parent d74f15ca
Show whitespace changes
Inline Side-by-side
Showing with 1158 additions and 1 deletion
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-017.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.3. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="The text is wrapped into two lines, since there is no need to break the second line using the space in the middle.">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 3ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XXX<br>X X</div>
<div class="test">XXXX<span> </span>X</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-and-white-space-001.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere and the white-space property</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="'line-break: anywhere' can't prevent overflow under 'white-space: pre', because it line wrapping is not allowed. ">
<style>
div {
position: relative;
font: 10px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 3ch;
line-break: anywhere;
white-space: pre;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XXXX<span style="color: green">XXXX</span>XX</div>
<div class="test">XXXX XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-and-white-space-002.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere and the white-space property</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-nowrap">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="'line-break: anywhere' can't prevent overflow under 'white-space: nowrap', because it line wrapping is not allowed. ">
<style>
div {
position: relative;
font: 10px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 5ch;
line-break: anywhere;
white-space: nowrap;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XXXX XX</div>
<div class="test">XXXX XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-and-white-space-003.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere and the white-space property</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="'line-break: anywhere' can't prevent overflow under 'white-space: pre', because it line wrapping is not allowed. ">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 2ch;
line-break: anywhere;
white-space: pre;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red"><span style="color: green">X</span>XXX</div>
<div class="test"> XXX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-and-white-space-004.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere and the white-space property</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-normal">
<link rel="help" title="4.1.3. Phase II: Trimming and Positioning" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="The line is wrapped ignoring the white space, which will be removed honoring 'white-space: normal'">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 4ch;
line-break: anywhere;
white-space: normal;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XXX<br>XX</div>
<div class="test">XXX<span style="background: red"> </span>XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-and-white-space-005.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere and the white-space property</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-normal">
<link rel="help" title="4.1.3. Phase II: Trimming and Positioning" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="The line is wrapped ignoring the white space, which will be removed honoring 'white-space: normal'">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 4ch;
line-break: anywhere;
white-space: normal;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XXXX<br>X</div>
<div class="test"><span style="background: red"> </span>XXXXX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-and-white-space-006.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere and the white-space property</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="help" title="4.1.3. Phase II: Trimming and Positioning" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="'line-break: anywhere' can't break a preserved sequence of spaces under 'white-spate: pre-wrap', which should hang instead.">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 2ch;
line-break: anywhere;
white-space: pre-wrap;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XXXX<br>XX</div>
<div class="test">X<span style="background: green"> </span>XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-and-white-space-007.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere and the white-space property</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="help" title="4.1.3. Phase II: Trimming and Positioning" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="'line-break: anywhere' can't break before the first white-space affter a word under 'white-spate: pre-wrap', which should hang instead.">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 3ch;
line-break: anywhere;
white-space: pre-wrap;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XXXX<br>XX</div>
<div class="test">XXX<span style="background: green"> </span>XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-and-white-space-008.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere and the white-space property</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-break-spaces">
<link rel="help" title="4.1.3. Phase II: Trimming and Positioning" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="'line-break: anywhere' allows preserved white spaces at the end of the line, honoring 'white-space: break-spaces'.">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 4ch;
line-break: anywhere;
white-space: break-spaces;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XX<span style="color: green">XX<br>XX</span>XX<br>XXX</div>
<div class="test">XX XXXXX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-and-white-space-009.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere and the white-space property</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-break-spaces">
<link rel="help" title="4.1.3. Phase II: Trimming and Positioning" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="'line-break: anywhere' allows breaking before the first character of a preserved white space sequence, honoring 'white-space: break-spaces'.">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 4ch;
line-break: anywhere;
white-space: break-spaces;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XXXX<br><span style="color: green">XXX</span>X<br>XXXX<br><span style="color: green">X</span>X</div>
<div class="test">XXXX XXXXX X</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-001.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the WJ classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 50px / 1 Ahem;
}
.red {
position: absolute;
width: 100px;
height: 100px;
background: red;
z-index: -1;
}
.test {
color: green;
width: 2ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red"></div>
<div class="test">XX&#x2060;XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-002.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the WJ classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 50px / 1 Ahem;
}
.red {
position: absolute;
width: 100px;
height: 100px;
background: red;
z-index: -1;
}
.test {
color: green;
width: 2ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red"></div>
<div class="test">XX&#xFEFF;XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-003.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the ZW classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.red {
position: absolute;
width: 100px;
height: 100px;
color: red;
background: green;
z-index: -1;
}
.test {
color: green;
width: 4ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XXXX<br>XX</div>
<div class="test">..&#x200B;...X</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-004.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the GL classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 50px / 1 Ahem;
}
.red {
position: absolute;
width: 100px;
height: 100px;
background: red;
z-index: -1;
}
.test {
color: green;
width: 3ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red"></div>
<div class="test">XX&nbsp;XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-005.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the GL classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 50px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
z-index: -1;
}
.test {
color: green;
width: 2ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XX<br><span style="color: green">X</span>X</div>
<div class="test">XX&nbsp;X</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-006.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the GL classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 50px / 1 Ahem;
}
.red {
position: absolute;
background: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 4ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red"></div>
<div class="test">XX &nbsp;XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-007.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the GL classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 20px / 1 Ahem;
}
.red {
position: absolute;
background: green;
height: 100px;
color: red;
z-index: -1;
}
.test {
color: green;
width: 5ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XXXXX<br>XX</div>
<div class="test">XXX<span style="background: green"> &nbsp;X</span>XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-008.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the GL classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 50px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
z-index: -1;
}
.test {
color: green;
width: 3ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XX<br>X</div>
<div class="test">XX&#x202F;X</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-009.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the GL classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 50px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
z-index: -1;
}
.test {
color: green;
width: 2ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XX<br>X</div>
<div class="test">XX&#x180E;X</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-010.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the GL classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 50px / 1 Ahem;
}
.red {
position: absolute;
background: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 3ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red"></div>
<div class="test">XX &#x180E;XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-011.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the GL classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 50px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
z-index: -1;
}
.test {
color: green;
width: 2ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XX<br>X</div>
<div class="test">XX&#x034F;X</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-012.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the GL classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 50px / 1 Ahem;
}
.red {
position: absolute;
background: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 3ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red"></div>
<div class="test">XX &#x034F;XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-013.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the GL classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 50px / 1 Ahem;
}
.red {
position: absolute;
background: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 2ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red"></div>
<div class="test">XX&#x2011;X</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-014.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the GL classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 4ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XX X<br>XX</div>
<div class="test">XX &#x2011;XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-015.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the ZWJ classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 50px / 1 Ahem;
}
.red {
position: absolute;
background: red;
height: 100px;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 2ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red"></div>
<div class="test">XX&#x200D;XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/line-break/line-break-anywhere-overrides-uax-behavior-016.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere overrides behavior defined for the WJ, ZW, GL, and ZWJ classes</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.1. Line Breaking Details" href="https://drafts.csswg.org/css-text-3/#line-break-details">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="Except where explicitly defined by 'line-break: anywhere' line breaking behavior defined for the ZWJ classes in [UAX14] must be honored. ">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 4ch;
line-break: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XX X<br>X</div>
<div class="test">XX &#x200D;XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/overflow-wrap/overflow-wrap-anywhere-009.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: overflow-wrap: anywhere</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.5. Overflow Wrapping: the overflow-wrap/word-wrap property" href="https://drafts.csswg.org/css-text-3/#overflow-wrap-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-anywhere">
<link rel="match" href="reference/overflow-wrap-break-word-001-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="The text is wrapped into two lines, since there is no need to break the second line using the space in the middle.">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.ref {
position: absolute;
background: green;
color: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 3ch;
overflow-wrap: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref">XXX<br>X X</div>
<div class="test">XXXX<span> </span>X</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/overflow-wrap/overflow-wrap-anywhere-010.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: overflow-wrap: anywhere</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.5. Overflow Wrapping: the overflow-wrap/word-wrap property" href="https://drafts.csswg.org/css-text-3/#overflow-wrap-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-anywhere">
<link rel="match" href="reference/overflow-wrap-break-word-001-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="'overflow-wrap: anywhere' applies correctly when there is styled text using 'span' elements.">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
height: 100px;
z-index: -1;
}
.test {
color: transparent;
width: 4ch;
overflow-wrap: anywhere;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red"><span style="color: green">XX</span>XX<br>XX</div>
<div class="test">XX<span style="color: green">XXXX</span>XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/overflow-wrap/overflow-wrap-break-word-009.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: overflow-wrap: break-word</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.5. Overflow Wrapping: the overflow-wrap/word-wrap property" href="https://drafts.csswg.org/css-text-3/#overflow-wrap-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-break-word">
<link rel="match" href="reference/overflow-wrap-break-word-001-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="The text is wrapped into two lines, since there is no need to break the second line using the space in the middle.">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.ref {
position: absolute;
background: green;
color: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 3ch;
overflow-wrap: break-word;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref">XXX<br>X X</div>
<div class="test">XXXX<span> </span>X</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/overflow-wrap/overflow-wrap-break-word-010.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: overflow-wrap: break-word</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.5. Overflow Wrapping: the overflow-wrap/word-wrap property" href="https://drafts.csswg.org/css-text-3/#overflow-wrap-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-break-word">
<link rel="match" href="reference/overflow-wrap-break-word-001-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="'overflow-wrap: break-word' applies correctly when there is styled text using 'span' elements.">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.ref {
position: absolute;
background: green;
color: red;
height: 100px;
z-index: -1;
}
.test {
color: transparent;
width: 4ch;
overflow-wrap: break-word;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref"><span style="color: green">XX</span>XX<br>XX</div>
<div class="test">XX<span style="color: green">XXXX</span>XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/word-break/word-break-break-all-029.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: word-break: break-all</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.2. Breaking Rules for Letters: the word-break property" href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-break-all">
<link rel="match" href="reference/word-break-break-all-010-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="The text is wrapped into two lines, since there is no need to break the second line using the space in the middle.">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.red {
position: absolute;
background: green;
color: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
width: 3ch;
word-break: break-all;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">XXX<br>X X</div>
<div class="test">XXXX<span> </span>X</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/word-break/word-break-break-all-030.html 0 → 100644
View file @ 914535a9
<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: word-break: break-all</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.2. Breaking Rules for Letters: the word-break property" href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-break-all">
<link rel="match" href="reference/word-break-break-all-010-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem">
<meta name="assert" content="word-break: break-all applies correctly when there is styled text using 'span' elemetns.">
<style>
div {
position: relative;
font: 25px / 1 Ahem;
}
.ref {
position: absolute;
background: green;
color: red;
height: 100px;
z-index: -1;
}
.test {
color: transparent;
width: 4ch;
word-break: break-all;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref"><span style="color: green">XX</span>XX<br>XX</div>
<div class="test">XX<span style="color: green">XXXX</span>XX</div>
</body>
third_party/blink/web_tests/external/wpt/css/css-text/word-break/word-break-break-all-inline-010.html
View file @ 914535a9
...@@ -5,9 +5,10 @@ ...@@ -5,9 +5,10 @@
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com"> <link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.2. Breaking Rules for Letters: the word-break property" href="https://drafts.csswg.org/css-text-3/#word-break-property"> <link rel="help" title="5.2. Breaking Rules for Letters: the word-break property" href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-break-all"> <link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-break-all">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="flags" content="Ahem"> <meta name="flags" content="Ahem">
<link rel="match" href="reference/word-break-break-all-010-ref.html"> <link rel="match" href="reference/word-break-break-all-010-ref.html">
<meta name="assert" content="'overflow-wrap: anywhere' allows to break after the first character of the inline-block it applies to"> <meta name="assert" content="'word-break: break-all' allows to break after the first character of the inline-block it applies to">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style> <style>
div, span { div, span {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment