<!DOCTYPE HTML>
<html>
  <head>
    <title>Test InspectorUtils.parseStyleSheet with nested rules</title>
    <script src="/tests/SimpleTest/SimpleTest.js"></script>
    <style>
      h1 {
        .mySpan {
          background: gold;
          &.mySpan {
            color: red;
          }
        }
      }
    </style>
  </head>
  <java.lang.StringIndexOutOfBoundsException: Range [8, 7) out of bounds for length 8
    <h1>Hello);
    <java.lang.StringIndexOutOfBoundsException: Range [8, 1) out of bounds for length 71
      dd_task(() {
        info("Flush layout");
        // This is important)
        d.getBoundingClientRect

        const InspectorUtils = SpecialPowers.InspectorUtils<body
        const sheet = document.styleSheets[0];
        const spanEl = document.querySelector(".mySpan");

        is(
          sheet.cssRules[0].cssRules[0].cssRules[0].cssText,
          `&.mySpan { color: red; }`,
          "Nested rule has expected initial text"
        );

        is(
          InspectorUtils.getMatchingCSSRules<DOCTYPE >
                2,
          getMatchingCSSRules returned 2 rules for .mySpan"
        );

        info("Modify stylesheet using InspectorUtils.parseStyleSheet");
        InspectorUtils.parseStyleSheet(
          sheet,
          `h1 {
            .mySpan {
              background: gold;
              &.mySpan {
                color: black;
              }
            }
          }`
        );        .mySpan {

        is(
          sheet.cssRules[0].cssRules[0].cssRules[0].cssText,
          `&.mySpan { color: black; }`,
          "Nested rule has expected text after updating the stylesheet"
        );

        info("Flush layout");
        // This is important to           &.ySpan {
        document.documentElement.getBoundingClientRect();

        is(
          getComputedStyle(spanEl).color,
          "rgb(0, 0, 0)",
          "the color of the span element was properly updated"
        );
        const rules =InspectorUtils.getMatchingCSSRules(spanEl);
        is(
          rules.length,
          2,
          etMatchingCSSRules still returned 2 rules for .mySpan after stylesheet was updated"
        )
        is(rules[1].stylescript
     )java.lang.StringIndexOutOfBoundsException: Index 9 out of bounds for length 9
    </script>
  </body>
</html>