Skip to content

Commit

Permalink
Bug 1114329 - Reftests for floats within blocks of varying width and …
Browse files Browse the repository at this point in the history
…directionality. r=smontagu, a=test-only
  • Loading branch information
jfkthame committed Feb 18, 2015
1 parent 09de2de commit 8fd5d64
Show file tree
Hide file tree
Showing 21 changed files with 364 additions and 0 deletions.
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-1-ref.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body>
<div style="width:0px;height:0px;overflow:visible">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;left:200px;"></div>
</div>
<div style="width:0px;height:0px;overflow:visible">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;left:100px;"></div>
</div>
<div style="background:silver;padding-right:calc(100% - 100px);">
This text should appear to the LEFT of the red and green blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-1a.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body>
<div style="width:300px" dir="rtl">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
</div>
<div style="width:200px">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
</div>
<div style="background:silver">
This text should appear to the LEFT of the red and green blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-1b.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body>
<div style="width:300px">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
</div>
<div style="width:200px" dir="rtl">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
</div>
<div style="background:silver">
This text should appear to the LEFT of the red and green blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-1c.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body>
<div style="width:300px" dir="rtl">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
</div>
<div style="width:200px" dir="rtl">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
</div>
<div style="background:silver">
This text should appear to the LEFT of the red and green blocks.
</div>
</body>
</html>
19 changes: 19 additions & 0 deletions layout/reftests/floats/float-in-rtl-1d.html
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body>
<div dir="rtl" style="width:300px">
<div style="width:300px">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
</div>
<div style="width:200px">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
</div>
</div>
<div style="background:silver">
This text should appear to the LEFT of the red and green blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-2-ref.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body>
<div style="width:0px;height:0px;overflow:visible">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;left:0px;"></div>
</div>
<div style="width:0px;height:0px;overflow:visible">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;left:100px;"></div>
</div>
<div style="background:silver;padding-left:200px;">
This text should appear to the RIGHT of the green and red blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-2a.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body>
<div dir="rtl" style="width:300px">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
</div>
<div style="width:200px">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
</div>
<div style="background:silver">
This text should appear to the RIGHT of the green and red blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-2b.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body>
<div style="width:300px">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
</div>
<div dir="rtl" style="width:200px">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
</div>
<div style="background:silver">
This text should appear to the RIGHT of the green and red blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-2c.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body>
<div dir="rtl" style="width:300px">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
</div>
<div dir="rtl" style="width:200px">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
</div>
<div style="background:silver">
This text should appear to the RIGHT of the green and red blocks.
</div>
</body>
</html>
19 changes: 19 additions & 0 deletions layout/reftests/floats/float-in-rtl-2d.html
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body>
<div dir="rtl" style="width:-moz-fit-content">
<div style="width:300px">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
</div>
<div style="width:200px">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
</div>
</div>
<div style="background:silver">
This text should appear to the RIGHT of the green and red blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-3-ref.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body dir="rtl">
<div style="width:0px;height:0px;overflow:visible">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;right:200px;"></div>
</div>
<div style="width:0px;height:0px;overflow:visible">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;right:100px;"></div>
</div>
<div style="background:silver;padding-left:calc(100% - 100px);">
This text should appear to the RIGHT of the green and red blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-3a.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body dir="rtl">
<div dir="ltr" style="width:300px">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
</div>
<div style="width:200px">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
</div>
<div style="background:silver">
This text should appear to the RIGHT of the green and red blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-3b.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body dir="rtl">
<div style="width:300px">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
</div>
<div dir="ltr" style="width:200px">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
</div>
<div style="background:silver">
This text should appear to the RIGHT of the green and red blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-3c.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body dir="rtl">
<div dir="ltr" style="width:300px">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
</div>
<div dir="ltr" style="width:200px">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
</div>
<div style="background:silver">
This text should appear to the RIGHT of the green and red blocks.
</div>
</body>
</html>
19 changes: 19 additions & 0 deletions layout/reftests/floats/float-in-rtl-3d.html
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body dir="rtl">
<div dir="ltr" style="width:-moz-fit-content">
<div style="width:300px">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
</div>
<div style="width:200px">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
</div>
</div>
<div style="background:silver">
This text should appear to the RIGHT of the green and red blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-4-ref.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body dir="rtl">
<div style="width:0px;height:0px;overflow:visible">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;right:0px;"></div>
</div>
<div style="width:0px;height:0px;overflow:visible">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;right:100px;"></div>
</div>
<div style="background:silver;padding-right:200px;">
This text should appear to the LEFT of the red and green blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-4a.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body dir="rtl">
<div dir="ltr" style="width:300px">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
</div>
<div style="width:200px">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
</div>
<div style="background:silver">
This text should appear to the LEFT of the red and green blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-4b.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body dir="rtl">
<div style="width:300px">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
</div>
<div dir="ltr" style="width:200px">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
</div>
<div style="background:silver">
This text should appear to the LEFT of the red and green blocks.
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions layout/reftests/floats/float-in-rtl-4c.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body dir="rtl">
<div dir="ltr" style="width:300px">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
</div>
<div dir="ltr" style="width:200px">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
</div>
<div style="background:silver">
This text should appear to the LEFT of the red and green blocks.
</div>
</body>
</html>
19 changes: 19 additions & 0 deletions layout/reftests/floats/float-in-rtl-4d.html
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>Bug 1114329 testcase</title>
</head>
<body dir="rtl">
<div dir="ltr" style="width:-moz-fit-content">
<div style="width:300px">
<div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
</div>
<div style="width:200px">
<div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
</div>
</div>
<div style="background:silver">
This text should appear to the LEFT of the red and green blocks.
</div>
</body>
</html>
16 changes: 16 additions & 0 deletions layout/reftests/floats/reftest.list
Expand Up @@ -19,3 +19,19 @@ fails == 345369-2.html 345369-2-ref.html
== 546048-1.html 546048-1-ref.html
== 775350-1.html 775350-1-ref.html
== 1114329.html 1114329-ref.html
== float-in-rtl-1a.html float-in-rtl-1-ref.html
== float-in-rtl-1b.html float-in-rtl-1-ref.html
== float-in-rtl-1c.html float-in-rtl-1-ref.html
== float-in-rtl-1d.html float-in-rtl-1-ref.html
== float-in-rtl-2a.html float-in-rtl-2-ref.html
== float-in-rtl-2b.html float-in-rtl-2-ref.html
== float-in-rtl-2c.html float-in-rtl-2-ref.html
== float-in-rtl-2d.html float-in-rtl-2-ref.html
== float-in-rtl-3a.html float-in-rtl-3-ref.html
== float-in-rtl-3b.html float-in-rtl-3-ref.html
== float-in-rtl-3c.html float-in-rtl-3-ref.html
== float-in-rtl-3d.html float-in-rtl-3-ref.html
== float-in-rtl-4a.html float-in-rtl-4-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

0 comments on commit 8fd5d64

Please sign in to comment.