diff options
Diffstat (limited to 'devtools/client/styleeditor/test/browser_styleeditor_media_sidebar_sourcemaps.js')
-rw-r--r-- | devtools/client/styleeditor/test/browser_styleeditor_media_sidebar_sourcemaps.js | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/devtools/client/styleeditor/test/browser_styleeditor_media_sidebar_sourcemaps.js b/devtools/client/styleeditor/test/browser_styleeditor_media_sidebar_sourcemaps.js new file mode 100644 index 000000000..9214d93fd --- /dev/null +++ b/devtools/client/styleeditor/test/browser_styleeditor_media_sidebar_sourcemaps.js @@ -0,0 +1,71 @@ +/* vim: set ts=2 et sw=2 tw=80: */ +/* Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ */ + +"use strict"; + +// https rather than chrome to improve coverage +const TESTCASE_URI = TEST_BASE_HTTPS + "media-rules-sourcemaps.html"; +const MAP_PREF = "devtools.styleeditor.source-maps-enabled"; + +const LABELS = ["screen and (max-width: 320px)", + "screen and (min-width: 1200px)"]; +const LINE_NOS = [5, 8]; + +waitForExplicitFinish(); + +add_task(function* () { + Services.prefs.setBoolPref(MAP_PREF, true); + + let { ui } = yield openStyleEditorForURL(TESTCASE_URI); + + yield listenForMediaChange(ui); + + is(ui.editors.length, 1, "correct number of editors"); + + // Test editor with @media rules + let mediaEditor = ui.editors[0]; + yield openEditor(mediaEditor); + testMediaEditor(mediaEditor); + + Services.prefs.clearUserPref(MAP_PREF); +}); + +function testMediaEditor(editor) { + let sidebar = editor.details.querySelector(".stylesheet-sidebar"); + is(sidebar.hidden, false, "sidebar is showing on editor with @media"); + + let entries = [...sidebar.querySelectorAll(".media-rule-label")]; + is(entries.length, 2, "two @media rules displayed in sidebar"); + + testRule(entries[0], LABELS[0], LINE_NOS[0]); + testRule(entries[1], LABELS[1], LINE_NOS[1]); +} + +function testRule(rule, text, lineno) { + let cond = rule.querySelector(".media-rule-condition"); + is(cond.textContent, text, "media label is correct for " + text); + + let line = rule.querySelector(".media-rule-line"); + is(line.textContent, ":" + lineno, "correct line number shown"); +} + +/* Helpers */ + +function openEditor(editor) { + getLinkFor(editor).click(); + + return editor.getSourceEditor(); +} + +function listenForMediaChange(UI) { + let deferred = defer(); + UI.once("media-list-changed", () => { + deferred.resolve(); + }); + return deferred.promise; +} + +function getLinkFor(editor) { + return editor.summary.querySelector(".stylesheet-name"); +} |