devtools/server/tests/chrome/inactive-property-helper/vertical-align.mjs

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 // InactivePropertyHelper `vertical-align` test cases.
   6 export default [
   7   {
   8     info: "vertical-align is inactive on a block element",
   9     property: "vertical-align",
  10     tagName: "div",
  11     rules: ["div { vertical-align: top; }"],
  12     isActive: false,
  13   },
  14   {
  15     info: "vertical-align is inactive on a span with display block",
  16     property: "vertical-align",
  17     tagName: "span",
  18     rules: ["span { vertical-align: top; display: block;}"],
  19     isActive: false,
  20   },
  21   {
  22     info: "vertical-align is active on a div with display inline-block",
  23     property: "vertical-align",
  24     tagName: "div",
  25     rules: ["div { vertical-align: top; display: inline-block;}"],
  26     isActive: true,
  27   },
  28   {
  29     info: "vertical-align is active on a table-cell",
  30     property: "vertical-align",
  31     tagName: "div",
  32     rules: ["div { vertical-align: top; display: table-cell;}"],
  33     isActive: true,
  34   },
  35   {
  36     info: "vertical-align is active on a block element ::first-letter",
  37     property: "vertical-align",
  38     tagName: "div",
  39     rules: ["div::first-letter { vertical-align: top; }"],
  40     isActive: true,
  41   },
  42   {
  43     info: "vertical-align is active on a block element ::first-line",
  44     property: "vertical-align",
  45     tagName: "div",
  46     rules: ["div::first-line { vertical-align: top; }"],
  47     isActive: true,
  48   },
  49   {
  50     info: "vertical-align is active on an inline element",
  51     property: "vertical-align",
  52     tagName: "span",
  53     rules: ["span { vertical-align: top; }"],
  54     isActive: true,
  55   },
  56   {
  57     info: "vertical-align is active on an inline pseudo element in a block parent",
  58     property: "vertical-align",
  59     tagName: "div",
  60     pseudoElement: "::before",
  61     rules: [
  62       "div {display: block;}",
  63       "div::before { content: '-'; vertical-align: top; }",
  64     ],
  65     ruleIndex: 1,
  66     isActive: true,
  67   },
  68   {
  69     info: "vertical-align is inactive on a block pseudo element in an inline parent",
  70     property: "vertical-align",
  71     tagName: "span",
  72     pseudoElement: "::before",
  73     rules: [
  74       "span {display: inline;}",
  75       "span::before { content: '-'; display: block; vertical-align: top; }",
  76     ],
  77     ruleIndex: 1,
  78     isActive: false,
  79   },
  80 ];