browser_rules_edit-selector_12.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

 http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test editing selectors for rules inside @import'd stylesheets.

// This is a regression test for bug 1355819.

add_task(async function () {

  await addTab(URL_ROOT + "doc_edit_imported_selector.html");

  const { inspector, view } = await openRuleView();

  info("Select the node styled by an @import'd rule");

  await selectNode("#target", inspector);

  info("Focus the selector in the rule-view");

  let ruleEditor = getRuleViewRuleEditorAt(view, 1);

  await editSelectorForRuleEditor(view, ruleEditor, "div");

  info("Check the rules are still displayed correctly");

  assertDisplayedRulesCount(view, 3);

  ruleEditor = getRuleViewRuleEditorAt(view, 1);

is(

    ruleEditor.element.getAttribute("unmatched"),

    "false",

    "Rule editor is matched."

);

  is(ruleEditor.selectorText.textContent, "div", "The new selector is correct");

});