browser_styleeditor_transition_rule.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

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

"use strict";

const TESTCASE_URI = TEST_BASE_HTTPS + "simple.html";

const NEW_RULE = "body { background-color: purple; }";

add_task(async function () {

  const { ui } = await openStyleEditorForURL(TESTCASE_URI);

  is(ui.editors.length, 2, "correct number of editors");

  const editor = ui.editors[0];

  await openEditor(editor);

  // Set text twice in a row

  const styleChanges = listenForStyleChange(editor);

  editor.sourceEditor.setText(NEW_RULE);

  editor.sourceEditor.setText(NEW_RULE + " ");

  await styleChanges;

  const rules = await SpecialPowers.spawn(

    gBrowser.selectedBrowser,

    [0],

    async function (index) {

      const sheet = content.document.styleSheets[index];

      return [...sheet.cssRules].map(rule => rule.cssText);

);

  // Test that we removed the transition rule, but kept the rule we added

  is(rules.length, 1, "only one rule in stylesheet");

  is(rules[0], NEW_RULE, "stylesheet only contains rule we added");

});

/* Helpers */

function openEditor(editor) {

  const link = editor.summary.querySelector(".stylesheet-name");

  link.click();

  return editor.getSourceEditor();

function listenForStyleChange(editor) {

  return editor.once("style-applied");