summaryrefslogtreecommitdiffstats
path: root/mobile/android/tests/browser/robocop/robocop_boxes.html
diff options
context:
space:
mode:
Diffstat (limited to 'mobile/android/tests/browser/robocop/robocop_boxes.html')
-rw-r--r--mobile/android/tests/browser/robocop/robocop_boxes.html42
1 files changed, 42 insertions, 0 deletions
diff --git a/mobile/android/tests/browser/robocop/robocop_boxes.html b/mobile/android/tests/browser/robocop/robocop_boxes.html
new file mode 100644
index 000000000..82934a064
--- /dev/null
+++ b/mobile/android/tests/browser/robocop/robocop_boxes.html
@@ -0,0 +1,42 @@
+<!--
+DO NOT MODIFY THIS FILE UNLESS YOU KNOW WHAT YOU ARE DOING!
+
+This file is specifically designed to create a page larger than
+any screen fennec could run on (to allow panning in both axes).
+It is filled with 100x100 pixel boxes that are of unique colour,
+so that we can identify exactly what part of the page we are
+rendering at any given time. The colours are specifically chosen
+so that adjacent boxes have a fairly large variation in colour,
+and so that errors due to 565/888 conversion are minimised. This
+is done by dropping the bottom few bits on each color channel,
+so that conversion from 888->565 is pretty much lossless, and any
+variation only comes in from however the drivers do 565->888.
+
+A lot of the tests depend on this behaviour, so ensure that all
+the tests pass (on a variety of screen sizes) when making any
+changes to this file.
+ -->
+<html style="margin: 0; padding: 0">
+<head>
+ <title>Browser Box test</title>
+ <meta name="viewport" content="initial-scale=1.0"/>
+ <meta charset="utf-8">
+</head>
+<body style="margin: 0; padding: 0">
+<script type="text/javascript">
+for (var y = 0; y < 2000; y += 100) {
+ document.write("<div style='width: 2000px; height: 100px; margin: 0; padding: 0; border: none'>\n");
+ for (var x = 0; x < 2000; x += 100) {
+ var r = (Math.floor(x / 3) % 256);
+ r = r & 0xF8;
+ var g = (x + y) % 256;
+ g = g & 0xFC;
+ var b = (Math.floor(y / 3) % 256);
+ b = b & 0xF8;
+ document.write("<div style='float: left; width: 100px; height: 100px; margin: 0; padding: 0; border: none; background-color: rgb(" + r + "," + g + "," + b + ")'> </div>\n");
+ }
+ document.write("</div>\n");
+}
+</script>
+</body>
+</html>