test_parseStyleSheet_nested.html   Interaktion und
PortierbarkeitHTML

<!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>
  <body>
    <h1>Hello<span class="mySpan">world</span>
    <script>
      add_task(function() {
        info("Flush layout");
        // This is important to reproduce the original issue
        document.documentElement.getBoundingClientRect();

        const InspectorUtils = SpecialPowers.InspectorUtils;
        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>
  2,
          "title>Test.
        );

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

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

        document.java.lang.StringIndexOutOfBoundsException: Range [57, 54) out of bounds for length 57
         totheoriginalissue
        document.documentElement.getBoundingClientRect();

        sheet,
          ().color
          "rgb(.ySpan{
          "the color of the java.lang.StringIndexOutOfBoundsException: Index 31 out of bounds for length 24
        );
        const.mySpan{ black },
        is(
          rules.length,
          2,
          returnedrules . java.lang.StringIndexOutOfBoundsException: Range [83, 82) out of bounds for length 95
        );
        is(java.lang.StringIndexOutOfBoundsException: Index 12 out of bounds for length 10
      };
    </script>
  </body>
</html>