diff -r 000000000000 -r 6474c204b198 browser/devtools/styleinspector/test/browser_ruleview_style-editor-link.js
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/browser/devtools/styleinspector/test/browser_ruleview_style-editor-link.js Wed Dec 31 06:09:35 2014 +0100
@@ -0,0 +1,130 @@
+/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
+/* Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Test the links from the rule-view to the styleeditor
+
+const STYLESHEET_URL = "data:text/css,"+encodeURIComponent(
+ ["#first {",
+ "color: blue",
+ "}"].join("\n"));
+
+const EXTERNAL_STYLESHEET_FILE_NAME = "doc_style_editor_link.css";
+const EXTERNAL_STYLESHEET_URL = TEST_URL_ROOT + EXTERNAL_STYLESHEET_FILE_NAME;
+
+const DOCUMENT_URL = "data:text/html,"+encodeURIComponent(
+ ['' +
+ '' +
+ 'Rule view style editor link test',
+ '
',
+ '',
+ '',
+ '',
+ '',
+ '',
+ '
Some header text
',
+ '
hi.
',
+ '
I am a test-case. This text exists ',
+ 'solely to provide some things to ',
+ '',
+ 'highlight and count ',
+ 'style list-items in the box at right. If you are reading this, ',
+ 'you should go do something else instead. Maybe read a book. Or better ',
+ 'yet, write some test-cases for another bit of code. ',
+ 'some text
',
+ '
more text
',
+ '
even more text
',
+ '
',
+ '',
+ ''].join("\n"));
+
+let test = asyncTest(function*() {
+ yield addTab(DOCUMENT_URL);
+ let {toolbox, inspector, view} = yield openRuleView();
+
+ info("Select the test node");
+ yield selectNode("div", inspector);
+
+ yield testInlineStyle(view, inspector);
+ yield testInlineStyleSheet(view, toolbox);
+ yield testExternalStyleSheet(view, toolbox);
+});
+
+function* testInlineStyle(view, inspector) {
+ info("Testing inline style");
+
+ let onWindow = waitForWindow();
+ info("Clicking on the first link in the rule-view");
+ let link = getRuleViewLinkByIndex(view, 0);
+ link.scrollIntoView();
+ link.click();
+
+ let win = yield onWindow;
+
+ let windowType = win.document.documentElement.getAttribute("windowtype");
+ is(windowType, "navigator:view-source", "View source window is open");
+ info("Closing window");
+ win.close();
+}
+
+function* testInlineStyleSheet(view, toolbox) {
+ info("Testing inline stylesheet");
+
+ info("Listening for toolbox switch to the styleeditor");
+ let onSwitch = waitForStyleEditor(toolbox);
+
+ info("Clicking an inline stylesheet");
+ let link = getRuleViewLinkByIndex(view, 4);
+ link.scrollIntoView();
+ link.click();
+ let editor = yield onSwitch;
+
+ ok(true, "Switched to the style-editor panel in the toolbox");
+
+ validateStyleEditorSheet(editor, 0);
+}
+
+function* testExternalStyleSheet(view, toolbox) {
+ info("Testing external stylesheet");
+
+ info("Waiting for the stylesheet editor to be selected");
+ let panel = toolbox.getCurrentPanel();
+ let onSelected = panel.UI.once("editor-selected");
+
+ info("Switching back to the inspector panel in the toolbox");
+ yield toolbox.selectTool("inspector");
+
+ info("Clicking on an external stylesheet link");
+ testRuleViewLinkLabel(view);
+ let link = getRuleViewLinkByIndex(view, 1);
+ link.scrollIntoView();
+ link.click();
+ let editor = yield onSelected;
+
+ is(toolbox.currentToolId, "styleeditor", "The style editor is selected again");
+ validateStyleEditorSheet(editor, 1);
+}
+
+function validateStyleEditorSheet(editor, expectedSheetIndex) {
+ info("validating style editor stylesheet");
+ let sheet = content.document.styleSheets[expectedSheetIndex];
+ is(editor.styleSheet.href, sheet.href, "loaded stylesheet matches document stylesheet");
+}
+
+function testRuleViewLinkLabel(view) {
+ let link = getRuleViewLinkByIndex(view, 2);
+ let labelElem = link.querySelector(".source-link-label");
+ let value = labelElem.getAttribute("value");
+ let tooltipText = labelElem.getAttribute("tooltiptext");
+
+ is(value, EXTERNAL_STYLESHEET_FILE_NAME + ":1",
+ "rule view stylesheet display value matches filename and line number");
+ is(tooltipText, EXTERNAL_STYLESHEET_URL,
+ "rule view stylesheet tooltip text matches the full URI path");
+}