1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/browser/devtools/canvasdebugger/test/browser_canvas-frontend-slider-02.js Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,97 @@ 1.4 +/* Any copyright is dedicated to the Public Domain. 1.5 + http://creativecommons.org/publicdomain/zero/1.0/ */ 1.6 + 1.7 +/** 1.8 + * Tests if the slider in the calls list view works as advertised. 1.9 + */ 1.10 + 1.11 +function ifTestingSupported() { 1.12 + let [target, debuggee, panel] = yield initCanavsDebuggerFrontend(SIMPLE_CANVAS_URL); 1.13 + let { window, $, EVENTS, gFront, SnapshotsListView, CallsListView } = panel.panelWin; 1.14 + 1.15 + yield reload(target); 1.16 + 1.17 + let recordingFinished = once(window, EVENTS.SNAPSHOT_RECORDING_FINISHED); 1.18 + let callListPopulated = once(window, EVENTS.CALL_LIST_POPULATED); 1.19 + let thumbnailsDisplayed = once(window, EVENTS.THUMBNAILS_DISPLAYED); 1.20 + SnapshotsListView._onRecordButtonClick(); 1.21 + yield promise.all([recordingFinished, callListPopulated, thumbnailsDisplayed]); 1.22 + 1.23 + let firstSnapshot = SnapshotsListView.getItemAtIndex(0); 1.24 + let firstSnapshotOverview = yield firstSnapshot.attachment.actor.getOverview(); 1.25 + 1.26 + let thumbnails = firstSnapshotOverview.thumbnails; 1.27 + is(thumbnails.length, 4, 1.28 + "There should be 4 thumbnails cached for the snapshot item."); 1.29 + 1.30 + let thumbnailImageElementSet = waitForMozSetImageElement(window); 1.31 + $("#calls-slider").value = 1; 1.32 + let thumbnailPixels = yield thumbnailImageElementSet; 1.33 + 1.34 + ok(sameArray(thumbnailPixels, thumbnails[0].pixels), 1.35 + "The screenshot element should have a thumbnail as an immediate background."); 1.36 + 1.37 + yield once(window, EVENTS.CALL_SCREENSHOT_DISPLAYED); 1.38 + ok(true, "The full-sized screenshot was displayed for the item at index 1."); 1.39 + 1.40 + let thumbnailImageElementSet = waitForMozSetImageElement(window); 1.41 + $("#calls-slider").value = 2; 1.42 + let thumbnailPixels = yield thumbnailImageElementSet; 1.43 + 1.44 + ok(sameArray(thumbnailPixels, thumbnails[1].pixels), 1.45 + "The screenshot element should have a thumbnail as an immediate background."); 1.46 + 1.47 + yield once(window, EVENTS.CALL_SCREENSHOT_DISPLAYED); 1.48 + ok(true, "The full-sized screenshot was displayed for the item at index 2."); 1.49 + 1.50 + let thumbnailImageElementSet = waitForMozSetImageElement(window); 1.51 + $("#calls-slider").value = 7; 1.52 + let thumbnailPixels = yield thumbnailImageElementSet; 1.53 + 1.54 + ok(sameArray(thumbnailPixels, thumbnails[3].pixels), 1.55 + "The screenshot element should have a thumbnail as an immediate background."); 1.56 + 1.57 + yield once(window, EVENTS.CALL_SCREENSHOT_DISPLAYED); 1.58 + ok(true, "The full-sized screenshot was displayed for the item at index 7."); 1.59 + 1.60 + let thumbnailImageElementSet = waitForMozSetImageElement(window); 1.61 + $("#calls-slider").value = 4; 1.62 + let thumbnailPixels = yield thumbnailImageElementSet; 1.63 + 1.64 + ok(sameArray(thumbnailPixels, thumbnails[2].pixels), 1.65 + "The screenshot element should have a thumbnail as an immediate background."); 1.66 + 1.67 + yield once(window, EVENTS.CALL_SCREENSHOT_DISPLAYED); 1.68 + ok(true, "The full-sized screenshot was displayed for the item at index 4."); 1.69 + 1.70 + let thumbnailImageElementSet = waitForMozSetImageElement(window); 1.71 + $("#calls-slider").value = 0; 1.72 + let thumbnailPixels = yield thumbnailImageElementSet; 1.73 + 1.74 + ok(sameArray(thumbnailPixels, thumbnails[0].pixels), 1.75 + "The screenshot element should have a thumbnail as an immediate background."); 1.76 + 1.77 + yield once(window, EVENTS.CALL_SCREENSHOT_DISPLAYED); 1.78 + ok(true, "The full-sized screenshot was displayed for the item at index 0."); 1.79 + 1.80 + yield teardown(panel); 1.81 + finish(); 1.82 +} 1.83 + 1.84 +function waitForMozSetImageElement(panel) { 1.85 + let deferred = promise.defer(); 1.86 + panel._onMozSetImageElement = deferred.resolve; 1.87 + return deferred.promise; 1.88 +} 1.89 + 1.90 +function sameArray(a, b) { 1.91 + if (a.length != b.length) { 1.92 + return false; 1.93 + } 1.94 + for (let i = 0; i < a.length; i++) { 1.95 + if (a[i] !== b[i]) { 1.96 + return false; 1.97 + } 1.98 + } 1.99 + return true; 1.100 +}