[SCM] WebKit Debian packaging branch, debian/unstable, updated. debian/1.1.15-1-40151-g37bb677
hyatt
hyatt at 268f45cc-cd09-0410-ab3c-d52691b4dbfc
Sat Sep 26 07:57:37 UTC 2009
The following commit has been merged in the debian/unstable branch:
commit dd043ccb098290e0eea1d5e837a77cfb7c2c445d
Author: hyatt <hyatt at 268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Date: Thu Sep 25 00:44:44 2003 +0000
Adding clipping tests.
git-svn-id: http://svn.webkit.org/repository/webkit/trunk@5050 268f45cc-cd09-0410-ab3c-d52691b4dbfc
diff --git a/LayoutTests/fast/clip/001-expected.txt b/LayoutTests/fast/clip/001-expected.txt
new file mode 100644
index 0000000..1a48a1c
--- /dev/null
+++ b/LayoutTests/fast/clip/001-expected.txt
@@ -0,0 +1,12 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x33
+ RenderBlock {HTML} at (0,0) size 800x33
+ RenderBody {BODY} at (8,8) size 784x17
+ RenderText {TEXT} at (0,0) size 591x17
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 183: "x100 green square below. "
+ text run at (330,0) width 261: "If you see any red, the test has failed. "
+layer at (8,25) size 200x200 backgroundClip at (108,125) size 100x100 clip at (108,125) size 100x100
+ RenderBlock (positioned) {DIV} at (8,25) size 200x200 [bgcolor=#008000]
+ RenderBlock {DIV} at (0,0) size 100x100 [bgcolor=#FF0000]
diff --git a/LayoutTests/fast/clip/001.html b/LayoutTests/fast/clip/001.html
new file mode 100644
index 0000000..6e3c40d
--- /dev/null
+++ b/LayoutTests/fast/clip/001.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+.green {
+ width: 200px;
+ height: 200px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ background-color: red;
+}
+
+.overflow {
+ overflow: hidden;
+}
+
+.clip {
+ position: absolute;
+ clip: rect(100px 200px 200px 100px);
+}
+</style>
+<body>
+You should see a 100x100 green square below. If you see any red, the test
+has failed.
+
+<div class="green clip"><div class="red"></div></div>
\ No newline at end of file
diff --git a/LayoutTests/fast/clip/002-expected.txt b/LayoutTests/fast/clip/002-expected.txt
new file mode 100644
index 0000000..97a068a
--- /dev/null
+++ b/LayoutTests/fast/clip/002-expected.txt
@@ -0,0 +1,13 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x133
+ RenderBlock {HTML} at (0,0) size 800x133
+ RenderBody {BODY} at (8,8) size 784x117
+ RenderBlock (anonymous) at (0,0) size 784x17
+ RenderText {TEXT} at (0,0) size 587x17
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 183: "x100 green square below. "
+ text run at (330,0) width 257: "If you see any red, the test has failed."
+layer at (8,25) size 100x100
+ RenderBlock {DIV} at (0,17) size 100x100 [bgcolor=#008000]
+ RenderBlock {DIV} at (0,100) size 100x100 [bgcolor=#FF0000]
diff --git a/LayoutTests/fast/clip/002.html b/LayoutTests/fast/clip/002.html
new file mode 100644
index 0000000..d7ed4d2
--- /dev/null
+++ b/LayoutTests/fast/clip/002.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ background-color: red;
+ margin-top:100px;
+}
+
+.overflow {
+ overflow: hidden;
+}
+</style>
+<body>
+You should see a 100x100 green square below. If you see any red, the test
+has failed.
+
+<div class="green overflow"><div class="red"></div></div>
diff --git a/LayoutTests/fast/clip/003-expected.txt b/LayoutTests/fast/clip/003-expected.txt
new file mode 100644
index 0000000..8ef8483
--- /dev/null
+++ b/LayoutTests/fast/clip/003-expected.txt
@@ -0,0 +1,15 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x133
+ RenderBlock {HTML} at (0,0) size 800x133
+ RenderBody {BODY} at (8,8) size 784x117
+ RenderBlock (anonymous) at (0,0) size 784x17
+ RenderText {TEXT} at (0,0) size 587x17
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 183: "x100 green square below. "
+ text run at (330,0) width 257: "If you see any red, the test has failed."
+layer at (8,25) size 100x100
+ RenderBlock {DIV} at (0,17) size 100x100
+ RenderBlock {DIV} at (100,100) size 100x100 [bgcolor=#FF0000]
+layer at (150,100) size 100x100
+ RenderBlock (positioned) {DIV} at (150,100) size 100x100 [bgcolor=#008000]
diff --git a/LayoutTests/fast/clip/003.html b/LayoutTests/fast/clip/003.html
new file mode 100644
index 0000000..9d44230
--- /dev/null
+++ b/LayoutTests/fast/clip/003.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.overflow {
+ overflow: hidden;
+ width: 100px;
+ height: 100px;
+}
+
+.positioned {
+ position: absolute;
+ left:150px;
+ top: 100px;
+}
+</style>
+<body>
+You should see a 100x100 green square below. If you see any red, the test
+has failed.
+
+<div class="overflow">
+<div class="red"></div>
+<div class="green positioned"></div>
+</div>
diff --git a/LayoutTests/fast/clip/004-expected.txt b/LayoutTests/fast/clip/004-expected.txt
new file mode 100644
index 0000000..3c70a43
--- /dev/null
+++ b/LayoutTests/fast/clip/004-expected.txt
@@ -0,0 +1,15 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x50
+ RenderBlock {HTML} at (0,0) size 800x50
+ RenderBody {BODY} at (8,8) size 784x34
+ RenderText {TEXT} at (0,0) size 749x34
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 183: "x100 green square below. "
+ text run at (330,0) width 261: "If you see any red, the test has failed. "
+ text run at (591,0) width 158: "This test is checking to"
+ text run at (0,17) width 233: "make sure overflow is done using "
+ text run at (233,17) width 181: "a containing block model. "
+layer at (8,42) size 100x100
+ RenderBlock (positioned) {DIV} at (8,42) size 100x100 [bgcolor=#008000]
+ RenderBlock {DIV} at (100,100) size 100x100 [bgcolor=#FF0000]
diff --git a/LayoutTests/fast/clip/004.html b/LayoutTests/fast/clip/004.html
new file mode 100644
index 0000000..e4e5568
--- /dev/null
+++ b/LayoutTests/fast/clip/004.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.overflow {
+ overflow: hidden;
+}
+
+.positioned {
+ position: absolute;
+}
+</style>
+<body>
+You should see a 100x100 green square below. If you see any red, the test
+has failed. This test is checking to make sure overflow is done using
+a containing block model.
+
+<div class="overflow green positioned">
+<div class="red"></div>
+<div class="red positioned"></div>
+</div>
diff --git a/LayoutTests/fast/clip/005-expected.txt b/LayoutTests/fast/clip/005-expected.txt
new file mode 100644
index 0000000..3349ac3
--- /dev/null
+++ b/LayoutTests/fast/clip/005-expected.txt
@@ -0,0 +1,16 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x150
+ RenderBlock {HTML} at (0,0) size 800x150
+ RenderBody {BODY} at (8,8) size 784x134
+ RenderBlock (anonymous) at (0,0) size 784x34
+ RenderText {TEXT} at (0,0) size 749x34
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 183: "x100 green square below. "
+ text run at (330,0) width 261: "If you see any red, the test has failed. "
+ text run at (591,0) width 158: "This test is checking to"
+ text run at (0,17) width 233: "make sure overflow is done using "
+ text run at (233,17) width 177: "a containing block model."
+layer at (8,42) size 100x100
+ RenderBlock (relative positioned) {DIV} at (0,34) size 100x100 [bgcolor=#008000]
+ RenderBlock {DIV} at (100,100) size 100x100 [bgcolor=#FF0000]
diff --git a/LayoutTests/fast/clip/005.html b/LayoutTests/fast/clip/005.html
new file mode 100644
index 0000000..f2a8543
--- /dev/null
+++ b/LayoutTests/fast/clip/005.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.overflow {
+ overflow: hidden;
+}
+
+.positioned {
+ position: relative;
+}
+</style>
+<body>
+You should see a 100x100 green square below. If you see any red, the test
+has failed. This test is checking to make sure overflow is done using
+a containing block model.
+
+<div class="overflow green positioned">
+<div class="red"></div>
+<div class="red positioned"></div>
+</div>
diff --git a/LayoutTests/fast/clip/006-expected.txt b/LayoutTests/fast/clip/006-expected.txt
new file mode 100644
index 0000000..45707b5
--- /dev/null
+++ b/LayoutTests/fast/clip/006-expected.txt
@@ -0,0 +1,18 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x67
+ RenderBlock {HTML} at (0,0) size 800x67
+ RenderBody {BODY} at (8,8) size 784x51
+ RenderText {TEXT} at (0,0) size 760x51
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 183: "x100 green square below. "
+ text run at (330,0) width 401: "If you see nothing at all or see any red, the test has failed. "
+ text run at (731,0) width 29: "This"
+ text run at (0,17) width 362: "test is checking to make sure overflow is done using "
+ text run at (362,17) width 365: "a containing block model, and that a fixed positioned"
+ text run at (0,34) width 524: "element inside another fixed positioned element is not considered overflow. "
+layer at (8,59) size 100x100
+ RenderBlock (positioned) {DIV} at (8,59) size 100x100
+ RenderBlock {DIV} at (100,100) size 100x100 [bgcolor=#FF0000]
+layer at (100,70) size 100x100
+ RenderBlock (positioned) {DIV} at (100,70) size 100x100 [bgcolor=#008000]
diff --git a/LayoutTests/fast/clip/006.html b/LayoutTests/fast/clip/006.html
new file mode 100644
index 0000000..3ad04d0
--- /dev/null
+++ b/LayoutTests/fast/clip/006.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+ left: 100px;
+ top: 70px;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.overflow {
+ overflow: hidden;
+ width: 100px;
+ height: 100px;
+}
+
+.positioned {
+ position: fixed;
+}
+</style>
+<body>
+You should see a 100x100 green square below. If you see nothing at all or see any red, the test
+has failed. This test is checking to make sure overflow is done using
+a containing block model, and that a fixed positioned element inside another fixed positioned
+element is not considered overflow.
+
+<div class="overflow positioned">
+<div class="red"></div>
+<div class="green positioned"></div>
+</div>
diff --git a/LayoutTests/fast/clip/007-expected.txt b/LayoutTests/fast/clip/007-expected.txt
new file mode 100644
index 0000000..0057472
--- /dev/null
+++ b/LayoutTests/fast/clip/007-expected.txt
@@ -0,0 +1,23 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x67
+ RenderBlock {HTML} at (0,0) size 800x67
+ RenderBody {BODY} at (8,8) size 784x51
+ RenderText {TEXT} at (0,0) size 760x51
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 183: "x100 green square below. "
+ text run at (330,0) width 401: "If you see nothing at all or see any red, the test has failed. "
+ text run at (731,0) width 29: "This"
+ text run at (0,17) width 362: "test is checking to make sure overflow is done using "
+ text run at (362,17) width 365: "a containing block model, and that a fixed positioned"
+ text run at (0,34) width 512: "element inside an absolute positioned element is not considered overflow. "
+ RenderText {TEXT} at (512,34) size 4x17
+ text run at (512,34) width 4: " "
+layer at (8,59) size 100x100
+ RenderBlock (positioned) {DIV} at (8,59) size 100x100
+ RenderText {TEXT} at (0,0) size 0x0
+layer at (100,100) size 100x100
+ RenderBlock (positioned) {DIV} at (100,100) size 100x100
+ RenderText {TEXT} at (0,0) size 0x0
+layer at (200,200) size 100x100
+ RenderBlock (positioned) {DIV} at (100,100) size 100x100 [bgcolor=#008000]
diff --git a/LayoutTests/fast/clip/007.html b/LayoutTests/fast/clip/007.html
new file mode 100644
index 0000000..be0fcca
--- /dev/null
+++ b/LayoutTests/fast/clip/007.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+div {
+ width: 100px;
+ height: 100px;
+}
+
+.green {
+ background-color: green;
+}
+
+.red {
+ background-color: red;
+}
+
+.overflow {
+ overflow: hidden;
+}
+
+.positioned {
+ position: absolute;
+}
+
+.fixed {
+ position: fixed;
+ left: 100px;
+ top: 100px;
+}
+
+.offset {
+ left: 100px;
+ top: 100px;
+}
+</style>
+<body>
+You should see a 100x100 green square below. If you see nothing at all or see any red, the test
+has failed. This test is checking to make sure overflow is done using
+a containing block model, and that a fixed positioned element inside an absolute positioned
+element is not considered overflow.
+
+<div class="overflow positioned">
+ <div class="fixed">
+ <div class="offset green positioned"></div>
+ </div>
+</div>
+
diff --git a/LayoutTests/fast/clip/008-expected.txt b/LayoutTests/fast/clip/008-expected.txt
new file mode 100644
index 0000000..a2594de
--- /dev/null
+++ b/LayoutTests/fast/clip/008-expected.txt
@@ -0,0 +1,22 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x67
+ RenderBlock {HTML} at (0,0) size 800x67
+ RenderBody {BODY} at (8,8) size 784x51
+ RenderText {TEXT} at (0,0) size 760x51
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 183: "x100 green square below. "
+ text run at (330,0) width 401: "If you see nothing at all or see any red, the test has failed. "
+ text run at (731,0) width 29: "This"
+ text run at (0,17) width 362: "test is checking to make sure overflow is done using "
+ text run at (362,17) width 365: "a containing block model, and that a fixed positioned"
+ text run at (0,34) width 512: "element inside an absolute positioned element is not considered overflow. "
+ RenderText {TEXT} at (512,34) size 4x17
+ text run at (512,34) width 4: " "
+layer at (8,59) size 100x100
+ RenderBlock (positioned) {DIV} at (8,59) size 100x100
+ RenderText {TEXT} at (0,0) size 0x0
+layer at (100,100) size 200x200
+ RenderBlock (positioned) {DIV} at (100,100) size 100x100
+layer at (200,200) size 100x100
+ RenderBlock {DIV} at (100,100) size 100x100 [bgcolor=#008000]
diff --git a/LayoutTests/fast/clip/008.html b/LayoutTests/fast/clip/008.html
new file mode 100644
index 0000000..0b5cc7c
--- /dev/null
+++ b/LayoutTests/fast/clip/008.html
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+div {
+ width: 100px;
+ height: 100px;
+}
+
+.green {
+ background-color: green;
+}
+
+.red {
+ background-color: red;
+}
+
+.overflow {
+ overflow: hidden;
+}
+
+.positioned {
+ position: absolute;
+}
+
+.fixed {
+ position: fixed;
+ left: 100px;
+ top: 100px;
+}
+
+.offset {
+ margin-left: 100px;
+ margin-top: 100px;
+}
+</style>
+<body>
+You should see a 100x100 green square below. If you see nothing at all or see any red, the test
+has failed. This test is checking to make sure overflow is done using
+a containing block model, and that a fixed positioned element inside an absolute positioned
+element is not considered overflow.
+
+<div class="overflow positioned">
+ <div class="fixed">
+ <div class="offset green overflow"></div>
+ </div>
+</div>
+
diff --git a/LayoutTests/fast/clip/009-expected.txt b/LayoutTests/fast/clip/009-expected.txt
new file mode 100644
index 0000000..ea0c51e
--- /dev/null
+++ b/LayoutTests/fast/clip/009-expected.txt
@@ -0,0 +1,14 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x50
+ RenderBlock {HTML} at (0,0) size 800x50
+ RenderBody {BODY} at (8,8) size 784x34
+ RenderText {TEXT} at (0,0) size 749x34
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 183: "x100 green square below. "
+ text run at (330,0) width 261: "If you see any red, the test has failed. "
+ text run at (591,0) width 158: "This test is checking to"
+ text run at (0,17) width 316: "make sure clip is applying to all descendants. "
+layer at (8,42) size 200x200 backgroundClip at (8,42) size 100x100 clip at (8,42) size 100x100
+ RenderBlock (positioned) {DIV} at (8,42) size 100x100 [bgcolor=#008000]
+ RenderBlock {DIV} at (100,100) size 100x100 [bgcolor=#FF0000]
diff --git a/LayoutTests/fast/clip/009.html b/LayoutTests/fast/clip/009.html
new file mode 100644
index 0000000..591c87b
--- /dev/null
+++ b/LayoutTests/fast/clip/009.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.clip {
+ clip: rect(0px 100px 100px 0px);
+}
+
+.positioned {
+ position: absolute;
+}
+</style>
+<body>
+You should see a 100x100 green square below. If you see any red, the test
+has failed. This test is checking to make sure clip is applying to all
+descendants.
+
+<div class="clip green positioned">
+<div class="red"></div>
+<div class="red positioned"></div>
+</div>
diff --git a/LayoutTests/fast/clip/010-expected.txt b/LayoutTests/fast/clip/010-expected.txt
new file mode 100644
index 0000000..ea0c51e
--- /dev/null
+++ b/LayoutTests/fast/clip/010-expected.txt
@@ -0,0 +1,14 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x50
+ RenderBlock {HTML} at (0,0) size 800x50
+ RenderBody {BODY} at (8,8) size 784x34
+ RenderText {TEXT} at (0,0) size 749x34
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 183: "x100 green square below. "
+ text run at (330,0) width 261: "If you see any red, the test has failed. "
+ text run at (591,0) width 158: "This test is checking to"
+ text run at (0,17) width 316: "make sure clip is applying to all descendants. "
+layer at (8,42) size 200x200 backgroundClip at (8,42) size 100x100 clip at (8,42) size 100x100
+ RenderBlock (positioned) {DIV} at (8,42) size 100x100 [bgcolor=#008000]
+ RenderBlock {DIV} at (100,100) size 100x100 [bgcolor=#FF0000]
diff --git a/LayoutTests/fast/clip/010.html b/LayoutTests/fast/clip/010.html
new file mode 100644
index 0000000..3ec8a7c
--- /dev/null
+++ b/LayoutTests/fast/clip/010.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.clip {
+ clip: rect(0px 100px 100px 0px);
+}
+
+.positioned {
+ position: fixed;
+}
+</style>
+<body>
+You should see a 100x100 green square below. If you see any red, the test
+has failed. This test is checking to make sure clip is applying to all
+descendants.
+
+<div class="clip green positioned">
+<div class="red"></div>
+<div class="red positioned"></div>
+</div>
diff --git a/LayoutTests/fast/clip/011-expected.txt b/LayoutTests/fast/clip/011-expected.txt
new file mode 100644
index 0000000..fe30190
--- /dev/null
+++ b/LayoutTests/fast/clip/011-expected.txt
@@ -0,0 +1,14 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x50
+ RenderBlock {HTML} at (0,0) size 800x50
+ RenderBody {BODY} at (8,8) size 784x34
+ RenderText {TEXT} at (0,0) size 749x34
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 183: "x100 green square below. "
+ text run at (330,0) width 261: "If you see any red, the test has failed. "
+ text run at (591,0) width 158: "This test is checking to"
+ text run at (0,17) width 316: "make sure clip is applying to all descendants. "
+layer at (8,42) size 200x400 backgroundClip at (8,42) size 100x100 clip at (8,42) size 100x100
+ RenderBlock (positioned) {DIV} at (8,42) size 100x100 [bgcolor=#008000]
+ RenderBlock {DIV} at (100,100) size 100x100 [bgcolor=#FF0000]
diff --git a/LayoutTests/fast/clip/011.html b/LayoutTests/fast/clip/011.html
new file mode 100644
index 0000000..f4f465f
--- /dev/null
+++ b/LayoutTests/fast/clip/011.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.clip {
+ clip: rect(0px 100px 100px 0px);
+}
+
+.positioned {
+ position: fixed;
+}
+
+.overflow {
+ overflow: hidden;
+}
+
+</style>
+<body>
+You should see a 100x100 green square below. If you see any red, the test
+has failed. This test is checking to make sure clip is applying to all
+descendants.
+
+<div class="clip green positioned">
+<div class="red"></div>
+<div class="red overflow"></div>
+</div>
diff --git a/LayoutTests/fast/clip/012-expected.txt b/LayoutTests/fast/clip/012-expected.txt
new file mode 100644
index 0000000..fe30190
--- /dev/null
+++ b/LayoutTests/fast/clip/012-expected.txt
@@ -0,0 +1,14 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x50
+ RenderBlock {HTML} at (0,0) size 800x50
+ RenderBody {BODY} at (8,8) size 784x34
+ RenderText {TEXT} at (0,0) size 749x34
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 183: "x100 green square below. "
+ text run at (330,0) width 261: "If you see any red, the test has failed. "
+ text run at (591,0) width 158: "This test is checking to"
+ text run at (0,17) width 316: "make sure clip is applying to all descendants. "
+layer at (8,42) size 200x400 backgroundClip at (8,42) size 100x100 clip at (8,42) size 100x100
+ RenderBlock (positioned) {DIV} at (8,42) size 100x100 [bgcolor=#008000]
+ RenderBlock {DIV} at (100,100) size 100x100 [bgcolor=#FF0000]
diff --git a/LayoutTests/fast/clip/012.html b/LayoutTests/fast/clip/012.html
new file mode 100644
index 0000000..3beeb84
--- /dev/null
+++ b/LayoutTests/fast/clip/012.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+
+.red {
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ margin-left: 100px;
+ background-color: red;
+}
+
+.clip {
+ clip: rect(0px 100px 100px 0px);
+}
+
+.positioned {
+ position: absolute;
+}
+
+.overflow {
+ overflow: hidden;
+}
+
+</style>
+<body>
+You should see a 100x100 green square below. If you see any red, the test
+has failed. This test is checking to make sure clip is applying to all
+descendants.
+
+<div class="clip green positioned">
+<div class="red"></div>
+<div class="red overflow"></div>
+</div>
diff --git a/LayoutTests/fast/clip/013-expected.txt b/LayoutTests/fast/clip/013-expected.txt
new file mode 100644
index 0000000..4c6344a
--- /dev/null
+++ b/LayoutTests/fast/clip/013-expected.txt
@@ -0,0 +1,13 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x50
+ RenderBlock {HTML} at (0,0) size 800x50
+ RenderBody {BODY} at (8,8) size 784x34
+ RenderText {TEXT} at (0,0) size 749x34
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 183: "x100 green square below. "
+ text run at (330,0) width 261: "If you see any red, the test has failed. "
+ text run at (591,0) width 158: "This test is checking to"
+ text run at (0,17) width 527: "make sure clip applies to the element itself and starts from the border edge. "
+layer at (8,42) size 120x120 backgroundClip at (18,52) size 100x100 clip at (18,52) size 100x100
+ RenderBlock (positioned) {DIV} at (8,42) size 120x120 [bgcolor=#008000]
diff --git a/LayoutTests/fast/clip/013.html b/LayoutTests/fast/clip/013.html
new file mode 100644
index 0000000..2cc789f
--- /dev/null
+++ b/LayoutTests/fast/clip/013.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+.green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+ border: 10px solid red;
+}
+
+.clip {
+ clip: rect(10px 110px 110px 10px);
+}
+
+.positioned {
+ position: absolute;
+}
+
+</style>
+<body>
+You should see a 100x100 green square below. If you see any red, the test
+has failed. This test is checking to make sure clip applies to the element
+itself and starts from the border edge.
+
+<div class="clip green positioned">
+</div>
diff --git a/LayoutTests/fast/clip/014-expected.txt b/LayoutTests/fast/clip/014-expected.txt
new file mode 100644
index 0000000..a5dce02
--- /dev/null
+++ b/LayoutTests/fast/clip/014-expected.txt
@@ -0,0 +1,16 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x67
+ RenderBlock {HTML} at (0,0) size 800x67
+ RenderBody {BODY} at (8,8) size 784x51
+ RenderText {TEXT} at (0,0) size 780x51
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 291: "x100 green square with a scrollbar below. "
+ text run at (438,0) width 261: "If you see any red, the test has failed. "
+ text run at (699,0) width 75: "This test is"
+ text run at (0,17) width 754: "checking to make sure clip applies to the element itself, starts from the border edge, and clips out scrollbars. "
+ text run at (754,17) width 26: "The"
+ text run at (0,34) width 373: "bottom of the scrolling mechanism should be clipped. "
+layer at (8,59) size 120x220 backgroundClip at (18,69) size 100x100 clip at (18,69) size 85x100
+ RenderBlock (positioned) {DIV} at (8,59) size 120x220 [bgcolor=#008000]
+ RenderBlock {DIV} at (10,10) size 85x1000 [bgcolor=#000000]
diff --git a/LayoutTests/fast/clip/014.html b/LayoutTests/fast/clip/014.html
new file mode 100644
index 0000000..09c6f71
--- /dev/null
+++ b/LayoutTests/fast/clip/014.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+.green {
+ width: 100px;
+ height: 200px;
+ background-color: green;
+ border: 10px solid red;
+}
+
+.clip {
+ clip: rect(10px 110px 110px 10px);
+}
+
+.positioned {
+ position: absolute;
+ overflow: scroll;
+}
+
+.tall {
+ height: 1000px;
+}
+
+</style>
+<body>
+You should see a 100x100 green square with a scrollbar below. If you see any red, the test
+has failed. This test is checking to make sure clip applies to the element
+itself, starts from the border edge, and clips out scrollbars. The bottom
+of the scrolling mechanism should be clipped.
+
+<div class="clip green positioned">
+<div class="tall"></div>
+</div>
diff --git a/LayoutTests/fast/clip/015-expected.txt b/LayoutTests/fast/clip/015-expected.txt
new file mode 100644
index 0000000..d357a3e
--- /dev/null
+++ b/LayoutTests/fast/clip/015-expected.txt
@@ -0,0 +1,13 @@
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x150
+ RenderBlock {HTML} at (0,0) size 800x150
+ RenderBody {BODY} at (8,8) size 784x134
+ RenderBlock (anonymous) at (0,0) size 784x34
+ RenderText {TEXT} at (0,0) size 732x34
+ text run at (0,0) width 147: "You should see a 100"
+ text run at (147,0) width 183: "x100 green square below. "
+ text run at (330,0) width 402: "This test makes sure overflow uses containing blocks when"
+ text run at (0,17) width 60: "clipping."
+layer at (8,42) size 100x100
+ RenderBlock {DIV} at (0,34) size 100x100 [bgcolor=#008000]
diff --git a/LayoutTests/fast/clip/015.html b/LayoutTests/fast/clip/015.html
new file mode 100644
index 0000000..4141795
--- /dev/null
+++ b/LayoutTests/fast/clip/015.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html>
+<head>
+<style>
+div {
+ width: 100px;
+ height: 100px;
+}
+
+.green {
+ background-color: green;
+}
+
+.red {
+ background-color: red;
+}
+
+.absolute {
+ position: absolute;
+ top:100px;
+ left:100px;
+}
+
+.relative {
+ position: relative;
+ top:100px;
+ left:100px;
+}
+
+.overflow {
+ overflow: hidden;
+}
+</style>
+<body>
+You should see a 100x100 green square below. This test makes sure overflow uses
+containing blocks when clipping.
+
+<div class="green overflow">
+ <div class="red relative">
+ <div class="absolute red"></div>
+ </div>
+</div>
--
WebKit Debian packaging
More information about the Pkg-webkit-commits
mailing list