placeholder-pseudo-element.mjs (3937B)
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 ];