wine/gecko
0
0
Fork 0
mirror of https://gitlab.winehq.org/wine/wine-gecko.git synced 2024-09-13 09:24:08 -07:00
Code Issues Packages Projects Releases Wiki Activity

Tests for bug 1150614, r=jfkthame

Browse Source
This commit is contained in:
Simon Montagu 2015-04-29 22:07:32 -07:00
parent 33828ce57e
commit 81c3c096a1
41 changed files with 1049 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
layout/reftests/floats/float-in-rtl-vlr-1-ref.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;top:200px;"></div>
</div>
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;top:100px;"></div>
</div>
<div style="background:silver;padding-bottom:calc(100% - 100px);">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

24
layout/reftests/floats/float-in-rtl-vlr-1a.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div style="height:300px" dir="rtl">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

24
layout/reftests/floats/float-in-rtl-vlr-1b.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div style="height:200px" dir="rtl">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

24
layout/reftests/floats/float-in-rtl-vlr-1c.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div style="height:300px" dir="rtl">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div style="height:200px" dir="rtl">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

26
layout/reftests/floats/float-in-rtl-vlr-1d.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div dir="rtl" style="height:300px">
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

24
layout/reftests/floats/float-in-rtl-vlr-2-ref.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;top:0px;"></div>
</div>
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;top:100px;"></div>
</div>
<div style="background:silver;padding-top:200px;">
This text should appear BELOW the green and red blocks.
</div>
</body>
</html>

24
layout/reftests/floats/float-in-rtl-vlr-2a.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div dir="rtl" style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</body>
</html>

24
layout/reftests/floats/float-in-rtl-vlr-2b.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div dir="rtl" style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</body>
</html>

24
layout/reftests/floats/float-in-rtl-vlr-2c.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div dir="rtl" style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div dir="rtl" style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</body>
</html>

26
layout/reftests/floats/float-in-rtl-vlr-2d.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div dir="rtl" style="inline-size:-moz-fit-content">
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
</div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</body>
</html>

26
layout/reftests/floats/float-in-rtl-vlr-3-ref.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div style="height:600px; direction: rtl;">
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;bottom: 200px;"></div>
</div>
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;bottom: 100px);"></div>
</div>
<div style="background:silver;padding-top:calc(100% - 100px);">
This text should appear BELOW the green and red blocks.
</div>
</div>
</body>
</html>

26
layout/reftests/floats/float-in-rtl-vlr-3a.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div style="height:600px; direction: rtl;">
<div dir="ltr" style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</div>
</body>
</html>

26
layout/reftests/floats/float-in-rtl-vlr-3b.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div style="height:600px; direction: rtl;">
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div dir="ltr" style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</div>
</body>
</html>

26
layout/reftests/floats/float-in-rtl-vlr-3c.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div style="height:600px; direction: rtl;">
<div dir="ltr" style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div dir="ltr" style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left"></div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</div>
</body>
</html>

28
layout/reftests/floats/float-in-rtl-vlr-3d.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
}
</style>
</head>
<body>
<div style="height:600px; direction: rtl;">
<div dir="ltr" style="inline-size:-moz-fit-content">
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
</div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vlr-4-ref.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
direction: rtl;
}
</style>
</head>
<body>
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;bottom:0px;"></div>
</div>
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;bottom:100px;"></div>
</div>
<div style="background:silver;padding-bottom:200px;">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vlr-4a.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
direction: rtl;
}
</style>
</head>
<body>
<div dir="ltr" style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vlr-4b.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
direction: rtl;
}
</style>
</head>
<body>
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div dir="ltr" style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vlr-4c.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
direction: rtl;
}
</style>
</head>
<body>
<div dir="ltr" style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div dir="ltr" style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

27
layout/reftests/floats/float-in-rtl-vlr-4d.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html class="vlr">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vlr {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
writing-mode: tb-lr;
direction: rtl;
}
</style>
</head>
<body>
<div dir="ltr" style="inline-size:-moz-fit-content">
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

