aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--tests/wpt/mozilla/meta/MANIFEST.json26
-rw-r--r--tests/wpt/mozilla/tests/css/canvas_over_area.html37
-rw-r--r--tests/wpt/mozilla/tests/css/canvas_over_area_ref.html11
3 files changed, 73 insertions, 1 deletions
diff --git a/tests/wpt/mozilla/meta/MANIFEST.json b/tests/wpt/mozilla/meta/MANIFEST.json
index 6132dea8524..10980937d89 100644
--- a/tests/wpt/mozilla/meta/MANIFEST.json
+++ b/tests/wpt/mozilla/meta/MANIFEST.json
@@ -1007,6 +1007,18 @@
"url": "/_mozilla/css/canvas_linear_gradient_a.html"
}
],
+ "css/canvas_over_area.html": [
+ {
+ "path": "css/canvas_over_area.html",
+ "references": [
+ [
+ "/_mozilla/css/canvas_over_area_ref.html",
+ "=="
+ ]
+ ],
+ "url": "/_mozilla/css/canvas_over_area.html"
+ }
+ ],
"css/case-insensitive-font-family.html": [
{
"path": "css/case-insensitive-font-family.html",
@@ -5730,6 +5742,18 @@
"url": "/_mozilla/css/canvas_linear_gradient_a.html"
}
],
+ "css/canvas_over_area.html": [
+ {
+ "path": "css/canvas_over_area.html",
+ "references": [
+ [
+ "/_mozilla/css/canvas_over_area_ref.html",
+ "=="
+ ]
+ ],
+ "url": "/_mozilla/css/canvas_over_area.html"
+ }
+ ],
"css/case-insensitive-font-family.html": [
{
"path": "css/case-insensitive-font-family.html",
@@ -8808,4 +8832,4 @@
"rev": null,
"url_base": "/_mozilla/",
"version": 2
-} \ No newline at end of file
+}
diff --git a/tests/wpt/mozilla/tests/css/canvas_over_area.html b/tests/wpt/mozilla/tests/css/canvas_over_area.html
new file mode 100644
index 00000000000..c1e062cad68
--- /dev/null
+++ b/tests/wpt/mozilla/tests/css/canvas_over_area.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<body>
+<link rel='match' href='canvas_over_area_ref.html'>
+<style>
+
+#base {
+ background-color: red;
+ height: 100px;
+ width: 100px;
+}
+
+#painted {
+ width: 100px;
+ height: 100px;
+ position: relative;
+ top: -100px;
+}
+</style>
+
+<div id="base"></div>
+<canvas id="painted"></canvas>
+
+
+<script>
+onload = function() {
+ var obj = document.getElementById("painted");
+ obj.width = 500;
+ obj.height = 500;
+ var context = obj.getContext("2d");
+ context.save();
+ context.fillStyle = "green";
+ context.fillRect(0, 0, 500, 500);
+ context.restore();
+};
+</script>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/css/canvas_over_area_ref.html b/tests/wpt/mozilla/tests/css/canvas_over_area_ref.html
new file mode 100644
index 00000000000..5cfa3c76ad6
--- /dev/null
+++ b/tests/wpt/mozilla/tests/css/canvas_over_area_ref.html
@@ -0,0 +1,11 @@
+<style>
+
+#base {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+}
+
+</style>
+
+<div id="base"></div>