summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/css/containment
diff options
context:
space:
mode:
Diffstat (limited to 'third_party/WebKit/LayoutTests/fast/css/containment')
-rw-r--r--third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-as-formatting-context-expected.txt1
-rw-r--r--third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-as-formatting-context.html24
-rw-r--r--third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-absolute-position-expected.html10
-rw-r--r--third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-absolute-position.html23
-rw-r--r--third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-box-shadow-expected.html10
-rw-r--r--third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-box-shadow.html16
-rw-r--r--third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-fixed-position-expected.html10
-rw-r--r--third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-fixed-position.html23
-rw-r--r--third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-transformed-descendant-expected.html10
-rw-r--r--third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-transformed-descendant.html22
10 files changed, 149 insertions, 0 deletions
diff --git a/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-as-formatting-context-expected.txt b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-as-formatting-context-expected.txt
new file mode 100644
index 0000000..7ef22e9
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-as-formatting-context-expected.txt
@@ -0,0 +1 @@
+PASS
diff --git a/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-as-formatting-context.html b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-as-formatting-context.html
new file mode 100644
index 0000000..128a79b
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-as-formatting-context.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<style>
+div {
+ height: 100px;
+ width: 100%;
+}
+.container {
+ contain: paint;
+ border: 1px solid black;
+}
+.overhangingContainer {
+ height: 10px;
+}
+.overhangingFloat {
+ float: left;
+}
+</style>
+<body>
+<div class="overhangingContainer"><div class="overhangingFloat"></div></div>
+<div class="container" data-offset-y=108></div>
+<script src="../../../resources/check-layout.js"></script>
+<script>
+checkLayout(".container");
+</script> \ No newline at end of file
diff --git a/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-absolute-position-expected.html b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-absolute-position-expected.html
new file mode 100644
index 0000000..b880446
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-absolute-position-expected.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+</style>
+<body>
+<div></div> \ No newline at end of file
diff --git a/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-absolute-position.html b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-absolute-position.html
new file mode 100644
index 0000000..bac8d56
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-absolute-position.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px;
+ height: 50px;
+}
+.container {
+ contain: paint;
+ background-color: green;
+}
+.absolute {
+ position: absolute;
+ top: 0px;
+ left: 100px;
+ background-color: red;
+}
+.inline {
+ display: inline-block;
+}
+</style>
+<body>
+<div class="container"><div class="absolute"></div></div>
+<div class="container inline"><div class="absolute"></div></div> \ No newline at end of file
diff --git a/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-box-shadow-expected.html b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-box-shadow-expected.html
new file mode 100644
index 0000000..b880446
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-box-shadow-expected.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+</style>
+<body>
+<div></div> \ No newline at end of file
diff --git a/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-box-shadow.html b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-box-shadow.html
new file mode 100644
index 0000000..ffa0f31
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-box-shadow.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px;
+ height: 100px;
+}
+#container {
+ contain: paint;
+}
+#child {
+ background-color: green;
+ -webkit-box-shadow: 0 0 100px 100px red;
+}
+</style>
+<body>
+<div id="container"><div id="child"></div></div> \ No newline at end of file
diff --git a/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-fixed-position-expected.html b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-fixed-position-expected.html
new file mode 100644
index 0000000..b880446
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-fixed-position-expected.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+</style>
+<body>
+<div></div> \ No newline at end of file
diff --git a/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-fixed-position.html b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-fixed-position.html
new file mode 100644
index 0000000..f028d8c
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-fixed-position.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px;
+ height: 50px;
+}
+.container {
+ contain: paint;
+ background-color: green;
+}
+.fixed {
+ position: fixed;
+ top: 0px;
+ left: 100px;
+ background-color: red;
+}
+.inline {
+ display: inline-block;
+}
+</style>
+<body>
+<div class="container"><div class="fixed"></div></div>
+<div class="container inline"><div class="fixed"></div></div> \ No newline at end of file
diff --git a/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-transformed-descendant-expected.html b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-transformed-descendant-expected.html
new file mode 100644
index 0000000..b880446
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-transformed-descendant-expected.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+}
+</style>
+<body>
+<div></div> \ No newline at end of file
diff --git a/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-transformed-descendant.html b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-transformed-descendant.html
new file mode 100644
index 0000000..d11d1821
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/css/containment/paint-containment-with-transformed-descendant.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px;
+ height: 50px;
+}
+.container {
+ contain: paint;
+ background-color: green;
+}
+.transform {
+ background-color: red;
+ top: 100px;
+ transform: translateZ(0) scaleY(2) translateX(100px);
+}
+.inline {
+ display: inline-block;
+}
+</style>
+<body>
+<div class="container"><div class="transform"></div></div>
+<div class="container inline"><div class="transform"></div></div> \ No newline at end of file