26
layout/reftests/floats/float-in-rtl-vrl-1-ref.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: ltr;
}
</style>
</head>
<body dir="rtl">
<div dir="ltr">
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;top:200px;"></div>
</div>
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;top:100px;"></div>
</div>
<div style="background:silver;padding-bottom:calc(100% - 100px);">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vrl-1a.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: ltr;
}
</style>
</head>
<body>
<div style="height:300px" dir="rtl">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vrl-1b.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: ltr;
}
</style>
</head>
<body>
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div style="height:200px" dir="rtl">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vrl-1c.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: ltr;
}
</style>
</head>
<body>
<div style="height:300px" dir="rtl">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div style="height:200px" dir="rtl">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

27
layout/reftests/floats/float-in-rtl-vrl-1d.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: ltr;
}
</style>
</head>
<body>
<div dir="rtl" style="height:300px">
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vrl-2-ref.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: ltr;
}
</style>
</head>
<body>
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;top:0px;"></div>
</div>
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;top:100px;"></div>
</div>
<div style="background:silver;padding-top:200px;">
This text should appear BELOW the green and red blocks.
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vrl-2a.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: ltr;
}
</style>
</head>
<body>
<div dir="rtl" style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vrl-2b.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: ltr;
}
</style>
</head>
<body>
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div dir="rtl" style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vrl-2c.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: ltr;
}
</style>
</head>
<body>
<div dir="rtl" style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div dir="rtl" style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</body>
</html>

27
layout/reftests/floats/float-in-rtl-vrl-2d.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: ltr;
}
</style>
</head>
<body>
<div dir="rtl" style="inline-size:-moz-fit-content">
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
</div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</body>
</html>

26
layout/reftests/floats/float-in-rtl-vrl-3-ref.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
}
</style>
</head>
<body>
<div style="height:600px; direction: rtl;">
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;bottom:200px;"></div>
</div>
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;bottom:100px;"></div>
</div>
<div style="background:silver;padding-top:calc(100% - 100px);">
This text should appear BELOW the green and red blocks.
</div>
</div>
</body>
</html>

26
layout/reftests/floats/float-in-rtl-vrl-3a.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
}
</style>
</head>
<body>
<div style="height:600px; direction: rtl;">
<div dir="ltr" style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</div>
</body>
</html>

26
layout/reftests/floats/float-in-rtl-vrl-3b.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
}
</style>
</head>
<body>
<div style="height:600px; direction: rtl;">
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div dir="ltr" style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</div>
</body>
</html>

26
layout/reftests/floats/float-in-rtl-vrl-3c.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
}
</style>
</head>
<body>
<div style="height:600px; direction: rtl;">
<div dir="ltr" style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div dir="ltr" style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left"></div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</div>
</body>
</html>

28
layout/reftests/floats/float-in-rtl-vrl-3d.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
}
</style>
</head>
<body>
<div style="height:600px; direction: rtl;">
<div dir="ltr" style="inline-size:-moz-fit-content">
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
</div>
</div>
<div style="background:silver">
This text should appear BELOW the green and red blocks.
</div>
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vrl-4-ref.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: rtl;
}
</style>
</head>
<body>
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;bottom:0px;"></div>
</div>
<div style="height:0px;width:0px;overflow:visible">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;bottom:100px;"></div>
</div>
<div style="background:silver;padding-bottom:200px;">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vrl-4a.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: rtl;
}
</style>
</head>
<body>
<div dir="ltr" style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vrl-4b.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: rtl;
}
</style>
</head>
<body>
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div dir="ltr" style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

25
layout/reftests/floats/float-in-rtl-vrl-4c.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: rtl;
}
</style>
</head>
<body>
<div dir="ltr" style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div dir="ltr" style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

27
layout/reftests/floats/float-in-rtl-vrl-4d.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html class="vrl">
<head>
<title>Bug 1114329 testcase</title>
<style>
.vrl {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: tb-rl;
direction: rtl;
}
</style>
</head>
<body>
<div dir="ltr" style="inline-size:-moz-fit-content">
<div style="height:300px">
<div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
</div>
<div style="height:200px">
<div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
</div>
</div>
<div style="background:silver">
This text should appear ABOVE the red and green blocks.
</div>
</body>
</html>

32
layout/reftests/floats/reftest.list
View File

