mobile/android/tests/browser/robocop/robocop_boxes.html
author Frederik Braun <fbraun@mozilla.com>
Wed, 28 Jun 2017 12:50:38 -0700
changeset 367193 003e74a2a953449614ea1355f7f5b9dfdcf1654c
parent 366665 36ea00c880db9a3a16e5e9e8441bdf87e3012f81
permissions -rw-r--r--
Bug 1351608 - Disable warnings for existing violations to no-unsanitize rule r=Standard8. MozReview-Commit-ID: 7cTNL5jMtRw

<!--
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;
        // eslint-disable-next-line no-unsanitized/method
        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>