browser_styles_getRuleText.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

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

"use strict";

// Test that StyleRuleActor.getRuleText returns the contents of the CSS rule.

const CSS_RULE = `#test {

  background-color: #f06;

}`;

const CONTENT = `

  <style type='text/css'>

    ${CSS_RULE}

  </style>

  <div id="test"></div>

`;

const TEST_URI = `data:text/html;charset=utf-8,${encodeURIComponent(CONTENT)}`;

add_task(async function () {

  const { inspector, target, walker } = await initInspectorFront(TEST_URI);

  const pageStyle = await inspector.getPageStyle();

  const element = await walker.querySelector(walker.rootNode, "#test");

  const entries = await pageStyle.getApplied(element, { inherited: false });

  const rule = entries[1].rule;

  const text = await rule.getRuleText();

  is(text, CSS_RULE, "CSS rule text content matches");

  await target.destroy();

});