import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo

This commit is contained in:
Roy Tam 2018-01-19 03:59:58 +08:00
commit dcd9973243
150858 changed files with 23884658 additions and 0 deletions

View 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>

View 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>

View 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>

View 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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View 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: 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>

View 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>

View 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>

View 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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View 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>

View 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>

View 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>

View 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>

View file

@ -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>

View 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>

View 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>

View 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>

View file

@ -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>

View 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>

View 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>

View 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>

View file

@ -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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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

View 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

View 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>

View 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>

View file

@ -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>

View file

@ -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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View file

@ -0,0 +1,6 @@
<!DOCTYPE HTML>
<style>
div { background: yellow }
div { font-size: 34px; width: 450px }
</style>
<div>Hello world</div>

View 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>

View 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>

View 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>

View 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>

View 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