test_getRelativeRuleLine.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

  <meta charset="utf-8">

  <title>Test InspectorUtils::getRelativeRuleLine</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <link rel="stylesheet" href="/tests/SimpleTest/test.css"/>

  <style>

    @supports (not (whatever: 72 zq)) {

      #test {

        background-color: #f0c;

    #test {

      color: #f0c;

  </style>

  <style>#test { color: red; }</style>

  <style>

     @invalidatkeyword {

     #test {

       color: blue;

  </style>

  <style>#test { color: red; }</style><!-- This tests stylesheet caching -->

  <script>

  const InspectorUtils = SpecialPowers.InspectorUtils;

  let tests = [

    { sheetNo: 0, ruleNo: 0, lineNo: 1, columnNo: 1 },

    { sheetNo: 1, ruleNo: 0, lineNo: 2, columnNo: 5 },

    { sheetNo: 1, ruleNo: 1, lineNo: 8, columnNo: 5 },

    { sheetNo: 2, ruleNo: 0, lineNo: 1, columnNo: 1 },

    { sheetNo: 3, ruleNo: 0, lineNo: 5, columnNo: 6 },

    { sheetNo: 4, ruleNo: 0, lineNo: 1, columnNo: 1 },

];

  function doTest() {

    for (let test of tests) {

      let sheet = document.styleSheets[test.sheetNo];

      let rule = sheet.cssRules[test.ruleNo];

      let line = InspectorUtils.getRelativeRuleLine(rule);

      let column = InspectorUtils.getRuleColumn(rule);

      info("testing sheet " + test.sheetNo + ", rule " + test.ruleNo);

      is(line, test.lineNo, "line number is correct");

      is(column, test.columnNo, "column number is correct");

    SimpleTest.finish();

  SimpleTest.waitForExplicitFinish();

  addLoadEvent(doTest);

  </script>

</head>

<body>

<h1>Test InspectorUtils::getRelativeRuleLine</h1>

<p id="display"></p>

<div id="content" style="display: none">

</div>

<pre id="test">

</pre>

</body>

</html>