mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-10-05 23:07:31 +09:00
import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo
This commit is contained in:
commit
dcd9973243
150858 changed files with 23884658 additions and 0 deletions
0
layout/reftests/font-inflation/bug707855-innerFrame.html
Normal file
0
layout/reftests/font-inflation/bug707855-innerFrame.html
Normal file
0
layout/reftests/font-inflation/bug707855-ref.html
Normal file
0
layout/reftests/font-inflation/bug707855-ref.html
Normal file
0
layout/reftests/font-inflation/bug707855.html
Normal file
0
layout/reftests/font-inflation/bug707855.html
Normal file
9
layout/reftests/font-inflation/bullet-1-ref.html
Normal file
9
layout/reftests/font-inflation/bullet-1-ref.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
ul, li { line-height: 1.0; font-size: 35px; }
|
||||
ul { width: 500px; margin: 0; padding: 0 }
|
||||
li { margin: 0 0 0 50px; padding: 0 }
|
||||
</style>
|
||||
<ul>
|
||||
<li>item</li>
|
||||
</ul>
|
||||
9
layout/reftests/font-inflation/bullet-1.html
Normal file
9
layout/reftests/font-inflation/bullet-1.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
ul, li { line-height: 1.0; font-size: 15px; }
|
||||
ul { width: 500px; margin: 0; padding: 0 }
|
||||
li { margin: 0 0 0 50px; padding: 0 }
|
||||
</style>
|
||||
<ul>
|
||||
<li>item</li>
|
||||
</ul>
|
||||
31
layout/reftests/font-inflation/consecutive-inline-ref.html
Normal file
31
layout/reftests/font-inflation/consecutive-inline-ref.html
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div {
|
||||
width: 450px;
|
||||
font-size: 34px;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: bold;
|
||||
line-height: 1.1em;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
a#first {
|
||||
font-size: 34px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
a#second {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<!--
|
||||
In a 450 px container, the minimum font size at 15em per line is 30px. This
|
||||
means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px and 30px
|
||||
gets mapped to 40px.
|
||||
-->
|
||||
<div>
|
||||
<a id="first" href="">Hello</a><a id="second" href="">Worldz</a>
|
||||
</div>
|
||||
31
layout/reftests/font-inflation/consecutive-inline.html
Normal file
31
layout/reftests/font-inflation/consecutive-inline.html
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div {
|
||||
width: 450px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: bold;
|
||||
line-height: 1.1em;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
a#first {
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
a#second {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<!--
|
||||
In a 450 px container, the minimum font size at 15em per line is 30px. This
|
||||
means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px and 30px
|
||||
gets mapped to 40px.
|
||||
-->
|
||||
<div>
|
||||
<a id="first" href="">Hello</a><a id="second" href="">Worldz</a>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { background: yellow }
|
||||
div { font-size: 20px; line-height: 1.0; width: 450px }
|
||||
</style>
|
||||
<!--
|
||||
Without the patch for bug 707855, we have a 450px container, and the minimum font size
|
||||
at 15em per line is 30px. This means we map 0px-45px into 30px-45px, so 12px gets mapped
|
||||
to 34px.
|
||||
|
||||
With the patch, then we have a 240px container, so the minimum font size
|
||||
at 15 em per line is 16px. So, we map 0px-24px into 16px-24px, so 12px gets
|
||||
mapped to 20px.
|
||||
-->
|
||||
<div>Test to see if too large of a container causes a giant escalation of the font size when font inflation is enabled.</div>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { background: yellow }
|
||||
div { font-size: 12px; line-height: 1.0; width: 450px }
|
||||
</style>
|
||||
<!--
|
||||
Without the patch for bug 707855, we have a 450px container, and the minimum font size
|
||||
at 15em per line is 30px. This means we map 0px-45px into 30px-45px, so 12px gets mapped
|
||||
to 34px.
|
||||
|
||||
With the patch, then we have a 240px container, so the minimum font size
|
||||
at 15 em per line is 16px. So, we map 0px-24px into 16px-24px, so 12px gets
|
||||
mapped to 20px.
|
||||
-->
|
||||
<div>Test to see if too large of a container causes a giant escalation of the font size when font inflation is enabled.</div>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { background: yellow }
|
||||
div { font-size: 12px; line-height: 1.0; width: 1200px }
|
||||
</style>
|
||||
<!--
|
||||
Without the patch for bug 707855, we have a 450px container, and the minimum font size
|
||||
at 15em per line is 30px. This means we map 0px-45px into 30px-45px, so 12px gets mapped
|
||||
to 34px.
|
||||
|
||||
With the patch, then we have a 240px container, so the minimum font size
|
||||
at 15 em per line is 16px. So, we map 0px-24px into 16px-24px, so 12px gets
|
||||
mapped to 20px.
|
||||
-->
|
||||
<iframe src="container-with-clamping-innerFrame-ref.html" width="240" height="400">
|
||||
</iframe>
|
||||
12
layout/reftests/font-inflation/container-with-clamping.html
Normal file
12
layout/reftests/font-inflation/container-with-clamping.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Without the patch for bug 707855, we have a 450px container, and the minimum font size
|
||||
at 15em per line is 30px. This means we map 0px-45px into 30px-45px, so 12px gets mapped
|
||||
to 34px.
|
||||
|
||||
With the patch, then we have a 240px container, so the minimum font size
|
||||
at 15 em per line is 16px. So, we map 0px-24px into 16px-24px, so 12px gets
|
||||
mapped to 20px.
|
||||
-->
|
||||
<iframe src="container-with-clamping-innerFrame.html" width="240" height="400">
|
||||
</iframe>
|
||||
6
layout/reftests/font-inflation/css-transform-1-ref.html
Normal file
6
layout/reftests/font-inflation/css-transform-1-ref.html
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 34px; width: 150px; line-height: 1.0; white-space: nowrap }
|
||||
span { -moz-transform-origin: 0 0; -moz-transform: scale(1.2); }
|
||||
</style>
|
||||
<div><span>Hello world</span></div>
|
||||
10
layout/reftests/font-inflation/css-transform-1.html
Normal file
10
layout/reftests/font-inflation/css-transform-1.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 12px; width: 450px; line-height: 1.0 }
|
||||
span { -moz-transform-origin: 0 0; -moz-transform: scale(1.2); }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div><span>Hello world</span></div>
|
||||
6
layout/reftests/font-inflation/css-transform-2-ref.html
Normal file
6
layout/reftests/font-inflation/css-transform-2-ref.html
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 34px; width: 150px; line-height: 1.0; white-space: nowrap }
|
||||
p { -moz-transform-origin: 0 0; margin: 0; -moz-transform: scale(1.2); }
|
||||
</style>
|
||||
<div><p>Hello world</p></div>
|
||||
10
layout/reftests/font-inflation/css-transform-2.html
Normal file
10
layout/reftests/font-inflation/css-transform-2.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 12px; width: 450px; line-height: 1.0 }
|
||||
p { -moz-transform-origin: 0 0; margin: 0; -moz-transform: scale(1.2); }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div><p>Hello world</p></div>
|
||||
8
layout/reftests/font-inflation/decoration-1-ref.html
Normal file
8
layout/reftests/font-inflation/decoration-1-ref.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { background: yellow }
|
||||
div { font-size: 34px; line-height: 1.0; width: 450px }
|
||||
span { font-size: 36px }
|
||||
div { text-decoration: underline overline line-through }
|
||||
</style>
|
||||
<div>Hello <span>world</span></div>
|
||||
13
layout/reftests/font-inflation/decoration-1.html
Normal file
13
layout/reftests/font-inflation/decoration-1.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { background: yellow }
|
||||
div { font-size: 12px; line-height: 1.0; width: 450px }
|
||||
span { font-size: 18px }
|
||||
div { text-decoration: underline overline line-through }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px
|
||||
and 18px gets mapped to 36px.
|
||||
-->
|
||||
<div>Hello <span>world</span></div>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!--
|
||||
Without the patch for bug 706198, this website should not show up as inflated. That means
|
||||
that with a 450px container, the minimum font size with 15em per line should be 30px.
|
||||
So, we map 0px-45px into 30px-45px, and thus 12px gets mapped to 34px.
|
||||
|
||||
With the patch, the text should be uninflated, which means that 12px should still be
|
||||
12px.
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta content='True' name='HandheldFriendly' />
|
||||
<style>
|
||||
p { font-size: 12px; line-height: 1.0;}
|
||||
</style>
|
||||
<body>
|
||||
<p>Some uninflated text.</p>
|
||||
</body>
|
||||
</head>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!--
|
||||
Without the patch for bug 706198, this website should not show up as inflated. That means
|
||||
that with a 450px container, the minimum font size with 15em per line should be 30px.
|
||||
So, we map 0px-45px into 30px-45px, and thus 12px gets mapped to 34px.
|
||||
|
||||
With the patch, the text should be uninflated, which means that 12px should still be
|
||||
12px.
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
|
||||
<style>
|
||||
p { font-size: 12px; line-height: 1.0;}
|
||||
</style>
|
||||
<body>
|
||||
<p>Some uninflated text.</p>
|
||||
</body>
|
||||
</head>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
|
||||
|
||||
<!--
|
||||
The <meta name="viewport"> tag takes precedence over the doctype, so this
|
||||
should *not* be treated as a "mobile" site (bug 783565).
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=10000">
|
||||
<style>
|
||||
p { font-size: 12px; line-height: 1.0;}
|
||||
</style>
|
||||
<body>
|
||||
<p>Some uninflated text.</p>
|
||||
</body>
|
||||
</head>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!--
|
||||
Without the patch for bug 706198, this website should not show up as inflated. That means
|
||||
that with a 450px container, the minimum font size with 15em per line should be 30px.
|
||||
So, we map 0px-45px into 30px-45px, and thus 12px gets mapped to 34px.
|
||||
|
||||
With the patch, the text should be uninflated, which means that 12px should still be
|
||||
12px.
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
p { font-size: 12px; line-height: 1.0;}
|
||||
</style>
|
||||
<body>
|
||||
<p>Some uninflated text.</p>
|
||||
</body>
|
||||
</head>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
|
||||
|
||||
<!--
|
||||
Without the patch for bug 706198, this website should not show up as inflated. That means
|
||||
that with a 450px container, the minimum font size with 15em per line should be 30px.
|
||||
So, we map 0px-45px into 30px-45px, and thus 12px gets mapped to 34px.
|
||||
|
||||
With the patch, the text should be uninflated, which means that 12px should still be
|
||||
12px.
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
p { font-size: 12px; line-height: 1.0;}
|
||||
</style>
|
||||
<body>
|
||||
<p>Some uninflated text.</p>
|
||||
</body>
|
||||
</head>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
The minimum font size at 15em per line in a 450px container is 30px. This means we map 0px-45px
|
||||
into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
height: 100%;
|
||||
/*
|
||||
* We need overflow:hidden because we can't show a scrollbar due
|
||||
* to https://bugzilla.mozilla.org/show_bug.cgi?id=743805 .
|
||||
*/
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div {
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.1;
|
||||
font-size: 34px;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<p>Dorothy lived in the midst of the great Kansas prairies, with Uncle Henry, who was a farmer, and Aunt Em, who was the farmer's wife. Their house was small, for the lumber to build it had to be carried by wagon many miles. There were four walls, a floor and a roof, which made one room; and this room contained a rusty looking cookstove, a cupboard for the dishes, a table, three or four chairs, and the beds. Uncle Henry and Aunt Em had a big bed in one corner, and Dorothy a little bed in another corner. There was no garret at all, and no cellar--except a small hole dug in the ground, called a cyclone cellar, where the family could go in case one of those great whirlwinds arose, mighty enough to crush any building in its path. It was reached by a trap door in the middle of the floor, from which a ladder led down into the small, dark hole.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
34
layout/reftests/font-inflation/fixed-height-body-child.html
Normal file
34
layout/reftests/font-inflation/fixed-height-body-child.html
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
The minimum font size at 15em per line in a 450px container is 30px. This means we map 0px-45px
|
||||
into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
height: 100%;
|
||||
/*
|
||||
* We need overflow:hidden because we can't show a scrollbar due
|
||||
* to https://bugzilla.mozilla.org/show_bug.cgi?id=743805 .
|
||||
*/
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div {
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.1;
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<p>Dorothy lived in the midst of the great Kansas prairies, with Uncle Henry, who was a farmer, and Aunt Em, who was the farmer's wife. Their house was small, for the lumber to build it had to be carried by wagon many miles. There were four walls, a floor and a roof, which made one room; and this room contained a rusty looking cookstove, a cupboard for the dishes, a table, three or four chairs, and the beds. Uncle Henry and Aunt Em had a big bed in one corner, and Dorothy a little bed in another corner. There was no garret at all, and no cellar--except a small hole dug in the ground, called a cyclone cellar, where the family could go in case one of those great whirlwinds arose, mighty enough to crush any building in its path. It was reached by a trap door in the middle of the floor, from which a ladder led down into the small, dark hole.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
25
layout/reftests/font-inflation/fixed-height-body-ref.html
Normal file
25
layout/reftests/font-inflation/fixed-height-body-ref.html
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
The minimum font size at 15em per line in a 450px container is 30px. This means we map 0px-45px
|
||||
into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
height: 100%;
|
||||
width: 450px;
|
||||
line-height: 1.1;
|
||||
font-size: 34px;
|
||||
/*
|
||||
* We need overflow:hidden because we can't show a scrollbar due
|
||||
* to https://bugzilla.mozilla.org/show_bug.cgi?id=743805 .
|
||||
*/
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
Dorothy lived in the midst of the great Kansas prairies, with Uncle Henry, who was a farmer, and Aunt Em, who was the farmer's wife. Their house was small, for the lumber to build it had to be carried by wagon many miles. There were four walls, a floor and a roof, which made one room; and this room contained a rusty looking cookstove, a cupboard for the dishes, a table, three or four chairs, and the beds. Uncle Henry and Aunt Em had a big bed in one corner, and Dorothy a little bed in another corner. There was no garret at all, and no cellar--except a small hole dug in the ground, called a cyclone cellar, where the family could go in case one of those great whirlwinds arose, mighty enough to crush any building in its path. It was reached by a trap door in the middle of the floor, from which a ladder led down into the small, dark hole.
|
||||
</body>
|
||||
</html>
|
||||
25
layout/reftests/font-inflation/fixed-height-body.html
Normal file
25
layout/reftests/font-inflation/fixed-height-body.html
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
The minimum font size at 15em per line in a 450px container is 30px. This means we map 0px-45px
|
||||
into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
height: 100%;
|
||||
width: 450px;
|
||||
line-height: 1.1;
|
||||
font-size: 12px;
|
||||
/*
|
||||
* We need overflow:hidden because we can't show a scrollbar due
|
||||
* to https://bugzilla.mozilla.org/show_bug.cgi?id=743805 .
|
||||
*/
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
Dorothy lived in the midst of the great Kansas prairies, with Uncle Henry, who was a farmer, and Aunt Em, who was the farmer's wife. Their house was small, for the lumber to build it had to be carried by wagon many miles. There were four walls, a floor and a roof, which made one room; and this room contained a rusty looking cookstove, a cupboard for the dishes, a table, three or four chairs, and the beds. Uncle Henry and Aunt Em had a big bed in one corner, and Dorothy a little bed in another corner. There was no garret at all, and no cellar--except a small hole dug in the ground, called a cyclone cellar, where the family could go in case one of those great whirlwinds arose, mighty enough to crush any building in its path. It was reached by a trap door in the middle of the floor, from which a ladder led down into the small, dark hole.
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 34px; width: 450px }
|
||||
#center-block { height: 80%;}
|
||||
#center-col { background: yellow; }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { margin-top: 0; font-size: 12px; width: 450px }
|
||||
#center-block { height: 80%; }
|
||||
#center-col { background: yellow }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 34px; width: 450px }
|
||||
#center-block { max-height: 80%;}
|
||||
#center-col { background: yellow; }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { margin-top: 0; font-size: 12px; width: 450px }
|
||||
#center-block { max-height: 80%; }
|
||||
#center-col { background: yellow }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 34px; width: 450px }
|
||||
#center-block { height: -moz-calc(80% + 5%); }
|
||||
#center-col { background: yellow; }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { margin-top: 0; font-size: 12px; width: 450px }
|
||||
#center-block { height: -moz-calc(80% + 5%); }
|
||||
#center-col { background: yellow }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { margin-top: 0; font-size: 12px; width: 450px }
|
||||
#center-block { height: 80%; }
|
||||
#center-col { background: yellow }
|
||||
#containing-block { height: 800px; }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
Because the height of the containing block is constrained, the percent height should also
|
||||
be constrained, resulting in font inflation being disabled.
|
||||
-->
|
||||
<div id="containing-block">
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { margin-top: 0; font-size: 12px; width: 450px }
|
||||
#center-block { height: 80%; }
|
||||
#center-col { background: yellow }
|
||||
#containing-block { height: 800px; }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
Because the height of the containing block is constrained, the percent height should also
|
||||
be constrained, resulting in font inflation being disabled.
|
||||
-->
|
||||
<div id="containing-block">
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { margin-top: 0; font-size: 12px; width: 450px }
|
||||
#center-block { height: 80%; }
|
||||
#center-col { background: yellow }
|
||||
#containing-block { height: -moz-calc(400px + 20px); }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
Because the height of the containing block is constrained, the percent height should also
|
||||
be constrained, resulting in font inflation being disabled.
|
||||
-->
|
||||
<div id="containing-block">
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { margin-top: 0; font-size: 12px; width: 450px }
|
||||
#center-block { height: 80%; }
|
||||
#center-col { background: yellow }
|
||||
#containing-block { height: -moz-calc(400px + 20px); }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
Because the height of the containing block is constrained, the percent height should also
|
||||
be constrained, resulting in font inflation being disabled.
|
||||
-->
|
||||
<div id="containing-block">
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 12px; width: 450px }
|
||||
#center-block { height: 400px; }
|
||||
#center-col { background: yellow; }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
Because the height is constrained, this should not be inflated.
|
||||
-->
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { margin-top: 0; font-size: 12px; width: 450px }
|
||||
#center-block { height: 400px; }
|
||||
#center-col { background: yellow }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
Because the height is constrained, this should not be inflated.
|
||||
-->
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { margin-top: 0; font-size: 12px; width: 450px }
|
||||
#center-block { max-height: 400px; }
|
||||
#center-col { background: yellow }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
Because the max height is constrained, this should not be inflated.
|
||||
-->
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { margin-top: 0; font-size: 12px; width: 450px }
|
||||
#center-block { max-height: 400px; }
|
||||
#center-col { background: yellow }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
Because the max height is constrained, this should not be inflated.
|
||||
-->
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { margin-top: 0; font-size: 34px; width: 450px }
|
||||
#center-block { height: 80%; }
|
||||
#containing-block { height: 80%; }
|
||||
#center-col { background: yellow }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div id="containing-block">
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { margin-top: 0; font-size: 12px; width: 450px }
|
||||
#center-block { height: 80%; }
|
||||
#containing-block { height: 80%; }
|
||||
#center-col { background: yellow }
|
||||
p { margin-top: 0px; }
|
||||
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div id="containing-block">
|
||||
<div id="center-block">
|
||||
<div id="center-col">
|
||||
<p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
15
layout/reftests/font-inflation/input-checkbox.html
Normal file
15
layout/reftests/font-inflation/input-checkbox.html
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html><head>
|
||||
<!-- Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/ -->
|
||||
<style>
|
||||
body { width: 450px }
|
||||
input { font-size: 12px }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
</head>
|
||||
<body><input type="checkbox">I have a bike</body>
|
||||
</html>
|
||||
7
layout/reftests/font-inflation/input-radio.html
Normal file
7
layout/reftests/font-inflation/input-radio.html
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 12px; line-height: 1.0; width: 450px }
|
||||
input { font-size: 12px; }
|
||||
</style>
|
||||
<div><input type="radio">In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.</div>
|
||||
11
layout/reftests/font-inflation/input-text-1-height-ref.html
Normal file
11
layout/reftests/font-inflation/input-text-1-height-ref.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 12px; line-height: 1.0; width: 450px }
|
||||
input { font-size: 12px; width: 200px }
|
||||
input { height: 50px }
|
||||
</style>
|
||||
<!--
|
||||
Because this input has a fixed height (and also a fixed-width), font
|
||||
inflation should be disabled.
|
||||
-->
|
||||
<div><input type="text" value="Hello world"></div>
|
||||
11
layout/reftests/font-inflation/input-text-1-height.html
Normal file
11
layout/reftests/font-inflation/input-text-1-height.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 12px; line-height: 1.0; width: 450px }
|
||||
input { font-size: 12px; width: 200px }
|
||||
input { height: 50px }
|
||||
</style>
|
||||
<!--
|
||||
Because this input has a fixed height (and also a fixed-width), font
|
||||
inflation should be disabled.
|
||||
-->
|
||||
<div><input type="text" value="Hello world"></div>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 34px; line-height: 1.0; width: 450px }
|
||||
input { font-size: 12px; width: 200px }
|
||||
</style>
|
||||
<!--
|
||||
Because the width of the input element is constrained, font inflation
|
||||
should be disabled for the input element, but not the div containing
|
||||
it.
|
||||
-->
|
||||
<div>test<input type="text" value="Hello world"></div>
|
||||
11
layout/reftests/font-inflation/input-text-1-noheight.html
Normal file
11
layout/reftests/font-inflation/input-text-1-noheight.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 12px; line-height: 1.0; width: 450px }
|
||||
input { font-size: 12px; width: 200px }
|
||||
</style>
|
||||
<!--
|
||||
Because the width of the input element is constrained, font inflation
|
||||
should be disabled for the input element, but not the div containing
|
||||
it.
|
||||
-->
|
||||
<div>test<input type="text" value="Hello world"></div>
|
||||
11
layout/reftests/font-inflation/input-text-2-height-ref.html
Normal file
11
layout/reftests/font-inflation/input-text-2-height-ref.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 12px; line-height: 1.0; width: 450px }
|
||||
input { font-size: 12px; }
|
||||
input { height: 50px }
|
||||
</style>
|
||||
<!--
|
||||
Because this input has a fixed height (and also a fixed width), font
|
||||
inflation should be disabled.
|
||||
-->
|
||||
<div><input type="text" value="Hello world" size="15"></div>
|
||||
11
layout/reftests/font-inflation/input-text-2-height.html
Normal file
11
layout/reftests/font-inflation/input-text-2-height.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 12px; line-height: 1.0; width: 450px }
|
||||
input { font-size: 12px; }
|
||||
input { height: 50px }
|
||||
</style>
|
||||
<!--
|
||||
Because this input has a fixed height (and also a fixed width), font
|
||||
inflation should be disabled.
|
||||
-->
|
||||
<div><input type="text" value="Hello world" size="15"></div>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 34px; line-height: 1.0; width: 450px }
|
||||
input { font-size: 34px; }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div><input type="text" value="Hello world" size="15"></div>
|
||||
10
layout/reftests/font-inflation/input-text-2-noheight.html
Normal file
10
layout/reftests/font-inflation/input-text-2-noheight.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 12px; line-height: 1.0; width: 450px }
|
||||
input { font-size: 12px; }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div><input type="text" value="Hello world" size="15"></div>
|
||||
11
layout/reftests/font-inflation/input-text-3-height-ref.html
Normal file
11
layout/reftests/font-inflation/input-text-3-height-ref.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 12px; line-height: 1.0; width: 450px }
|
||||
input { font-size: 12px; }
|
||||
input { height: 50px }
|
||||
</style>
|
||||
<!--
|
||||
Because this input has a fixed height (and also a fixed-width), font
|
||||
inflation should be disabled.
|
||||
-->
|
||||
<div><input type="text" value="Hello world"></div>
|
||||
11
layout/reftests/font-inflation/input-text-3-height.html
Normal file
11
layout/reftests/font-inflation/input-text-3-height.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 12px; line-height: 1.0; width: 450px }
|
||||
input { font-size: 12px; }
|
||||
input { height: 50px }
|
||||
</style>
|
||||
<!--
|
||||
Because this input has a fixed height (and also a fixed-width), font
|
||||
inflation should be disabled.
|
||||
-->
|
||||
<div><input type="text" value="Hello world"></div>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 34px; line-height: 1.0; width: 450px }
|
||||
input { font-size: 34px; }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div><input type="text" value="Hello world"></div>
|
||||
10
layout/reftests/font-inflation/input-text-3-noheight.html
Normal file
10
layout/reftests/font-inflation/input-text-3-noheight.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 12px; line-height: 1.0; width: 450px }
|
||||
input { font-size: 12px; }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div><input type="text" value="Hello world"></div>
|
||||
17
layout/reftests/font-inflation/intrinsic-fit-1a-ref.html
Normal file
17
layout/reftests/font-inflation/intrinsic-fit-1a-ref.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
|
||||
html, body { margin: 0; padding: 0; }
|
||||
body { width: 10px }
|
||||
p {
|
||||
margin: 0;
|
||||
background: yellow;
|
||||
color: blue;
|
||||
width: 60px;
|
||||
font: 12px Ahem;
|
||||
}
|
||||
</style>
|
||||
<!--
|
||||
In a 60px container, the minimum font size at 15em per line is 4px.
|
||||
-->
|
||||
<p>This is tiny bit of text.</p>
|
||||
17
layout/reftests/font-inflation/intrinsic-fit-1a.html
Normal file
17
layout/reftests/font-inflation/intrinsic-fit-1a.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
|
||||
html, body { margin: 0; padding: 0; }
|
||||
body { width: 10px }
|
||||
p {
|
||||
margin: 0;
|
||||
background: yellow;
|
||||
color: blue;
|
||||
width: -moz-fit-content; /* computes to 60px */
|
||||
font: 12px Ahem;
|
||||
}
|
||||
</style>
|
||||
<!--
|
||||
In a 60px container, the minimum font size at 15em per line is 4px.
|
||||
-->
|
||||
<p>This is tiny bit of text.</p>
|
||||
18
layout/reftests/font-inflation/intrinsic-fit-1b-ref.html
Normal file
18
layout/reftests/font-inflation/intrinsic-fit-1b-ref.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
|
||||
html, body { margin: 0; padding: 0; }
|
||||
body { width: 450px }
|
||||
p {
|
||||
margin: 0;
|
||||
background: yellow;
|
||||
color: blue;
|
||||
width: 300px;
|
||||
font: 24px Ahem;
|
||||
}
|
||||
</style>
|
||||
<!--
|
||||
In a 300px container, the minimum font size at 15em per line is 20px.
|
||||
This means we map 0px-30px into 20px-30px, so 12px gets mapped to 24px.
|
||||
-->
|
||||
<p>This is tiny bit of text.</p>
|
||||
18
layout/reftests/font-inflation/intrinsic-fit-1b.html
Normal file
18
layout/reftests/font-inflation/intrinsic-fit-1b.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
|
||||
html, body { margin: 0; padding: 0; }
|
||||
body { width: 450px }
|
||||
p {
|
||||
margin: 0;
|
||||
background: yellow;
|
||||
color: blue;
|
||||
width: -moz-fit-content; /* computes to 300px */
|
||||
font: 12px Ahem;
|
||||
}
|
||||
</style>
|
||||
<!--
|
||||
In a 300px container, the minimum font size at 15em per line is 20px.
|
||||
This means we map 0px-30px into 20px-30px, so 12px gets mapped to 24px.
|
||||
-->
|
||||
<p>This is tiny bit of text.</p>
|
||||
18
layout/reftests/font-inflation/intrinsic-fit-1c-ref.html
Normal file
18
layout/reftests/font-inflation/intrinsic-fit-1c-ref.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
|
||||
html, body { margin: 0; padding: 0; }
|
||||
body { width: 150px }
|
||||
p {
|
||||
margin: 0;
|
||||
background: yellow;
|
||||
color: blue;
|
||||
width: 150px;
|
||||
font: 14px Ahem;
|
||||
}
|
||||
</style>
|
||||
<!--
|
||||
In a 150px container, the minimum font size at 15em per line is 10px.
|
||||
This means we map 0px-15px into 10px-15px, so 12px gets mapped to 14px.
|
||||
-->
|
||||
<p>This is tiny bit of text.</p>
|
||||
18
layout/reftests/font-inflation/intrinsic-fit-1c.html
Normal file
18
layout/reftests/font-inflation/intrinsic-fit-1c.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
|
||||
html, body { margin: 0; padding: 0; }
|
||||
body { width: 150px }
|
||||
p {
|
||||
margin: 0;
|
||||
background: yellow;
|
||||
color: blue;
|
||||
width: -moz-fit-content; /* computes to 150px */
|
||||
font: 12px Ahem;
|
||||
}
|
||||
</style>
|
||||
<!--
|
||||
In a 150px container, the minimum font size at 15em per line is 10px.
|
||||
This means we map 0px-15px into 10px-15px, so 12px gets mapped to 14px.
|
||||
-->
|
||||
<p>This is tiny bit of text.</p>
|
||||
18
layout/reftests/font-inflation/intrinsic-fit-2a.html
Normal file
18
layout/reftests/font-inflation/intrinsic-fit-2a.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
|
||||
html, body { margin: 0; padding: 0; }
|
||||
body { width: 10px }
|
||||
p {
|
||||
margin: 0;
|
||||
background: yellow;
|
||||
color: blue;
|
||||
float: left;
|
||||
width: auto; /* computes to 60px */
|
||||
font: 12px Ahem;
|
||||
}
|
||||
</style>
|
||||
<!--
|
||||
In a 60px container, the minimum font size at 15em per line is 4px.
|
||||
-->
|
||||
<p>This is tiny bit of text.</p>
|
||||
19
layout/reftests/font-inflation/intrinsic-fit-2b.html
Normal file
19
layout/reftests/font-inflation/intrinsic-fit-2b.html
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
|
||||
html, body { margin: 0; padding: 0; }
|
||||
body { width: 450px }
|
||||
p {
|
||||
margin: 0;
|
||||
background: yellow;
|
||||
color: blue;
|
||||
float: left;
|
||||
width: auto; /* computes to 300px */
|
||||
font: 12px Ahem;
|
||||
}
|
||||
</style>
|
||||
<!--
|
||||
In a 300px container, the minimum font size at 15em per line is 20px.
|
||||
This means we map 0px-30px into 20px-30px, so 12px gets mapped to 24px.
|
||||
-->
|
||||
<p>This is tiny bit of text.</p>
|
||||
19
layout/reftests/font-inflation/intrinsic-fit-2c.html
Normal file
19
layout/reftests/font-inflation/intrinsic-fit-2c.html
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
|
||||
html, body { margin: 0; padding: 0; }
|
||||
body { width: 150px }
|
||||
p {
|
||||
margin: 0;
|
||||
background: yellow;
|
||||
color: blue;
|
||||
float: left;
|
||||
width: auto; /* computes to 150px */
|
||||
font: 12px Ahem;
|
||||
}
|
||||
</style>
|
||||
<!--
|
||||
In a 150px container, the minimum font size at 15em per line is 10px.
|
||||
This means we map 0px-15px into 10px-15px, so 12px gets mapped to 14px.
|
||||
-->
|
||||
<p>This is tiny bit of text.</p>
|
||||
14
layout/reftests/font-inflation/intrinsic-max-1-ref.html
Normal file
14
layout/reftests/font-inflation/intrinsic-max-1-ref.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
|
||||
html, body { margin: 0; padding: 0; }
|
||||
body { width: 450px }
|
||||
p {
|
||||
margin: 0;
|
||||
background: yellow;
|
||||
color: blue;
|
||||
width: 300px;
|
||||
font: 24px Ahem;
|
||||
}
|
||||
</style>
|
||||
<p>This is tiny bit of text.</p>
|
||||
18
layout/reftests/font-inflation/intrinsic-max-1.html
Normal file
18
layout/reftests/font-inflation/intrinsic-max-1.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
|
||||
html, body { margin: 0; padding: 0; }
|
||||
body { width: 450px }
|
||||
p {
|
||||
margin: 0;
|
||||
background: yellow;
|
||||
color: blue;
|
||||
width: -moz-max-content; /* computes to 300px */
|
||||
font: 12px Ahem;
|
||||
}
|
||||
</style>
|
||||
<!--
|
||||
In a 300px container, the minimum font size at 15em per line is 20px.
|
||||
This means we map 0px-30px into 20px-30px, so 12px gets mapped to 24px.
|
||||
-->
|
||||
<p>This is tiny bit of text.</p>
|
||||
17
layout/reftests/font-inflation/intrinsic-min-1-ref.html
Normal file
17
layout/reftests/font-inflation/intrinsic-min-1-ref.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
|
||||
html, body { margin: 0; padding: 0; }
|
||||
body { width: 450px }
|
||||
p {
|
||||
margin: 0;
|
||||
background: yellow;
|
||||
color: blue;
|
||||
width: 60px;
|
||||
font: 12px Ahem;
|
||||
}
|
||||
</style>
|
||||
<!--
|
||||
In a 60px container, the minimum font size at 15em per line is 4px.
|
||||
-->
|
||||
<p>This is some text.</p>
|
||||
14
layout/reftests/font-inflation/intrinsic-min-1.html
Normal file
14
layout/reftests/font-inflation/intrinsic-min-1.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
|
||||
html, body { margin: 0; padding: 0; }
|
||||
body { width: 450px }
|
||||
p {
|
||||
margin: 0;
|
||||
background: yellow;
|
||||
color: blue;
|
||||
width: -moz-min-content; /* computes to 60px */
|
||||
font: 12px Ahem;
|
||||
}
|
||||
</style>
|
||||
<p>This is some text.</p>
|
||||
23
layout/reftests/font-inflation/list-1-ref.html
Normal file
23
layout/reftests/font-inflation/list-1-ref.html
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE HTML>
|
||||
<head>
|
||||
<style>
|
||||
div { background: yellow; line-height: 1.0; font-size: 12px; width: 480px; border: 1px solid red; }
|
||||
ol { padding-left: 120px; width: 400px;}
|
||||
li { font-size: 36px; }
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
In a 480px container, the minimum font size at 15em per line is 32px.
|
||||
This means we map 0px-48px into 32px-48px, so 12px gets mapped to 36px.
|
||||
The margins will be a little bit screwy, since we're fiddling with them
|
||||
to make the list rendering better.
|
||||
-->
|
||||
<body>
|
||||
<div>
|
||||
<ol>
|
||||
<li>Separate interface design from internals</li>
|
||||
<li>Enable multiple user-interface strategies</li>
|
||||
<li>Enable multiple-platform support</li>
|
||||
</ol>
|
||||
</div>
|
||||
</body>
|
||||
22
layout/reftests/font-inflation/list-1.html
Normal file
22
layout/reftests/font-inflation/list-1.html
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE HTML>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="ahem.css" />
|
||||
<style>
|
||||
div { background: yellow; line-height: 1.0; border: 1px solid red; font-size: 12px; width: 480px; }
|
||||
ol { width: 480px;}
|
||||
li { font-family: ahem; }
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
In a 480px container, the minimum font size at 15em per line is 32px.
|
||||
This means we map 0px-48px into 32px-48px, so 12px gets mapped to 36px.
|
||||
-->
|
||||
<body>
|
||||
<div>
|
||||
<ol>
|
||||
<li>Separate interface design from internals</li>
|
||||
<li>Enable multiple user-interface strategies</li>
|
||||
<li>Enable multiple-platform support</li>
|
||||
</ol>
|
||||
</div>
|
||||
</body>
|
||||
13
layout/reftests/font-inflation/maxRatio-1-ref.html
Normal file
13
layout/reftests/font-inflation/maxRatio-1-ref.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { background: yellow }
|
||||
div { font-size: 24px; width: 450px }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
However, because we've enabled the maxRatio at a value of 2.0, the mapping
|
||||
function, which would normally return 34px/12px, or about 2.83, now
|
||||
returns a ratio capped at 2.0, thus the actual font size is 24px.
|
||||
-->
|
||||
<div>Hello world</div>
|
||||
13
layout/reftests/font-inflation/maxRatio-1.html
Normal file
13
layout/reftests/font-inflation/maxRatio-1.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { background: yellow }
|
||||
div { font-size: 12px; width: 450px }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
However, because we've enabled the maxRatio at a value of 2.0, the mapping
|
||||
function, which would normally return 34px/12px, or about 2.83, now
|
||||
returns a ratio capped at 2.0, thus the actual font size is 24px.
|
||||
-->
|
||||
<div>Hello world</div>
|
||||
23
layout/reftests/font-inflation/min-width-passes-1-ref.html
Normal file
23
layout/reftests/font-inflation/min-width-passes-1-ref.html
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Bug Reproduction</title>
|
||||
</head>
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
/*
|
||||
* Work around bug 759755 / bug 757179. Setting overflow hidden
|
||||
* avoids these bugs being triggered due to the hypothetical scrollbar
|
||||
* reflows.
|
||||
*/
|
||||
overflow: hidden;
|
||||
}
|
||||
table { width: 100% }
|
||||
body, table, tbody, tr, td {
|
||||
margin: 0; border: none; padding: 0; border-spacing: 0;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<h1 id="welcome">Welcome to Bugzilla</h1>
|
||||
<input type="button" id="find" value="Quick Search"></input>
|
||||
</body>
|
||||
</html>
|
||||
25
layout/reftests/font-inflation/min-width-passes-1.html
Normal file
25
layout/reftests/font-inflation/min-width-passes-1.html
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Bug Reproduction</title>
|
||||
</head>
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
/*
|
||||
* Work around bug 759755 / bug 757179. Setting overflow hidden
|
||||
* avoids these bugs being triggered due to the hypothetical scrollbar
|
||||
* reflows.
|
||||
*/
|
||||
overflow: hidden;
|
||||
}
|
||||
table { width: 100% }
|
||||
body, table, tbody, tr, td {
|
||||
margin: 0; border: none; padding: 0; border-spacing: 0;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<table><tr><td>
|
||||
<h1 id="welcome">Welcome to Bugzilla</h1>
|
||||
<input type="button" id="find" value="Quick Search"></input>
|
||||
</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
22
layout/reftests/font-inflation/preformatted-text-ref.html
Normal file
22
layout/reftests/font-inflation/preformatted-text-ref.html
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html>
|
||||
|
||||
<!--
|
||||
This text is in a preformatted block, and should therefore not be inflated with the fix for bug 705446.
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
pre { font-size: 12px; line-height: 1.0;}
|
||||
</style>
|
||||
<body>
|
||||
<div>
|
||||
<pre>
|
||||
<div class="line" id="line1"><span style="color: red">Firefox</span> is quite neat</div>
|
||||
<div class="line" id="line2">It browses the web fluidly</div>
|
||||
<div class="line" id="line3">With no cares at all</div>
|
||||
</pre>
|
||||
</div>
|
||||
</body>
|
||||
</head>
|
||||
</html>
|
||||
22
layout/reftests/font-inflation/preformatted-text.html
Normal file
22
layout/reftests/font-inflation/preformatted-text.html
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html>
|
||||
|
||||
<!--
|
||||
This text is in a preformatted block, and should therefore not be inflated with the fix for bug 705446.
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
pre { font-size: 12px; line-height: 1.0;}
|
||||
</style>
|
||||
<body>
|
||||
<div>
|
||||
<pre>
|
||||
<div class="line" id="line1"><span style="color: red">Firefox</span> is quite neat</div>
|
||||
<div class="line" id="line2">It browses the web fluidly</div>
|
||||
<div class="line" id="line3">With no cares at all</div>
|
||||
</pre>
|
||||
</div>
|
||||
</body>
|
||||
</head>
|
||||
</html>
|
||||
121
layout/reftests/font-inflation/reftest-stylo.list
Normal file
121
layout/reftests/font-inflation/reftest-stylo.list
Normal file
|
|
@ -0,0 +1,121 @@
|
|||
# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
|
||||
# The following tests were written before
|
||||
# font.size.inflation.lineThreshold was implemented, and thus assumed
|
||||
# that there wasn't a threshold of text required for inflation. To run
|
||||
# them compatibly without having to rewrite all of them, we run them
|
||||
# with the lineThreshold preference explicitly set to zero. However,
|
||||
# newer tests should probably focus more on testing nonzero values of
|
||||
# that preference.
|
||||
|
||||
# The font-inflation code uses the meta-viewport tag as one of its inputs
|
||||
# when determining if font-inflation needs to be applied, so enable it for
|
||||
# these tests.
|
||||
default-preferences pref(dom.meta-viewport.enabled,true)
|
||||
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) test-pref(font.size.inflation.maxRatio,200) == maxRatio-1.html maxRatio-1.html
|
||||
skip == text-1.html text-1.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == text-2.html text-2.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == text-3.html text-3.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == text-4.html text-4.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-1.html height-constraint-percent-1.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-2.html height-constraint-percent-2.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-3.html height-constraint-percent-3.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-4.html height-constraint-percent-4.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-5.html height-constraint-percent-5.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-6.html height-constraint-percent-6.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-7.html height-constraint-percent-7.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-8.html height-constraint-percent-8.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == decoration-1.html decoration-1.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == bullet-1.html bullet-1.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-1-height.html input-text-1-height.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-1-noheight.html input-text-1-noheight.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-2-height.html input-text-2-height.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-2-noheight.html input-text-2-noheight.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-3-height.html input-text-3-height.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-3-noheight.html input-text-3-noheight.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == textarea-1.html textarea-1.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == textarea-2.html textarea-2.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == textarea-3.html textarea-3.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == css-transform-1.html css-transform-1.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == css-transform-2.html css-transform-2.html
|
||||
fails skip-if(B2G||Mulet) fuzzy-if(asyncPan&&!layersGPUAccelerated,102,1764) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == container-with-clamping.html container-with-clamping.html
|
||||
# Initial mulet triage: parity with B2G/B2G Desktop
|
||||
skip test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) load video-1.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-min-1.html intrinsic-min-1.html
|
||||
fails skip-if(B2G||Mulet) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-max-1.html intrinsic-max-1.html
|
||||
# Initial mulet triage: parity with B2G/B2G Desktop
|
||||
skip-if(B2G||Mulet) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-fit-1a.html intrinsic-fit-1a.html
|
||||
# Initial mulet triage: parity with B2G/B2G Desktop
|
||||
fails skip-if(B2G||Mulet) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-fit-1b.html intrinsic-fit-1b.html
|
||||
# Initial mulet triage: parity with B2G/B2G Desktop
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-fit-1c.html intrinsic-fit-1c.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-fit-2a.html intrinsic-fit-2a.html
|
||||
fails skip-if(B2G||Mulet) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-fit-2b.html intrinsic-fit-2b.html
|
||||
# Initial mulet triage: parity with B2G/B2G Desktop
|
||||
fails skip-if(B2G||Mulet) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-fit-2c.html intrinsic-fit-2c.html
|
||||
# Initial mulet triage: parity with B2G/B2G Desktop
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-listbox-1.html select-listbox-1.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-listbox-1.html select-listbox-1.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-combobox-1.html select-combobox-1.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-combobox-1.html select-combobox-1.html
|
||||
fails skip-if(B2G||Mulet) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-listbox-2.html select-listbox-2.html
|
||||
# Initial mulet triage: parity with B2G/B2G Desktop
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-listbox-2.html select-listbox-2.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-combobox-2.html select-combobox-2.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-combobox-2.html select-combobox-2.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-combobox-3.html select-combobox-3.html
|
||||
fails asserts-if(gtkWidget,0-4) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-checkbox.html input-checkbox.html
|
||||
fails asserts-if(gtkWidget,0-4) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-radio.html input-radio.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == disable-fontinfl-on-mobile.html disable-fontinfl-on-mobile.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == disable-fontinfl-on-mobile-2.html disable-fontinfl-on-mobile-2.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == disable-fontinfl-on-mobile-3.html disable-fontinfl-on-mobile-3.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == disable-fontinfl-on-mobile-5.html disable-fontinfl-on-mobile-5.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == preformatted-text.html preformatted-text.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == fixed-height-body.html fixed-height-body.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == fixed-height-body-child.html fixed-height-body-child.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == consecutive-inline.html consecutive-inline.html
|
||||
|
||||
# The tests below use nonzero values of the lineThreshold preference.
|
||||
skip == text-1.html text-1.html
|
||||
skip test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) HTTP(..) == list-1.html list-1.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-1a.html threshold-1a.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-1b.html threshold-1b.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-1c.html threshold-1c.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-2.html threshold-2.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-3.html threshold-3.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-float-1.html threshold-scope-float-1.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-float-2.html threshold-scope-float-2.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-float-overflow-1.html threshold-scope-float-overflow-1.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-float-overflow-2.html threshold-scope-float-overflow-2.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-cell-1.html threshold-scope-cell-1.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-cell-2.html threshold-scope-cell-2.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-cell-3.html threshold-scope-cell-3.html
|
||||
|
||||
fuzzy-if(gtkWidget,1,10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-textarea-contents-under-1.html threshold-textarea-contents-under-1.html
|
||||
skip-if(B2G||Mulet) fuzzy-if(gtkWidget,1,10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-textarea-contents-under-2.html threshold-textarea-contents-under-2.html
|
||||
# Initial mulet triage: parity with B2G/B2G Desktop
|
||||
skip == threshold-textarea-contents-at-1.html threshold-textarea-contents-at-1.html
|
||||
skip == threshold-textarea-contents-at-2.html threshold-textarea-contents-at-2.html
|
||||
# Initial mulet triage: parity with B2G/B2G Desktop
|
||||
fuzzy-if(gtkWidget,1,10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-input-text-contents-under-1.html threshold-input-text-contents-under-1.html
|
||||
fuzzy-if(gtkWidget,1,10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-input-text-contents-under-2.html threshold-input-text-contents-under-2.html
|
||||
skip == threshold-input-text-contents-at-1.html threshold-input-text-contents-at-1.html
|
||||
skip == threshold-input-text-contents-at-2.html threshold-input-text-contents-at-2.html
|
||||
skip == threshold-select-listbox-contents-under-1.html threshold-select-listbox-contents-under-1.html
|
||||
skip == threshold-select-listbox-contents-under-2.html threshold-select-listbox-contents-under-2.html
|
||||
skip == threshold-select-listbox-contents-at-1.html threshold-select-listbox-contents-at-1.html
|
||||
skip == threshold-select-listbox-contents-at-2.html threshold-select-listbox-contents-at-2.html
|
||||
skip == threshold-select-combobox-contents-under-1.html threshold-select-combobox-contents-under-1.html
|
||||
skip == threshold-select-combobox-contents-under-2.html threshold-select-combobox-contents-under-2.html
|
||||
skip == threshold-select-combobox-contents-at-1.html threshold-select-combobox-contents-at-1.html
|
||||
skip == threshold-select-combobox-contents-at-2.html threshold-select-combobox-contents-at-2.html
|
||||
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == relevant-width-1.html relevant-width-1.html
|
||||
fails test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == relevant-width-overflow-1.html relevant-width-overflow-1.html
|
||||
|
||||
pref(font.size.inflation.emPerLine,15) pref(font.size.inflation.forceEnabled,true) pref(font.size.inflation.lineThreshold,0) == min-width-passes-1.html min-width-passes-1.html
|
||||
|
||||
pref(font.size.inflation.emPerLine,15) pref(font.size.inflation.forceEnabled,true) == xul-reflow-1.html xul-reflow-1.html
|
||||
|
||||
# reset the default preferences
|
||||
default-preferences
|
||||
111
layout/reftests/font-inflation/reftest.list
Normal file
111
layout/reftests/font-inflation/reftest.list
Normal file
|
|
@ -0,0 +1,111 @@
|
|||
# The following tests were written before
|
||||
# font.size.inflation.lineThreshold was implemented, and thus assumed
|
||||
# that there wasn't a threshold of text required for inflation. To run
|
||||
# them compatibly without having to rewrite all of them, we run them
|
||||
# with the lineThreshold preference explicitly set to zero. However,
|
||||
# newer tests should probably focus more on testing nonzero values of
|
||||
# that preference.
|
||||
|
||||
# The font-inflation code uses the meta-viewport tag as one of its inputs
|
||||
# when determining if font-inflation needs to be applied, so enable it for
|
||||
# these tests.
|
||||
default-preferences pref(dom.meta-viewport.enabled,true)
|
||||
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) test-pref(font.size.inflation.maxRatio,200) == maxRatio-1.html maxRatio-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == text-1.html text-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == text-2.html text-2-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == text-3.html text-3-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == text-4.html text-4-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-1.html height-constraint-percent-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-2.html height-constraint-percent-2-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-3.html height-constraint-percent-3-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-4.html height-constraint-percent-4-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-5.html height-constraint-percent-5-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-6.html height-constraint-percent-6-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-7.html height-constraint-percent-7-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == height-constraint-percent-8.html height-constraint-percent-8-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == decoration-1.html decoration-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == bullet-1.html bullet-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-1-height.html input-text-1-height-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-1-noheight.html input-text-1-noheight-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-2-height.html input-text-2-height-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-2-noheight.html input-text-2-noheight-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-3-height.html input-text-3-height-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == input-text-3-noheight.html input-text-3-noheight-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == textarea-1.html textarea-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == textarea-2.html textarea-2-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == textarea-3.html textarea-3-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == css-transform-1.html css-transform-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == css-transform-2.html css-transform-2-ref.html
|
||||
fuzzy-if(asyncPan&&!layersGPUAccelerated,102,1764) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == container-with-clamping.html container-with-clamping-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) load video-1.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-min-1.html intrinsic-min-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-max-1.html intrinsic-max-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-fit-1a.html intrinsic-fit-1a-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-fit-1b.html intrinsic-fit-1b-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-fit-1c.html intrinsic-fit-1c-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-fit-2a.html intrinsic-fit-1a-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-fit-2b.html intrinsic-fit-1b-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) HTTP(..) == intrinsic-fit-2c.html intrinsic-fit-1c-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-listbox-1.html select-listbox-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != select-listbox-1.html select-listbox-1.html
|
||||
fuzzy-if(skiaContent,4,2) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-combobox-1.html select-combobox-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != select-combobox-1.html select-combobox-1.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-listbox-2.html select-listbox-2-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != select-listbox-2.html select-listbox-2.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-combobox-2.html select-combobox-2-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != select-combobox-2.html select-combobox-2.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == select-combobox-3.html select-combobox-3-ref.html
|
||||
asserts-if(gtkWidget,0-4) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != input-checkbox.html input-checkbox.html
|
||||
asserts-if(gtkWidget,0-4) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != input-radio.html input-radio.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == disable-fontinfl-on-mobile.html disable-fontinfl-on-mobile-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == disable-fontinfl-on-mobile-2.html disable-fontinfl-on-mobile-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == disable-fontinfl-on-mobile-3.html disable-fontinfl-on-mobile-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) != disable-fontinfl-on-mobile-5.html disable-fontinfl-on-mobile-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == preformatted-text.html preformatted-text-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == fixed-height-body.html fixed-height-body-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == fixed-height-body-child.html fixed-height-body-child-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == consecutive-inline.html consecutive-inline-ref.html
|
||||
|
||||
# The tests below use nonzero values of the lineThreshold preference.
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == text-1.html text-1.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) HTTP(..) == list-1.html list-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-1a.html threshold-1a.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-1b.html threshold-1b-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-1c.html threshold-1c-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-2.html threshold-2-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-3.html threshold-3-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-float-1.html threshold-scope-float-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-float-2.html threshold-scope-float-2-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-float-overflow-1.html threshold-scope-float-overflow-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-float-overflow-2.html threshold-scope-float-overflow-2-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-cell-1.html threshold-scope-cell-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-cell-2.html threshold-scope-cell-2-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-scope-cell-3.html threshold-scope-cell-3-ref.html
|
||||
|
||||
fuzzy-if(gtkWidget,1,10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-textarea-contents-under-1.html threshold-textarea-contents-under-1.html
|
||||
fuzzy-if(gtkWidget,1,10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-textarea-contents-under-2.html threshold-textarea-contents-under-2.html
|
||||
fuzzy-if(gtkWidget,1,10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-textarea-contents-at-1.html threshold-textarea-contents-at-1-ref.html
|
||||
fuzzy-if(gtkWidget,1,10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-textarea-contents-at-2.html threshold-textarea-contents-at-2-ref.html
|
||||
fuzzy-if(gtkWidget,1,10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-input-text-contents-under-1.html threshold-input-text-contents-under-1.html
|
||||
fuzzy-if(gtkWidget,1,10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-input-text-contents-under-2.html threshold-input-text-contents-under-2.html
|
||||
fuzzy-if(gtkWidget,1,10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-input-text-contents-at-1.html threshold-input-text-contents-at-1-ref.html
|
||||
fuzzy-if(gtkWidget,1,10) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-input-text-contents-at-2.html threshold-input-text-contents-at-2-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-listbox-contents-under-1.html threshold-select-listbox-contents-under-1.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-listbox-contents-under-2.html threshold-select-listbox-contents-under-2.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-listbox-contents-at-1.html threshold-select-listbox-contents-at-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-listbox-contents-at-2.html threshold-select-listbox-contents-at-2-ref.html
|
||||
fuzzy-if(gtkWidget,1,8) fuzzy-if(Android,4,2) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-combobox-contents-under-1.html threshold-select-combobox-contents-under-1.html
|
||||
fuzzy-if(gtkWidget,1,8) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-combobox-contents-under-2.html threshold-select-combobox-contents-under-2.html
|
||||
fuzzy-if(gtkWidget,1,8) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-combobox-contents-at-1.html threshold-select-combobox-contents-at-1-ref.html
|
||||
fuzzy-if(gtkWidget,1,8) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,100) == threshold-select-combobox-contents-at-2.html threshold-select-combobox-contents-at-2-ref.html
|
||||
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == relevant-width-1.html relevant-width-1-ref.html
|
||||
test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == relevant-width-overflow-1.html relevant-width-overflow-1-ref.html
|
||||
|
||||
pref(font.size.inflation.emPerLine,15) pref(font.size.inflation.forceEnabled,true) pref(font.size.inflation.lineThreshold,0) == min-width-passes-1.html min-width-passes-1-ref.html
|
||||
|
||||
pref(font.size.inflation.emPerLine,15) pref(font.size.inflation.forceEnabled,true) == xul-reflow-1.html xul-reflow-1-ref.html
|
||||
|
||||
# reset the default preferences
|
||||
default-preferences
|
||||
9
layout/reftests/font-inflation/relevant-width-1-ref.html
Normal file
9
layout/reftests/font-inflation/relevant-width-1-ref.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 34px; width: 450px }
|
||||
div.inner { width: 300px }
|
||||
</style>
|
||||
<div class="middle">
|
||||
Text in middle.
|
||||
<div class="inner">Text in inner.</div>
|
||||
</div>
|
||||
16
layout/reftests/font-inflation/relevant-width-1.html
Normal file
16
layout/reftests/font-inflation/relevant-width-1.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div.outer { font-size: 12px; width: 600px }
|
||||
div.middle { width: 450px; }
|
||||
div.inner { width: 300px; }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div class="outer">
|
||||
<div class="middle">
|
||||
Text in middle.
|
||||
<div class="inner">Text in inner.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { font-size: 34px; width: 450px }
|
||||
div.inner { width: 300px; overflow: hidden; }
|
||||
</style>
|
||||
<div class="middle">
|
||||
Text in middle.
|
||||
<div class="inner">Text in inner.</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div.outer { font-size: 12px; width: 600px }
|
||||
div.middle { width: 450px; }
|
||||
div.inner { width: 300px; overflow: hidden; }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div class="outer">
|
||||
<div class="middle">
|
||||
Text in middle.
|
||||
<div class="inner">Text in inner.</div>
|
||||
</div>
|
||||
</div>
|
||||
10
layout/reftests/font-inflation/select-combobox-1-ref.html
Normal file
10
layout/reftests/font-inflation/select-combobox-1-ref.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body { width: 450px }
|
||||
body, select { font-size: 34px }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<select><option>One</option><option>Two</option></select>
|
||||
10
layout/reftests/font-inflation/select-combobox-1.html
Normal file
10
layout/reftests/font-inflation/select-combobox-1.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body { width: 450px }
|
||||
body, select { font-size: 12px }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<select><option>One</option><option>Two</option></select>
|
||||
21
layout/reftests/font-inflation/select-combobox-2-ref.html
Normal file
21
layout/reftests/font-inflation/select-combobox-2-ref.html
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body { width: 450px }
|
||||
body, select { font-size: 34px }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<select>
|
||||
<optgroup label="Counties">
|
||||
<option>Arlington
|
||||
<option>Fairfax
|
||||
<option>Loudon
|
||||
<option>Prince William
|
||||
<optgroup label="Cities">
|
||||
<option>Alexandria
|
||||
<option>Falls Church
|
||||
<option>Manassas
|
||||
<option>Manassas Park
|
||||
</select>
|
||||
21
layout/reftests/font-inflation/select-combobox-2.html
Normal file
21
layout/reftests/font-inflation/select-combobox-2.html
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body { width: 450px }
|
||||
body, select { font-size: 12px }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<select>
|
||||
<optgroup label="Counties">
|
||||
<option>Arlington
|
||||
<option>Fairfax
|
||||
<option>Loudon
|
||||
<option>Prince William
|
||||
<optgroup label="Cities">
|
||||
<option>Alexandria
|
||||
<option>Falls Church
|
||||
<option>Manassas
|
||||
<option>Manassas Park
|
||||
</select>
|
||||
10
layout/reftests/font-inflation/select-combobox-3-ref.html
Normal file
10
layout/reftests/font-inflation/select-combobox-3-ref.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body { line-height: 1.0; width: 450px; font-size: 34px; }
|
||||
select { vertical-align: top; font-size: 12px; width: 100px; }
|
||||
</style>
|
||||
<!--
|
||||
Because the combobox has constrained width, font inflation
|
||||
should be disabled.
|
||||
-->
|
||||
<select><option>One</Option><option>Two</option></select>
|
||||
10
layout/reftests/font-inflation/select-combobox-3.html
Normal file
10
layout/reftests/font-inflation/select-combobox-3.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body { line-height: 1.0; width: 450px; font-size: 34px; }
|
||||
select { vertical-align: top; font-size: 12px; width: 100px; }
|
||||
</style>
|
||||
<!--
|
||||
Because the combobox has constrained width, font inflation
|
||||
should be disabled.
|
||||
-->
|
||||
<select><option>One</Option><option>Two</option></select>
|
||||
10
layout/reftests/font-inflation/select-listbox-1-ref.html
Normal file
10
layout/reftests/font-inflation/select-listbox-1-ref.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body { width: 450px }
|
||||
body, select { font-size: 34px }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<select size="3"><option>One</option><option>Two</option></select>
|
||||
10
layout/reftests/font-inflation/select-listbox-1.html
Normal file
10
layout/reftests/font-inflation/select-listbox-1.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body { width: 450px }
|
||||
body, select { font-size: 12px }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<select size="3"><option>One</option><option>Two</option></select>
|
||||
21
layout/reftests/font-inflation/select-listbox-2-ref.html
Normal file
21
layout/reftests/font-inflation/select-listbox-2-ref.html
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body { width: 450px }
|
||||
body, select { font-size: 34px }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<select size="3">
|
||||
<optgroup label="Counties">
|
||||
<option>Arlington
|
||||
<option>Fairfax
|
||||
<option>Loudon
|
||||
<option>Prince William
|
||||
<optgroup label="Cities">
|
||||
<option>Alexandria
|
||||
<option>Falls Church
|
||||
<option>Manassas
|
||||
<option>Manassas Park
|
||||
</select>
|
||||
21
layout/reftests/font-inflation/select-listbox-2.html
Normal file
21
layout/reftests/font-inflation/select-listbox-2.html
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
body { width: 450px }
|
||||
body, select { font-size: 12px }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<select size="3">
|
||||
<optgroup label="Counties">
|
||||
<option>Arlington
|
||||
<option>Fairfax
|
||||
<option>Loudon
|
||||
<option>Prince William
|
||||
<optgroup label="Cities">
|
||||
<option>Alexandria
|
||||
<option>Falls Church
|
||||
<option>Manassas
|
||||
<option>Manassas Park
|
||||
</select>
|
||||
6
layout/reftests/font-inflation/text-1-ref.html
Normal file
6
layout/reftests/font-inflation/text-1-ref.html
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { background: yellow }
|
||||
div { font-size: 34px; width: 450px }
|
||||
</style>
|
||||
<div>Hello world</div>
|
||||
10
layout/reftests/font-inflation/text-1.html
Normal file
10
layout/reftests/font-inflation/text-1.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { background: yellow }
|
||||
div { font-size: 12px; width: 450px }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div>Hello world</div>
|
||||
6
layout/reftests/font-inflation/text-2-ref.html
Normal file
6
layout/reftests/font-inflation/text-2-ref.html
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { background: yellow }
|
||||
div { font-size: 34px; line-height: 1.0; width: 450px }
|
||||
</style>
|
||||
<div>Hello world</div>
|
||||
10
layout/reftests/font-inflation/text-2.html
Normal file
10
layout/reftests/font-inflation/text-2.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { background: yellow }
|
||||
div { font-size: 12px; line-height: 1.0; width: 450px }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div>Hello world</div>
|
||||
7
layout/reftests/font-inflation/text-3-ref.html
Normal file
7
layout/reftests/font-inflation/text-3-ref.html
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { background: yellow }
|
||||
span { background: aqua }
|
||||
div { font-size: 34px; width: 450px }
|
||||
</style>
|
||||
<div><span>Hello world</span></div>
|
||||
11
layout/reftests/font-inflation/text-3.html
Normal file
11
layout/reftests/font-inflation/text-3.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE HTML>
|
||||
<style>
|
||||
div { background: yellow }
|
||||
span { background: aqua }
|
||||
div { font-size: 12px; width: 450px }
|
||||
</style>
|
||||
<!--
|
||||
In a 450px container, the minimum font size at 15em per line is 30px.
|
||||
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
||||
-->
|
||||
<div><span>Hello world</span></div>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue