devtools/server/tests/chrome/inactive-property-helper/margin-padding.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 `align-content` test cases.
   6
   7 export default [
   8   {
   9     info: "margin is active on block containers",
  10     property: "margin",
  11     tagName: "div",
  12     rules: ["div { margin: 10px; }"],
  13     isActive: true,
  14   },
  15   {
  16     info: "margin is active on flex containers",
  17     property: "margin",
  18     tagName: "div",
  19     rules: ["div { display: flex; margin: 10px; }"],
  20     isActive: true,
  21   },
  22   {
  23     info: "margin is active on grid containers",
  24     property: "margin",
  25     tagName: "div",
  26     rules: ["div { display: grid; margin: 10px; }"],
  27     isActive: true,
  28   },
  29   {
  30     info: "margin is active on tables",
  31     property: "margin",
  32     tagName: "div",
  33     rules: ["div { display: table; margin: 10px; }"],
  34     isActive: true,
  35   },
  36   {
  37     info: "margin is active on inline tables",
  38     property: "margin",
  39     tagName: "div",
  40     rules: ["div { display: inline-table; margin: 10px; }"],
  41     isActive: true,
  42   },
  43   {
  44     info: "margin is active on table captions",
  45     property: "margin",
  46     tagName: "div",
  47     rules: ["div { display: table-caption; margin: 10px; }"],
  48     isActive: true,
  49   },
  50   {
  51     info: "margin is inactive on table cells",
  52     property: "margin",
  53     tagName: "div",
  54     rules: ["div { display: table-cell; margin: 10px; }"],
  55     isActive: false,
  56   },
  57   {
  58     info: "margin-block is inactive on table cells",
  59     property: "margin-block",
  60     tagName: "div",
  61     rules: ["div { display: table-cell; margin-block: 10px; }"],
  62     isActive: false,
  63   },
  64   {
  65     info: "margin-block-start is inactive on table cells",
  66     property: "margin-block-start",
  67     tagName: "div",
  68     rules: ["div { display: table-cell; margin-block-start: 10px; }"],
  69     isActive: false,
  70   },
  71   {
  72     info: "margin-block-end is inactive on table cells",
  73     property: "margin-block-end",
  74     tagName: "div",
  75     rules: ["div { display: table-cell; margin-block-end: 10px; }"],
  76     isActive: false,
  77   },
  78   {
  79     info: "margin-block is inactive on table cells",
  80     property: "margin-block",
  81     tagName: "div",
  82     rules: ["div { display: table-cell; margin-block: 10px; }"],
  83     isActive: false,
  84   },
  85   {
  86     info: "margin-bottom is inactive on table rows",
  87     property: "margin-bottom",
  88     tagName: "div",
  89     rules: ["div { display: table-row; margin-bottom: 10px; }"],
  90     isActive: false,
  91   },
  92   {
  93     info: "margin-inline-start is inactive on table rows",
  94     property: "margin-inline-start",
  95     tagName: "div",
  96     rules: ["div { display: table-row; margin-inline-start: 10px; }"],
  97     isActive: false,
  98   },
  99   {
 100     info: "margin-inline-end is inactive on table rows",
 101     property: "margin-inline-end",
 102     tagName: "div",
 103     rules: ["div { display: table-row; margin-inline-end: 10px; }"],
 104     isActive: false,
 105   },
 106   {
 107     info: "margin-inline is inactive on table rows",
 108     property: "margin-inline",
 109     tagName: "div",
 110     rules: ["div { display: table-row; margin-inline: 10px; }"],
 111     isActive: false,
 112   },
 113   {
 114     info: "margin-left is inactive on table columns",
 115     property: "margin-left",
 116     tagName: "div",
 117     rules: ["div { display: table-column; margin-left: 10px; }"],
 118     isActive: false,
 119   },
 120   {
 121     info: "margin-right is inactive on table row groups",
 122     property: "margin-right",
 123     tagName: "div",
 124     rules: ["div { display: table-row-group; margin-right: 10px; }"],
 125     isActive: false,
 126   },
 127   {
 128     info: "margin-top is inactive on table column groups",
 129     property: "margin-top",
 130     tagName: "div",
 131     rules: ["div { display: table-column-group; margin-top: 10px; }"],
 132     isActive: false,
 133   },
 134   {
 135     info: "padding is active on block containers",
 136     property: "padding",
 137     tagName: "div",
 138     rules: ["div { padding: 10px; }"],
 139     isActive: true,
 140   },
 141   {
 142     info: "padding is active on flex containers",
 143     property: "padding",
 144     tagName: "div",
 145     rules: ["div { display: flex; padding: 10px; }"],
 146     isActive: true,
 147   },
 148   {
 149     info: "padding is active on grid containers",
 150     property: "padding",
 151     tagName: "div",
 152     rules: ["div { display: grid; padding: 10px; }"],
 153     isActive: true,
 154   },
 155   {
 156     info: "padding is active on tables",
 157     property: "padding",
 158     tagName: "div",
 159     rules: ["div { display: table; padding: 10px; }"],
 160     isActive: true,
 161   },
 162   {
 163     info: "padding is active on inline tables",
 164     property: "padding",
 165     tagName: "div",
 166     rules: ["div { display: inline-table; padding: 10px; }"],
 167     isActive: true,
 168   },
 169   {
 170     info: "padding is active on table captions",
 171     property: "padding",
 172     tagName: "div",
 173     rules: ["div { display: table-caption; padding: 10px; }"],
 174     isActive: true,
 175   },
 176   {
 177     info: "padding is active on table cells",
 178     property: "padding",
 179     tagName: "div",
 180     rules: ["div { display: table-cell; padding: 10px; }"],
 181     isActive: true,
 182   },
 183   {
 184     info: "padding-block is active on table cells",
 185     property: "padding-block",
 186     tagName: "div",
 187     rules: ["div { display: table-cell; padding-block: 10px; }"],
 188     isActive: true,
 189   },
 190   {
 191     info: "padding-block-start is active on table cells",
 192     property: "padding-block-start",
 193     tagName: "div",
 194     rules: ["div { display: table-cell; padding-block-start: 10px; }"],
 195     isActive: true,
 196   },
 197   {
 198     info: "padding-block-end is active on table cells",
 199     property: "padding-block-end",
 200     tagName: "div",
 201     rules: ["div { display: table-cell; padding-block-end: 10px; }"],
 202     isActive: true,
 203   },
 204   {
 205     info: "padding-block is active on table cells",
 206     property: "padding-block",
 207     tagName: "div",
 208     rules: ["div { display: table-cell; padding-block: 10px; }"],
 209     isActive: true,
 210   },
 211   {
 212     info: "padding-bottom is inactive on table rows",
 213     property: "padding-bottom",
 214     tagName: "div",
 215     rules: ["div { display: table-row; padding-bottom: 10px; }"],
 216     isActive: false,
 217   },
 218   {
 219     info: "padding-inline-start is inactive on table rows",
 220     property: "padding-inline-start",
 221     tagName: "div",
 222     rules: ["div { display: table-row; padding-inline-start: 10px; }"],
 223     isActive: false,
 224   },
 225   {
 226     info: "padding-inline-end is inactive on table rows",
 227     property: "padding-inline-end",
 228     tagName: "div",
 229     rules: ["div { display: table-row; padding-inline-end: 10px; }"],
 230     isActive: false,
 231   },
 232   {
 233     info: "padding-inline is inactive on table rows",
 234     property: "padding-inline",
 235     tagName: "div",
 236     rules: ["div { display: table-row; padding-inline: 10px; }"],
 237     isActive: false,
 238   },
 239   {
 240     info: "padding-left is inactive on table columns",
 241     property: "padding-left",
 242     tagName: "div",
 243     rules: ["div { display: table-column; padding-left: 10px; }"],
 244     isActive: false,
 245   },
 246   {
 247     info: "padding-right is inactive on table row groups",
 248     property: "padding-right",
 249     tagName: "div",
 250     rules: ["div { display: table-row-group; padding-right: 10px; }"],
 251     isActive: false,
 252   },
 253   {
 254     info: "padding-top is inactive on table column groups",
 255     property: "padding-top",
 256     tagName: "div",
 257     rules: ["div { display: table-column-group; padding-top: 10px; }"],
 258     isActive: false,
 259   },
 260 ];