Update web-platform-tests to revision 2332a6bd8ab3d47986492a44d7a0455dfb4ad823

This commit is contained in:
WPT Sync Bot 2019-08-04 10:26:10 +00:00
parent d2856ce8ae
commit c789859814
350 changed files with 5147 additions and 1855 deletions

View file

@ -10,13 +10,10 @@
<meta name='flags' content='dom'>
<meta name="assert" content="When white-space allows wrapping, line breaking behavior defined for the WJ, ZW, and GL line-breaking classes in [UAX14] must be honored.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x20;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x20;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x20;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x20;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x20;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -10,13 +10,10 @@
<meta name='flags' content='dom'>
<meta name="assert" content="When white-space allows wrapping, line breaking behavior defined for the WJ, ZW, and GL line-breaking classes in [UAX14] must be honored.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x200B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x200B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x200B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x200B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x200B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2002;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2002;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2002;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2002;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2002;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2003;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2003;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2003;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2003;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2003;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2004;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2004;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2004;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2004;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2004;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,25 +7,24 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2005;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2005;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2005;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2005;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2005;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +34,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2006;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2006;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2006;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2006;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2006;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2000;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2000;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2000;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2000;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2000;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2001;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2001;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2001;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2001;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2001;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2008;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2008;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2008;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2008;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2008;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2009;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2009;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2009;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2009;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2009;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x200A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x200A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x200A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x200A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x200A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1680;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1680;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1680;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1680;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1680;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking hyphen characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x058A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x058A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x058A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x058A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x058A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking hyphen characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2010;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2010;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2010;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2010;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2010;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking hyphen characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2012;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2012;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2012;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2012;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2012;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking hyphen characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2013;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2013;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2013;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2013;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2013;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA visible word divider characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x05BE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x05BE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x05BE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x05BE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x05BE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA visible word divider characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F0B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F0B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F0B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F0B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F0B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA visible word divider characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1361;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1361;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1361;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1361;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1361;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA visible word divider characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D8;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D8;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D8;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D8;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D8;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA visible word divider characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17DA;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17DA;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17DA;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17DA;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17DA;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA visible word divider characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2027;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2027;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2027;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2027;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2027;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA visible word divider characters.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x007C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x007C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x007C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x007C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x007C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16EB;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16EB;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16EB;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16EB;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16EB;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16EC;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16EC;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16EC;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16EC;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16EC;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16ED;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16ED;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16ED;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16ED;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x16ED;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2056;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2056;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2056;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2056;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2056;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2058;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2058;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2058;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2058;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2058;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2059;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2059;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2059;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2059;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2059;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x205E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E19;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E19;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E19;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E19;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E19;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E2D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E30;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E30;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E30;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E30;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E30;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10100;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10100;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10100;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10100;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10100;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10101;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10101;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10101;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10101;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10101;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10102;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10102;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10102;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10102;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10102;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1039F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1039F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1039F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1039F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1039F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x103D0;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x103D0;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x103D0;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x103D0;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x103D0;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1091F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1091F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1091F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1091F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1091F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x12470;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x12470;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x12470;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x12470;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x12470;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0964;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0964;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0964;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0964;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0964;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0965;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0965;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0965;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0965;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0965;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0E5A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0E5A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0E5A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0E5A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0E5A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0E5B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0E5B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0E5B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0E5B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0E5B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x104A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x104A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x104A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x104A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x104A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x104B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x104B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x104B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x104B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x104B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1735;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1735;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1735;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1735;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1735;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1736;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1736;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1736;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1736;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1736;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D4;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D4;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D4;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D4;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D4;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D5;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D5;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D5;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D5;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x17D5;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA8CE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA8CE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA8CE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA8CE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA8CE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA8CF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA8CF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA8CF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA8CF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA8CF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xAA5F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A56;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A56;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A56;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A56;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A56;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A57;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A57;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A57;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A57;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A57;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The UA will break a line of text after any Unicode character with the BA tibetan property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F85;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F85;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F85;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F85;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F85;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The UA will break a line of text after any Unicode character with the BA tibetan property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F34;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F34;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F34;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F34;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F34;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The UA will break a line of text after any Unicode character with the BA tibetan property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F7F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F7F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F7F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F7F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0F7F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The UA will break a line of text after any Unicode character with the BA tibetan property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x07BE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x07BE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x07BE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x07BE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x07BE;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The UA will break a line of text after any Unicode character with the BA tibetan property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FBF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FBF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FBF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FBF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FBF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The UA will break a line of text after any Unicode character with the BA tibetan property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FD2;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FD2;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FD2;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FD2;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FD2;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The UA will break a line of text after any Unicode character with the BA tibetan property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FD2;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FD2;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FD2;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FD2;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x0FD2;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1804;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1804;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1804;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1804;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1804;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1805;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1805;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1805;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1805;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1805;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5A;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B5D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B60;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B60;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B60;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B60;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1B60;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3B;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3C;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C3F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C7E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C7E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C7E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C7E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C7E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C7F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C7F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C7F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C7F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x1C7F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFA;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFA;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFA;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFA;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFA;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFB;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFB;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFB;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFB;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFB;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFC;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFC;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFC;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFC;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFC;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2CFF;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E17;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E17;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E17;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E17;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x2E17;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA60D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA60D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA60D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA60D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA60D;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA60F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA60F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA60F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA60F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA60F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA92E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA92E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA92E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA92E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA92E;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA92F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA92F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA92F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA92F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#xA92F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A50;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A50;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A50;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A50;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A50;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A51;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A51;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A51;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A51;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A51;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

View file

@ -7,16 +7,13 @@
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name='flags' content='dom'>
<meta name='flags' content='should dom'>
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
<style type='text/css'>
@font-face {
font-family: 'csstest_ascii';
src: url('support/csstest-ascii-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
#breakable2 { white-space: pre-line; }
#breakable3 { white-space: pre-wrap; }
#breakable4 { white-space: break-spaces; }
</style>
</head>
<body>
@ -24,8 +21,11 @@
<div class="test">
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A52;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A52;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A52;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A52;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x10A52;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
</div>
<!--Notes:
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
-->
<script>
test(function() {
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, " ");
assert_true(document.getElementById('breakable').offsetHeight > 35);
}, "white-space:normal");
test(function() {
assert_true(document.getElementById('breakable2').offsetHeight > 35);
}, "white-space:pre-line");
test(function() {
assert_true(document.getElementById('breakable3').offsetHeight > 35);
}, "white-space:pre-wrap");
test(function() {
assert_true(document.getElementById('breakable4').offsetHeight > 35);
}, "white-space:break-spaces");
</script>
<div id='log'></div>

Some files were not shown because too many files have changed in this diff Show more