vertical-align.mjs (2381B)
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 ];