fune/devtools/server/tests/mochitest/inactive-property-helper/max-min-width-height.js

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

// InactivePropertyHelper `width`, `min-width`, `max-width`, `height`, `min-height`,
// `max-height` test cases.
export default [{
  info: "width is inactive on a non-replaced inline element",
  property: "width",
  tagName: "span",
  rules: ["span { width: 500px; }"],
  isActive: false,
}, {
  info: "min-width is inactive on a non-replaced inline element",
  property: "min-width",
  tagName: "span",
  rules: ["span { min-width: 500px; }"],
  isActive: false,
}, {
  info: "max-width is inactive on a non-replaced inline element",
  property: "max-width",
  tagName: "span",
  rules: ["span { max-width: 500px; }"],
  isActive: false,
}, {
  info: "width is inactive on an tr element",
  property: "width",
  tagName: "tr",
  rules: ["tr { width: 500px; }"],
  isActive: false,
}, {
  info: "min-width is inactive on an tr element",
  property: "min-width",
  tagName: "tr",
  rules: ["tr { min-width: 500px; }"],
  isActive: false,
}, {
  info: "max-width is inactive on an tr element",
  property: "max-width",
  tagName: "tr",
  rules: ["tr { max-width: 500px; }"],
  isActive: false,
}, {
  info: "width is inactive on an thead element",
  property: "width",
  tagName: "thead",
  rules: ["thead { width: 500px; }"],
  isActive: false,
}, {
  info: "min-width is inactive on an thead element",
  property: "min-width",
  tagName: "thead",
  rules: ["thead { min-width: 500px; }"],
  isActive: false,
}, {
  info: "max-width is inactive on an thead element",
  property: "max-width",
  tagName: "thead",
  rules: ["thead { max-width: 500px; }"],
  isActive: false,
}, {
  info: "width is inactive on an tfoot element",
  property: "width",
  tagName: "tfoot",
  rules: ["tfoot { width: 500px; }"],
  isActive: false,
}, {
  info: "min-width is inactive on an tfoot element",
  property: "min-width",
  tagName: "tfoot",
  rules: ["tfoot { min-width: 500px; }"],
  isActive: false,
}, {
  info: "max-width is inactive on an tfoot element",
  property: "max-width",
  tagName: "tfoot",
  rules: ["tfoot { max-width: 500px; }"],
  isActive: false,
}, {
  info: "width is active on a replaced inline element",
  property: "width",
  tagName: "img",
  rules: ["img { width: 500px; }"],
  isActive: true,
}, {
  info: "min-width is active on a replaced inline element",
  property: "min-width",
  tagName: "img",
  rules: ["img { min-width: 500px; }"],
  isActive: true,
}, {
  info: "max-width is active on a replaced inline element",
  property: "max-width",
  tagName: "img",
  rules: ["img { max-width: 500px; }"],
  isActive: true,
}, {
  info: "width is active on a block element",
  property: "width",
  tagName: "div",
  rules: ["div { width: 500px; }"],
  isActive: true,
}, {
  info: "min-width is active on a block element",
  property: "min-width",
  tagName: "div",
  rules: ["div { min-width: 500px; }"],
  isActive: true,
}, {
  info: "max-width is active on a block element",
  property: "max-width",
  tagName: "div",
  rules: ["div { max-width: 500px; }"],
  isActive: true,
}, {
  info: "height is inactive on a non-replaced inline element",
  property: "height",
  tagName: "span",
  rules: ["span { height: 500px; }"],
  isActive: false,
}, {
  info: "min-height is inactive on a non-replaced inline element",
  property: "min-height",
  tagName: "span",
  rules: ["span { min-height: 500px; }"],
  isActive: false,
}, {
  info: "max-height is inactive on a non-replaced inline element",
  property: "max-height",
  tagName: "span",
  rules: ["span { max-height: 500px; }"],
  isActive: false,
}, {
  info: "height is inactive on colgroup element",
  property: "height",
  tagName: "colgroup",
  rules: ["colgroup { height: 500px; }"],
  isActive: false,
}, {
  info: "min-height is inactive on colgroup element",
  property: "min-height",
  tagName: "colgroup",
  rules: ["colgroup { min-height: 500px; }"],
  isActive: false,
}, {
  info: "max-height is inactive on colgroup element",
  property: "max-height",
  tagName: "colgroup",
  rules: ["colgroup { max-height: 500px; }"],
  isActive: false,
}, {
  info: "height is inactive on col element",
  property: "height",
  tagName: "col",
  rules: ["col { height: 500px; }"],
  isActive: false,
}, {
  info: "min-height is inactive on col element",
  property: "min-height",
  tagName: "col",
  rules: ["col { min-height: 500px; }"],
  isActive: false,
}, {
  info: "max-height is inactive on col element",
  property: "max-height",
  tagName: "col",
  rules: ["col { max-height: 500px; }"],
  isActive: false,
}, {
  info: "height is active on a replaced inline element",
  property: "height",
  tagName: "img",
  rules: ["img { height: 500px; }"],
  isActive: true,
}, {
  info: "min-height is active on a replaced inline element",
  property: "min-height",
  tagName: "img",
  rules: ["img { min-height: 500px; }"],
  isActive: true,
}, {
  info: "max-height is active on a replaced inline element",
  property: "max-height",
  tagName: "img",
  rules: ["img { max-height: 500px; }"],
  isActive: true,
}, {
  info: "height is active on a block element",
  property: "height",
  tagName: "div",
  rules: ["div { height: 500px; }"],
  isActive: true,
}, {
  info: "min-height is active on a block element",
  property: "min-height",
  tagName: "div",
  rules: ["div { min-height: 500px; }"],
  isActive: true,
}, {
  info: "max-height is active on a block element",
  property: "max-height",
  tagName: "div",
  rules: ["div { max-height: 500px; }"],
  isActive: true,
}];