devtools/server/tests/chrome/inactive-property-helper/placeholder-pseudo-element.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 `placeholder-pseudo-element` test cases.
   6
   7 //"baseline-source",
   8 //"direction",
   9 //"dominant-baseline",
  10 //"line-height",
  11 //"text-orientation",
  12 //"vertical-align",
  13 //"writing-mode",
  14 //"alignment-baseline",
  15 //"baseline-shift",
  16 //"initial-letter",
  17 //"text-box-trim",
  18
  19 export default [
  20   {
  21     info: "baseline-source is inactive on ::placeholder",
  22     property: "baseline-source",
  23     tagName: "input",
  24     rules: ["input::placeholder { baseline-source: first; }"],
  25     isActive: false,
  26     expectedMsgId: "inactive-css-placeholder-pseudo-element-not-supported",
  27   },
  28   {
  29     info: "direction is inactive on ::placeholder",
  30     property: "direction",
  31     tagName: "input",
  32     rules: ["input::placeholder { direction: rtl; }"],
  33     isActive: false,
  34     expectedMsgId: "inactive-css-placeholder-pseudo-element-not-supported",
  35   },
  36   {
  37     info: "dominant-baseline is inactive on ::placeholder",
  38     property: "dominant-baseline",
  39     tagName: "input",
  40     rules: ["input::placeholder { dominant-baseline: central; }"],
  41     isActive: false,
  42     expectedMsgId: "inactive-css-placeholder-pseudo-element-not-supported",
  43   },
  44   {
  45     info: "line-height is inactive on ::placeholder",
  46     property: "line-height",
  47     tagName: "input",
  48     rules: ["input::placeholder { line-height: 2em; }"],
  49     isActive: false,
  50     expectedMsgId: "inactive-css-placeholder-pseudo-element-not-supported",
  51   },
  52   {
  53     info: "text-orientation is inactive on ::placeholder",
  54     property: "text-orientation",
  55     tagName: "input",
  56     rules: ["input::placeholder { text-orientation: sideways; }"],
  57     isActive: false,
  58     expectedMsgId: "inactive-css-placeholder-pseudo-element-not-supported",
  59   },
  60   {
  61     info: "vertical-align is inactive on ::placeholder",
  62     property: "vertical-align",
  63     tagName: "input",
  64     rules: ["input::placeholder { vertical-align: super; }"],
  65     isActive: false,
  66     expectedMsgId: "inactive-css-placeholder-pseudo-element-not-supported",
  67   },
  68   {
  69     info: "writing-mode is inactive on ::placeholder",
  70     property: "writing-mode",
  71     tagName: "input",
  72     rules: ["input::placeholder { writing-mode: vertical-rl; }"],
  73     isActive: false,
  74     expectedMsgId: "inactive-css-placeholder-pseudo-element-not-supported",
  75   },
  76   {
  77     info: "alignment-baseline is inactive on ::placeholder",
  78     property: "alignment-baseline",
  79     tagName: "input",
  80     rules: ["input::placeholder { alignment-baseline: central; }"],
  81     isActive: false,
  82     expectedMsgId: "inactive-css-placeholder-pseudo-element-not-supported",
  83   },
  84   {
  85     info: "baseline-shift is inactive on ::placeholder",
  86     property: "baseline-shift",
  87     tagName: "input",
  88     rules: ["input::placeholder { baseline-shift: super; }"],
  89     isActive: false,
  90     expectedMsgId: "inactive-css-placeholder-pseudo-element-not-supported",
  91   },
  92   {
  93     info: "initial-letter is inactive on ::placeholder",
  94     property: "initial-letter",
  95     tagName: "input",
  96     rules: ["input::placeholder { initial-letter: 2em; }"],
  97     isActive: false,
  98     expectedMsgId: "inactive-css-placeholder-pseudo-element-not-supported",
  99   },
 100   {
 101     info: "text-box-trim is inactive on ::placeholder",
 102     property: "text-box-trim",
 103     tagName: "input",
 104     rules: ["input::placeholder { text-box-trim: both; }"],
 105     isActive: false,
 106     expectedMsgId: "inactive-css-placeholder-pseudo-element-not-supported",
 107   },
 108   {
 109     info: "color is active on ::placeholder",
 110     property: "color",
 111     tagName: "input",
 112     rules: ["input::placeholder { color: green; }"],
 113     isActive: true,
 114   },
 115   {
 116     info: "display is active on ::placeholder",
 117     property: "display",
 118     tagName: "input",
 119     rules: ["input::placeholder { display: grid; }"],
 120     isActive: true,
 121   },
 122 ];