diff options
Diffstat (limited to 'toolkit/devtools/shadereditor/test/browser_se_programs-highlight-01.js')
| -rw-r--r-- | toolkit/devtools/shadereditor/test/browser_se_programs-highlight-01.js | 93 |
1 files changed, 93 insertions, 0 deletions
diff --git a/toolkit/devtools/shadereditor/test/browser_se_programs-highlight-01.js b/toolkit/devtools/shadereditor/test/browser_se_programs-highlight-01.js new file mode 100644 index 000000000..c19094b7a --- /dev/null +++ b/toolkit/devtools/shadereditor/test/browser_se_programs-highlight-01.js @@ -0,0 +1,93 @@ +/* Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ */ + +/** + * Tests if highlighting a program works properly. + */ + +function ifWebGLSupported() { + let { target, panel } = yield initShaderEditor(MULTIPLE_CONTEXTS_URL); + let { gFront, EVENTS, ShadersListView, ShadersEditorsView } = panel.panelWin; + + once(panel.panelWin, EVENTS.SHADER_COMPILED).then(() => { + ok(false, "No shaders should be publicly compiled during this test."); + }); + + reload(target); + let [[firstProgramActor, secondProgramActor]] = yield promise.all([ + getPrograms(gFront, 2), + once(panel.panelWin, EVENTS.SOURCES_SHOWN) + ]); + + let vsEditor = yield ShadersEditorsView._getEditor("vs"); + let fsEditor = yield ShadersEditorsView._getEditor("fs"); + + vsEditor.once("change", () => { + ok(false, "The vertex shader source was unexpectedly changed."); + }); + fsEditor.once("change", () => { + ok(false, "The fragment shader source was unexpectedly changed."); + }); + once(panel.panelWin, EVENTS.SOURCES_SHOWN).then(() => { + ok(false, "No sources should be changed form this point onward."); + }); + + yield ensurePixelIs(gFront, { x: 0, y: 0 }, { r: 255, g: 255, b: 0, a: 255 }, true, "#canvas1"); + yield ensurePixelIs(gFront, { x: 0, y: 0 }, { r: 0, g: 255, b: 255, a: 255 }, true, "#canvas2"); + yield ensurePixelIs(gFront, { x: 127, y: 127 }, { r: 255, g: 255, b: 0, a: 255 }, true, "#canvas1"); + yield ensurePixelIs(gFront, { x: 127, y: 127 }, { r: 0, g: 255, b: 255, a: 255 }, true, "#canvas2"); + + ShadersListView._onProgramMouseOver({ target: getItemLabel(panel, 0) }); + + yield ensurePixelIs(gFront, { x: 0, y: 0 }, { r: 255, g: 0, b: 0, a: 255 }, true, "#canvas1"); + yield ensurePixelIs(gFront, { x: 0, y: 0 }, { r: 0, g: 255, b: 255, a: 255 }, true, "#canvas2"); + yield ensurePixelIs(gFront, { x: 127, y: 127 }, { r: 255, g: 0, b: 0, a: 255 }, true, "#canvas1"); + yield ensurePixelIs(gFront, { x: 127, y: 127 }, { r: 0, g: 255, b: 255, a: 255 }, true, "#canvas2"); + ok(true, "The first program was correctly highlighted."); + + ShadersListView._onProgramMouseOut({ target: getItemLabel(panel, 0) }); + ShadersListView._onProgramMouseOver({ target: getItemLabel(panel, 1) }); + + yield ensurePixelIs(gFront, { x: 0, y: 0 }, { r: 255, g: 255, b: 0, a: 255 }, true, "#canvas1"); + yield ensurePixelIs(gFront, { x: 0, y: 0 }, { r: 0, g: 0, b: 64, a: 255 }, true, "#canvas2"); + yield ensurePixelIs(gFront, { x: 127, y: 127 }, { r: 255, g: 255, b: 0, a: 255 }, true, "#canvas1"); + yield ensurePixelIs(gFront, { x: 127, y: 127 }, { r: 0, g: 0, b: 64, a: 255 }, true, "#canvas2"); + ok(true, "The second program was correctly highlighted."); + + ShadersListView._onProgramMouseOut({ target: getItemLabel(panel, 1) }); + + yield ensurePixelIs(gFront, { x: 0, y: 0 }, { r: 255, g: 255, b: 0, a: 255 }, true, "#canvas1"); + yield ensurePixelIs(gFront, { x: 0, y: 0 }, { r: 0, g: 255, b: 255, a: 255 }, true, "#canvas2"); + yield ensurePixelIs(gFront, { x: 127, y: 127 }, { r: 255, g: 255, b: 0, a: 255 }, true, "#canvas1"); + yield ensurePixelIs(gFront, { x: 127, y: 127 }, { r: 0, g: 255, b: 255, a: 255 }, true, "#canvas2"); + ok(true, "The two programs were correctly unhighlighted."); + + ShadersListView._onProgramMouseOver({ target: getBlackBoxCheckbox(panel, 0) }); + + yield ensurePixelIs(gFront, { x: 0, y: 0 }, { r: 255, g: 255, b: 0, a: 255 }, true, "#canvas1"); + yield ensurePixelIs(gFront, { x: 0, y: 0 }, { r: 0, g: 255, b: 255, a: 255 }, true, "#canvas2"); + yield ensurePixelIs(gFront, { x: 127, y: 127 }, { r: 255, g: 255, b: 0, a: 255 }, true, "#canvas1"); + yield ensurePixelIs(gFront, { x: 127, y: 127 }, { r: 0, g: 255, b: 255, a: 255 }, true, "#canvas2"); + ok(true, "The two programs were left unchanged after hovering a blackbox checkbox."); + + ShadersListView._onProgramMouseOut({ target: getBlackBoxCheckbox(panel, 0) }); + + yield ensurePixelIs(gFront, { x: 0, y: 0 }, { r: 255, g: 255, b: 0, a: 255 }, true, "#canvas1"); + yield ensurePixelIs(gFront, { x: 0, y: 0 }, { r: 0, g: 255, b: 255, a: 255 }, true, "#canvas2"); + yield ensurePixelIs(gFront, { x: 127, y: 127 }, { r: 255, g: 255, b: 0, a: 255 }, true, "#canvas1"); + yield ensurePixelIs(gFront, { x: 127, y: 127 }, { r: 0, g: 255, b: 255, a: 255 }, true, "#canvas2"); + ok(true, "The two programs were left unchanged after unhovering a blackbox checkbox."); + + yield teardown(panel); + finish(); +} + +function getItemLabel(aPanel, aIndex) { + return aPanel.panelWin.document.querySelectorAll( + ".side-menu-widget-item-contents")[aIndex]; +} + +function getBlackBoxCheckbox(aPanel, aIndex) { + return aPanel.panelWin.document.querySelectorAll( + ".side-menu-widget-item-checkbox")[aIndex]; +} |