michael@0: /* Any copyright is dedicated to the Public Domain.
michael@0:    http://creativecommons.org/publicdomain/zero/1.0/ */
michael@0: 
michael@0: /**
michael@0:  * Tests if thumbnails are properly displayed in the UI.
michael@0:  */
michael@0: 
michael@0: function ifTestingSupported() {
michael@0:   let [target, debuggee, panel] = yield initCanavsDebuggerFrontend(SIMPLE_CANVAS_URL);
michael@0:   let { window, $, $all, EVENTS, SnapshotsListView } = panel.panelWin;
michael@0: 
michael@0:   yield reload(target);
michael@0: 
michael@0:   let recordingFinished = once(window, EVENTS.SNAPSHOT_RECORDING_FINISHED);
michael@0:   let callListPopulated = once(window, EVENTS.CALL_LIST_POPULATED);
michael@0:   let thumbnailsDisplayed = once(window, EVENTS.THUMBNAILS_DISPLAYED);
michael@0:   SnapshotsListView._onRecordButtonClick();
michael@0:   yield promise.all([recordingFinished, callListPopulated, thumbnailsDisplayed]);
michael@0: 
michael@0:   is($all(".filmstrip-thumbnail").length, 4,
michael@0:     "There should be 4 thumbnails displayed in the UI.");
michael@0: 
michael@0:   let firstThumbnail = $(".filmstrip-thumbnail[index='0']");
michael@0:   ok(firstThumbnail,
michael@0:     "The first thumbnail element should be for the function call at index 0.");
michael@0:   is(firstThumbnail.width, 50,
michael@0:     "The first thumbnail's width is correct.");
michael@0:   is(firstThumbnail.height, 50,
michael@0:     "The first thumbnail's height is correct.");
michael@0:   is(firstThumbnail.getAttribute("flipped"), "false",
michael@0:     "The first thumbnail should not be flipped vertically.");
michael@0: 
michael@0:   let secondThumbnail = $(".filmstrip-thumbnail[index='2']");
michael@0:   ok(secondThumbnail,
michael@0:     "The second thumbnail element should be for the function call at index 2.");
michael@0:   is(secondThumbnail.width, 50,
michael@0:     "The second thumbnail's width is correct.");
michael@0:   is(secondThumbnail.height, 50,
michael@0:     "The second thumbnail's height is correct.");
michael@0:   is(secondThumbnail.getAttribute("flipped"), "false",
michael@0:     "The second thumbnail should not be flipped vertically.");
michael@0: 
michael@0:   let thirdThumbnail = $(".filmstrip-thumbnail[index='4']");
michael@0:   ok(thirdThumbnail,
michael@0:     "The third thumbnail element should be for the function call at index 4.");
michael@0:   is(thirdThumbnail.width, 50,
michael@0:     "The third thumbnail's width is correct.");
michael@0:   is(thirdThumbnail.height, 50,
michael@0:     "The third thumbnail's height is correct.");
michael@0:   is(thirdThumbnail.getAttribute("flipped"), "false",
michael@0:     "The third thumbnail should not be flipped vertically.");
michael@0: 
michael@0:   let fourthThumbnail = $(".filmstrip-thumbnail[index='6']");
michael@0:   ok(fourthThumbnail,
michael@0:     "The fourth thumbnail element should be for the function call at index 6.");
michael@0:   is(fourthThumbnail.width, 50,
michael@0:     "The fourth thumbnail's width is correct.");
michael@0:   is(fourthThumbnail.height, 50,
michael@0:     "The fourth thumbnail's height is correct.");
michael@0:   is(fourthThumbnail.getAttribute("flipped"), "false",
michael@0:     "The fourth thumbnail should not be flipped vertically.");
michael@0: 
michael@0:   yield teardown(panel);
michael@0:   finish();
michael@0: }