Convert fast/canvas Layouttests to testharness

third_party/WebKit/LayoutTests/fast/canvas/script-tests/translate-text.js

-description("Test for chromium's canvas bug where fillText resets the current context https://bugs.webkit.org/show_bug.cgi?id=26436 . You must see green box with message 'This text should be seen', and black box below the green box.")

[sivag, 2016/09/15 05:31:14]

May be you can keep the bug-id part and description as a comment in html file.

[Abhishek Kanike, 2016/09/15 11:52:56]

Done.

-
-function pixelValueAt(context, x, y) {
-    var imageData = context.getImageData(x, y, 1, 1);
-    return imageData.data;
-}
-
-function pixelToString(p) {
-    return "[" + p[0] + ", " + p[1] + ", " + p[2] + ", " + p[3] + "]"
-}
-
-function pixelShouldBe(context, x, y, expectedPixelString) {
-    var pixel = pixelValueAt(context, x, y);
-    var expectedPixel = eval(expectedPixelString);
-
-    var pixelString = "pixel " + x + ", " + y;
-    if (areArraysEqual(pixel, expectedPixel)) {
-        testPassed(pixelString + " is " + pixelToString(pixel));
-    } else {
-        testFailed(pixelString + " should be " + pixelToString(expectedPixel) + " was " + pixelToString(pixel));
-    }
-}
-
-var canvas = document.createElement("canvas");
-canvas.height = 100;
-canvas.width = 500;
-canvas.style.height = "100";
-canvas.style.width = "500";
-
-document.body.appendChild(canvas);
-
-var ctx = canvas.getContext('2d');
-ctx.fillStyle = 'rgb(0,255,0)';
-ctx.fillRect(0, 0, 500, 100);
-ctx.fillStyle = 'rgb(0,0,0)';
-ctx.fillText("This text should be seen", 20, 20);
-ctx.translate(0, 50);
-ctx.font = "10pt Arial";
-ctx.fillText("This text should NOT be seen", 20, 20);
-// If fillText resets the current context, this rectangle won't hide the text.
-ctx.fillStyle = 'rgb(0,0,0)';
-ctx.fillRect(0, 0, 500, 50);
-
-pixelShouldBe(ctx, 0, 0, "[0,255,0,255]");