@ -35,6 +35,38 @@ fails == 345369-2.html 345369-2-ref.html
== float-in-rtl-4b.html float-in-rtl-4-ref.html
== float-in-rtl-4c.html float-in-rtl-4-ref.html
== float-in-rtl-4d.html float-in-rtl-4-ref.html
== float-in-rtl-vlr-1a.html float-in-rtl-vlr-1-ref.html
== float-in-rtl-vlr-1b.html float-in-rtl-vlr-1-ref.html
== float-in-rtl-vlr-1c.html float-in-rtl-vlr-1-ref.html
== float-in-rtl-vlr-1d.html float-in-rtl-vlr-1-ref.html
== float-in-rtl-vlr-2a.html float-in-rtl-vlr-2-ref.html
== float-in-rtl-vlr-2b.html float-in-rtl-vlr-2-ref.html
== float-in-rtl-vlr-2c.html float-in-rtl-vlr-2-ref.html
fails == float-in-rtl-vlr-2d.html float-in-rtl-vlr-2-ref.html # bug 1122253
fails == float-in-rtl-vlr-3a.html float-in-rtl-vlr-3-ref.html # bug 1131451
fails == float-in-rtl-vlr-3b.html float-in-rtl-vlr-3-ref.html # bug 1131451
fails == float-in-rtl-vlr-3c.html float-in-rtl-vlr-3-ref.html # bug 1131451
fails == float-in-rtl-vlr-3d.html float-in-rtl-vlr-3-ref.html # bug 1131451
fails == float-in-rtl-vlr-4a.html float-in-rtl-vlr-4-ref.html # bug 1131451
fails == float-in-rtl-vlr-4b.html float-in-rtl-vlr-4-ref.html # bug 1131451
fails == float-in-rtl-vlr-4c.html float-in-rtl-vlr-4-ref.html # bug 1131451
fails == float-in-rtl-vlr-4d.html float-in-rtl-vlr-4-ref.html # bug 1131451
== float-in-rtl-vrl-1a.html float-in-rtl-vrl-1-ref.html
== float-in-rtl-vrl-1b.html float-in-rtl-vrl-1-ref.html
== float-in-rtl-vrl-1c.html float-in-rtl-vrl-1-ref.html
== float-in-rtl-vrl-1d.html float-in-rtl-vrl-1-ref.html
== float-in-rtl-vrl-2a.html float-in-rtl-vrl-2-ref.html
== float-in-rtl-vrl-2b.html float-in-rtl-vrl-2-ref.html
== float-in-rtl-vrl-2c.html float-in-rtl-vrl-2-ref.html
fails == float-in-rtl-vrl-2d.html float-in-rtl-vrl-2-ref.html # bug 1122253
fails == float-in-rtl-vrl-3a.html float-in-rtl-vrl-3-ref.html # bug 1131451
fails == float-in-rtl-vrl-3b.html float-in-rtl-vrl-3-ref.html # bug 1131451
fails == float-in-rtl-vrl-3c.html float-in-rtl-vrl-3-ref.html # bug 1131451
fails == float-in-rtl-vrl-3d.html float-in-rtl-vrl-3-ref.html # bug 1131451
fails == float-in-rtl-vrl-4a.html float-in-rtl-vrl-4-ref.html # bug 1131451
fails == float-in-rtl-vrl-4b.html float-in-rtl-vrl-4-ref.html # bug 1131451
fails == float-in-rtl-vrl-4c.html float-in-rtl-vrl-4-ref.html # bug 1131451
fails == float-in-rtl-vrl-4d.html float-in-rtl-vrl-4-ref.html # bug 1131451
pref(layout.css.vertical-text.enabled,true) fuzzy-if(OSX==1010,26,7) fuzzy-if(Android,16,2) == orthogonal-floats-1a.html orthogonal-floats-1-ref.html
pref(layout.css.vertical-text.enabled,true) fuzzy-if(OSX==1010,26,7) == orthogonal-floats-1b.html orthogonal-floats-1-ref.html
pref(layout.css.vertical-text.enabled,true) fuzzy-if(OSX==1010,103,802) fuzzy-if(winWidget,116,700) HTTP(..) == orthogonal-floats-1c.html orthogonal-floats-1-ref.html