/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ "use strict"; ChromeUtils.import("resource://gre/modules/Geometry.jsm", this); async function draw(window, src) { const { document, Image } = window; const promise = new Promise((resolve, reject) => { const img = new Image(); img.onload = function() { // Create a new offscreen canvas const canvas = document.createElementNS("http://www.w3.org/1999/xhtml", "canvas"); canvas.width = img.naturalWidth; canvas.height = img.naturalHeight; const ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); resolve(canvas); }; img.onerror = function() { reject(`error loading image ${src}`); }; // Load the src image for drawing img.src = src; }); return promise; } async function compareImages(window, expected, test) { const testCanvas = await draw(window, test); const expectedCanvas = await draw(window, expected); is(testCanvas.width, expectedCanvas.width, "The test and expected images must be the same size"); is(testCanvas.height, expectedCanvas.height, "The test and expected images must be the same size"); const nsIDOMWindowUtils = window.getInterface(Ci.nsIDOMWindowUtils); return nsIDOMWindowUtils.compareCanvases(expectedCanvas, testCanvas, {}); } async function cropAndCompare(window, src, expected, test, region, subregions) { await TestRunner._cropImage(window, src, region, subregions, test); return compareImages(window, expected, OS.Path.toFileURI(test)); } add_task(async function crop() { const window = Services.wm.getMostRecentWindow("navigator:browser"); const tmp = OS.Constants.Path.tmpDir; is(await cropAndCompare( window, "chrome://mozscreenshots/content/lib/robot.png", "chrome://mozscreenshots/content/lib/robot_upperleft.png", OS.Path.join(tmp, "test_cropped_upperleft.png"), new Rect(0, 0, 32, 32), [new Rect(0, 0, 32, 32)] ), 0, "The image should be cropped to the upper left quadrant"); is(await cropAndCompare( window, "chrome://mozscreenshots/content/lib/robot.png", "chrome://mozscreenshots/content/lib/robot_center.png", OS.Path.join(tmp, "test_cropped_center.png"), new Rect(16, 16, 32, 32), [new Rect(16, 16, 32, 32)] ), 0, "The image should be cropped to the center of the image"); is(await cropAndCompare( window, "chrome://mozscreenshots/content/lib/robot.png", "chrome://mozscreenshots/content/lib/robot_uncropped.png", OS.Path.join(tmp, "test_uncropped.png"), new Rect(-8, -9, 80, 80), [new Rect(-8, -9, 80, 80)] ), 0, "The image should be not be cropped, and the cropping region should be clipped to the size of the image"); is(await cropAndCompare( window, "chrome://mozscreenshots/content/lib/robot.png", "chrome://mozscreenshots/content/lib/robot_diagonal.png", OS.Path.join(tmp, "test_diagonal.png"), new Rect(0, 0, 64, 64), [ new Rect(0, 0, 16, 16), new Rect(16, 16, 16, 16), new Rect(32, 32, 16, 16), new Rect(48, 48, 16, 16) ] ), 0, "The image should be contain squares across the diagonal"); is(await cropAndCompare( window, "chrome://mozscreenshots/content/lib/robot.png", "chrome://mozscreenshots/content/lib/robot_cropped_diagonal.png", OS.Path.join(tmp, "test_cropped_diagonal.png"), new Rect(16, 16, 48, 48), [ new Rect(16, 16, 16, 16), new Rect(32, 32, 16, 16), ] ), 0, "The image should be cropped with squares across the diagonal"); });