Source code
Revision control
Copy as Markdown
Other Tools
/* 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
// InactivePropertyHelper: `content-visibility` test cases.
const tests = [
...createDisplayTests(
[
"block",
"block ruby",
"flex",
"flow-root",
"flow-root list-item",
"grid",
"inherit",
"inline flow-root list-item",
"inline-block",
"inline-flex",
"inline-grid",
"list-item",
"table-caption",
],
true
),
...createDisplayTests(
[
"none",
"contents",
"initial",
"inline",
"inline list-item",
"inline-table",
"ruby",
"ruby-base",
"ruby-base-container",
"ruby-text",
"ruby-text-container",
"table",
"table-cell",
"table-column",
"table-column-group",
"table-footer-group",
"table-header-group",
"table-row",
"table-row-group",
"unset",
],
false
),
{
info: "content-visibility is active on replaced element",
property: "content-visibility",
tagName: "img",
rules: ["img { content-visibility: hidden; display: block; }"],
isActive: true,
},
];
function createDisplayTests(displayValues, active) {
return displayValues.map(displayValue => {
return {
info: `content-visibility is ${
active ? "active" : "inactive"
} on an element with display: ${displayValue}`,
property: "content-visibility",
tagName: "div",
rules: [`div { display: ${displayValue}; content-visibility: auto; }`],
isActive: active,
};
});
}
export default tests;