Bug 1507744 - Add WPT reftests for word-break:break-all applied to an inline element. r=emilio

Tests 001-003 are fixed by the patch in this bug; 004-007 still fail in Firefox after the patch is applied.
(Safari passes all these tests; Chrome fails 004 and 007 in my testing.)

Differential Revision: https://phabricator.services.mozilla.com/D30192

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Jonathan Kew 2019-05-07 15:27:40 +00:00
parent 87a83db872
commit 46386b586c
18 changed files with 169 additions and 0 deletions

View File

@ -0,0 +1,2 @@
[word-break-break-all-inline-004.html]
expected: FAIL

View File

@ -0,0 +1,2 @@
[word-break-break-all-inline-005.html]
expected: FAIL

View File

@ -0,0 +1,2 @@
[word-break-break-all-inline-006.html]
expected: FAIL

View File

@ -0,0 +1,2 @@
[word-break-break-all-inline-007.html]
expected: FAIL

View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element - reference</title>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">bbbbbb<br>bbbb</div>
<div class="testdiv">bbbbbb<br>bbbb</div>

View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element - reference</title>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">aaa bb<br>bbbb</div>
<div class="testdiv">aaa bb<br>bbbb</div>

View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element - reference</title>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">aaaabb<br>bbbb</div>
<div class="testdiv">aaaabb<br>bbbb</div>

View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element - reference</title>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">aaaaaaa<br>bbb</div>
<div class="testdiv">aaaaaaa<br>bbb</div>

View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element - reference</title>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">aaa bb<br>bbbbbb<br>bbb<br>ccc</div>
<div class="testdiv">aaa bb<br>bbbbbb<br>bbb<br>ccc</div>

View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element - reference</title>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">aaaabb<br>bbbbbb<br>bbbccccc</div>
<div class="testdiv">aaaabb<br>bbbbbb<br>bbbccccc</div>

View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element - reference</title>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">aaaaaaa<br>bbbbbb<br>bcccccc</div>
<div class="testdiv">aaaaaaa<br>bbbbbb<br>bcccccc</div>

View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element</title>
<meta name="assert" content="word-break: break-all works when specified on inline element">
<link rel='help' href='https://drafts.csswg.org/css-text-3/#word-break-property'>
<link rel='match' href='reference/word-break-break-all-inline-001-ref.html'>
<link rel='author' title='Jonathan Kew' href='mailto:jkew@mozilla.com'>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
.test { word-break: break-all; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv"><span class="test">bbbbbbbbbb</span></div>
<div class="testdiv">bbbbbb<br>bbbb</div>

View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element</title>
<meta name="assert" content="word-break: break-all works when specified on inline element">
<link rel='help' href='https://drafts.csswg.org/css-text-3/#word-break-property'>
<link rel='match' href='reference/word-break-break-all-inline-002-ref.html'>
<link rel='author' title='Jonathan Kew' href='mailto:jkew@mozilla.com'>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
.test { word-break: break-all; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">aaa <span class="test">bbbbbb</span></div>
<div class="testdiv">aaa bb<br>bbbb</div>

View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element</title>
<meta name="assert" content="word-break: break-all works when specified on inline element">
<link rel='help' href='https://drafts.csswg.org/css-text-3/#word-break-property'>
<link rel='match' href='reference/word-break-break-all-inline-003-ref.html'>
<link rel='author' title='Jonathan Kew' href='mailto:jkew@mozilla.com'>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
.test { word-break: break-all; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">aaaa<span class="test">bbbbbb</span></div>
<div class="testdiv">aaaabb<br>bbbb</div>

View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element</title>
<meta name="assert" content="word-break: break-all works when specified on inline element">
<link rel='help' href='https://drafts.csswg.org/css-text-3/#word-break-property'>
<link rel='match' href='reference/word-break-break-all-inline-004-ref.html'>
<link rel='author' title='Jonathan Kew' href='mailto:jkew@mozilla.com'>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
.test { word-break: break-all; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">aaaaaaa<span class="test">bbb</span></div>
<div class="testdiv">aaaaaaa<br>bbb</div>

View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element</title>
<meta name="assert" content="word-break: break-all works when specified on inline element">
<link rel='help' href='https://drafts.csswg.org/css-text-3/#word-break-property'>
<link rel='match' href='reference/word-break-break-all-inline-005-ref.html'>
<link rel='author' title='Jonathan Kew' href='mailto:jkew@mozilla.com'>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
.test { word-break: break-all; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">aaa <span class="test">bbbbbbbbbbb</span> ccc</div>
<div class="testdiv">aaa bb<br>bbbbbb<br>bbb<br>ccc</div>

View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element</title>
<meta name="assert" content="word-break: break-all works when specified on inline element">
<link rel='help' href='https://drafts.csswg.org/css-text-3/#word-break-property'>
<link rel='match' href='reference/word-break-break-all-inline-006-ref.html'>
<link rel='author' title='Jonathan Kew' href='mailto:jkew@mozilla.com'>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
.test { word-break: break-all; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">aaaa<span class="test">bbbbbbbbbbb</span>ccccc</div>
<div class="testdiv">aaaabb<br>bbbbbb<br>bbbccccc</div>

View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>word-break: break-all on inline element</title>
<meta name="assert" content="word-break: break-all works when specified on inline element">
<link rel='help' href='https://drafts.csswg.org/css-text-3/#word-break-property'>
<link rel='match' href='reference/word-break-break-all-inline-007-ref.html'>
<link rel='author' title='Jonathan Kew' href='mailto:jkew@mozilla.com'>
<style>
.testdiv { font-family: monospace; width: 6.1ch; padding: 1px; margin: 10px; border: 1px solid silver; }
.test { word-break: break-all; }
</style>
<div>Test passes if the two boxes are the same.</div>
<div class="testdiv">aaaaaaa<span class="test">bbbbbbb</span>cccccc</div>
<div class="testdiv">aaaaaaa<br>bbbbbb<br>bcccccc</div>