mirror of
https://github.com/servo/servo.git
synced 2025-10-04 02:29:12 +01:00
Update web-platform-tests to revision 4a5223502fa660ce03e470af6a61c8bc26c5a8ee
This commit is contained in:
parent
c5f7c9ccf3
commit
e891345f26
1328 changed files with 36632 additions and 20588 deletions
|
@ -8,7 +8,7 @@
|
|||
<script src="/css/css-align/resources/alignment-parsing-utils.js"></script>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
let classes = Object.assign({"Normal":"normal"}, contentPositionClasses, distributionClasses);
|
||||
let classes = Object.assign({"Normal":"normal"}, contentPositionClasses, distributionClasses, overflowClasses);
|
||||
for (var key in classes) {
|
||||
let value = classes[key];
|
||||
test(function() {
|
||||
|
|
|
@ -8,10 +8,12 @@
|
|||
<script src="/css/css-align/resources/alignment-parsing-utils.js"></script>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
let classes = Object.assign({"Normal":"normal"}, contentPositionClasses, distributionClasses, baselineClasses);
|
||||
let classes = Object.assign({"Normal":"normal"}, contentPositionClasses, distributionClasses, baselineClasses,
|
||||
overflowClasses);
|
||||
for (var key1 in classes) {
|
||||
let alignValue = classes[key1];
|
||||
let classes2 = Object.assign({"Normal":"normal", "Left":"left", "Right":"right"}, contentPositionClasses, distributionClasses);
|
||||
let classes2 = Object.assign({"Normal":"normal", "Left":"left", "Right":"right"}, contentPositionClasses,
|
||||
distributionClasses);
|
||||
for (var key2 in classes2) {
|
||||
let justifyValue = classes2[key2];
|
||||
test(function() {
|
||||
|
|
|
@ -13,11 +13,6 @@
|
|||
checkPlaceShorthandInvalidValues("place-content", "align-content", "justify-content", value);
|
||||
}
|
||||
|
||||
test(function() {
|
||||
checkInvalidValues("safe center")
|
||||
checkInvalidValues("unsafe center")
|
||||
}, "Verify overflow keywords are invalid");
|
||||
|
||||
test(function() {
|
||||
checkInvalidValues("center space-between start")
|
||||
}, "Verify fallback values are invalid");
|
||||
|
@ -29,8 +24,6 @@
|
|||
}, "Verify 'left' and 'right' values are invalid for block/cross axis alignment");
|
||||
|
||||
test(function() {
|
||||
checkInvalidValues("baseline")
|
||||
checkInvalidValues("first baseline")
|
||||
checkInvalidValues("start baseline")
|
||||
checkInvalidValues("end last baseline")
|
||||
}, "Verify <baseline-position> values are invalid for the justify-content property");
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
<div id="log"></div>
|
||||
<script>
|
||||
let classes = Object.assign({"Normal":"normal", "Stretch":"stretch", "Left":"left", "Right":"right"},
|
||||
selfPositionClasses, baselineClasses, overflowClasses);
|
||||
selfPositionClasses, baselineClasses, overflowClasses, legacyClasses);
|
||||
|
||||
for (var key in classes) {
|
||||
let specifiedValue = classes[key];
|
||||
|
|
|
@ -17,7 +17,7 @@
|
|||
document.body.appendChild(element);
|
||||
|
||||
let classes = Object.assign({"Normal":"normal", "Stretch":"stretch", "Left":"left", "Right":"right"},
|
||||
selfPositionClasses, baselineClasses, overflowClasses);
|
||||
selfPositionClasses, baselineClasses, overflowClasses, legacyClasses);
|
||||
|
||||
for (var key in classes) {
|
||||
let specifiedValue = classes[key];
|
||||
|
|
|
@ -8,7 +8,8 @@
|
|||
<script src="/css/css-align/resources/alignment-parsing-utils.js"></script>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
let classes = Object.assign({"Normal":"normal", "Stretch":"stretch"}, selfPositionClasses, baselineClasses);
|
||||
let classes = Object.assign({"Normal":"normal", "Stretch":"stretch"}, selfPositionClasses, baselineClasses,
|
||||
overflowClasses);
|
||||
for (var key in classes) {
|
||||
let value = classes[key];
|
||||
test(function() {
|
||||
|
|
|
@ -8,10 +8,11 @@
|
|||
<script src="/css/css-align/resources/alignment-parsing-utils.js"></script>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
let classes = Object.assign({"Normal":"normal", "Stretch":"stretch"}, selfPositionClasses, baselineClasses);
|
||||
let classes = Object.assign({"Normal":"normal", "Stretch":"stretch"}, selfPositionClasses, baselineClasses,
|
||||
overflowClasses);
|
||||
for (var key1 in classes) {
|
||||
let alignValue = classes[key1];
|
||||
let classes2 = Object.assign({"Left":"left", "Right":"right"}, classes);
|
||||
let classes2 = Object.assign({"Left":"left", "Right":"right"}, legacyClasses, classes);
|
||||
for (var key2 in classes2) {
|
||||
let justifyValue = classes2[key2];
|
||||
test(function() {
|
||||
|
|
|
@ -14,12 +14,7 @@
|
|||
}
|
||||
|
||||
test(function() {
|
||||
checkInvalidValues("safe center")
|
||||
checkInvalidValues("unsafe center")
|
||||
}, "Verify overflow keywords are invalid");
|
||||
|
||||
test(function() {
|
||||
checkInvalidValues("center space-between start")
|
||||
checkInvalidValues("center end start")
|
||||
}, "Verify fallback values are invalid");
|
||||
|
||||
test(function() {
|
||||
|
@ -33,23 +28,6 @@
|
|||
checkInvalidValues("right 10%")
|
||||
}, "Verify numeric values are invalid");
|
||||
|
||||
test(function() {
|
||||
checkInvalidValues("auto")
|
||||
checkInvalidValues("auto right")
|
||||
checkInvalidValues("auto auto")
|
||||
checkInvalidValues("center auto")
|
||||
}, "Verify 'auto' value is invalid.");
|
||||
|
||||
test(function() {
|
||||
checkInvalidValues("legacy")
|
||||
checkInvalidValues("legacy start")
|
||||
checkInvalidValues("end legacy")
|
||||
checkInvalidValues("legacy left")
|
||||
checkInvalidValues("center legacy")
|
||||
checkInvalidValues("start legacy center")
|
||||
}, "Verify 'legacy' value is invalid.");
|
||||
|
||||
|
||||
test(function() {
|
||||
checkInvalidValues("")
|
||||
}, "Verify empty declaration is invalid");
|
||||
|
|
|
@ -0,0 +1,131 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset=utf-8>
|
||||
<title>Test serialization of CSS Align shorthand properties</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
|
||||
var initial_values = {
|
||||
alignContent: "normal",
|
||||
alignItems: "normal",
|
||||
alignSelf: "auto",
|
||||
justifyContent: "normal",
|
||||
justifyItems: "legacy",
|
||||
justifySelf: "auto",
|
||||
};
|
||||
|
||||
var place_content_test_cases = [
|
||||
{
|
||||
alignContent: "center",
|
||||
shorthand: "center normal",
|
||||
},
|
||||
{
|
||||
alignContent: "baseline safe right",
|
||||
shorthand: "",
|
||||
},
|
||||
{
|
||||
justifyContent: "safe start",
|
||||
shorthand: "normal safe start",
|
||||
},
|
||||
{
|
||||
justifyContent: "unsafe start",
|
||||
shorthand: ["normal start", "normal unsafe start"],
|
||||
},
|
||||
{
|
||||
justifyContent: "space-evenly start",
|
||||
shorthand: "",
|
||||
},
|
||||
{
|
||||
alignContent: "start",
|
||||
justifyContent: "end",
|
||||
shorthand: "start end",
|
||||
},
|
||||
];
|
||||
|
||||
var place_items_test_cases = [
|
||||
{
|
||||
alignItems: "center",
|
||||
shorthand: "center legacy",
|
||||
},
|
||||
{
|
||||
alignItems: "baseline",
|
||||
shorthand: "baseline legacy",
|
||||
},
|
||||
{
|
||||
justifyItems: "safe start",
|
||||
shorthand: "normal safe start",
|
||||
},
|
||||
{
|
||||
justifyItems: "unsafe start",
|
||||
shorthand: ["normal start", "normal unsafe start"],
|
||||
},
|
||||
{
|
||||
justifyItems: "stretch",
|
||||
shorthand: "normal stretch",
|
||||
},
|
||||
{
|
||||
justifyItems: "left legacy",
|
||||
shorthand: "normal legacy left",
|
||||
},
|
||||
{
|
||||
alignItems: "stretch",
|
||||
justifyItems: "end",
|
||||
shorthand: "stretch end",
|
||||
},
|
||||
];
|
||||
|
||||
var place_self_test_cases = [
|
||||
{
|
||||
alignSelf: "self-end safe",
|
||||
shorthand: "",
|
||||
},
|
||||
{
|
||||
justifySelf: "unsafe start",
|
||||
shorthand: ["auto start", "auto unsafe start"],
|
||||
},
|
||||
{
|
||||
justifySelf: "last baseline start",
|
||||
shorthand: "",
|
||||
},
|
||||
{
|
||||
alignSelf: "baseline",
|
||||
justifySelf: "last baseline",
|
||||
shorthand: "baseline last baseline",
|
||||
},
|
||||
];
|
||||
|
||||
function run_tests(test_cases, shorthand, subproperties) {
|
||||
test_cases.forEach(function(test_case) {
|
||||
test(function() {
|
||||
var element = document.createElement('div');
|
||||
document.body.appendChild(element);
|
||||
subproperties.forEach(function(longhand) {
|
||||
element.style[longhand] = test_case[longhand] ||
|
||||
initial_values[longhand];
|
||||
});
|
||||
if (Array.isArray(test_case.shorthand)) {
|
||||
assert_in_array(element.style[shorthand], test_case.shorthand);
|
||||
} else {
|
||||
assert_equals(element.style[shorthand], test_case.shorthand);
|
||||
}
|
||||
}, "test shorthand serialization " + JSON.stringify(test_case));
|
||||
});
|
||||
}
|
||||
|
||||
run_tests(place_content_test_cases, "placeContent", [
|
||||
"alignContent", "justifyContent"]);
|
||||
run_tests(place_items_test_cases, "placeItems", [
|
||||
"alignItems", "justifyItems"]);
|
||||
run_tests(place_self_test_cases, "placeSelf", [
|
||||
"alignSelf", "justifySelf"]);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -3,7 +3,7 @@ var contentPositionClasses = {"Start":"start", "End":"end", "Center":"center", "
|
|||
var distributionClasses = {"Stretch":"stretch", "SpaceAround":"space-around", "SpaceBetween":"space-between", "SpaceEvenly":"space-evenly"};
|
||||
var baselineClasses = {"Baseline":"baseline", "FirstBaseline":"first baseline", "LastBaseline":"last baseline"};
|
||||
var overflowClasses = {"SafeFlexEnd":"safe flex-end", "UnsafeEnd":"unsafe end", "SafeEnd":"safe end", "UnsafeFlexStart":"unsafe flex-start", "SafeCenter":"safe center"};
|
||||
var legacyClasses = {"LegacyLeft":"legacy left", "LegacyCenter":"legacy center", "LegacyRight":"legacy right", "LeftLegacy":"left legacy", "CenterLegacy":"center legacy", "RightLegacy":"right legacy", "Legacy":"legacy"};
|
||||
var legacyClasses = {"LegacyLeft":"legacy left", "LegacyCenter":"legacy center", "LegacyRight":"legacy right"};
|
||||
|
||||
var invalidPositionValues = ["auto safe", "auto left", "normal unsafe", "normal stretch", "baseline normal",
|
||||
"baseline center", "first baseline center", "last baseline center", "baseline last",
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<div id="log"></div>
|
||||
<script>
|
||||
let classes = Object.assign({"Auto":"auto", "Normal":"normal", "Stretch":"stretch"}, selfPositionClasses,
|
||||
baselineClasses);
|
||||
baselineClasses, overflowClasses);
|
||||
for (var key in classes) {
|
||||
let value = classes[key];
|
||||
test(function() {
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<div id="log"></div>
|
||||
<script>
|
||||
let classes = Object.assign({"Auto":"auto", "Normal":"normal", "Stretch":"stretch"}, selfPositionClasses,
|
||||
baselineClasses);
|
||||
baselineClasses, overflowClasses);
|
||||
for (var key1 in classes) {
|
||||
let alignValue = classes[key1];
|
||||
let classes2 = Object.assign({"Left":"left", "Right":"right"}, classes);
|
||||
|
|
|
@ -14,12 +14,7 @@
|
|||
}
|
||||
|
||||
test(function() {
|
||||
checkInvalidValues("safe center")
|
||||
checkInvalidValues("unsafe center")
|
||||
}, "Verify overflow keywords are invalid");
|
||||
|
||||
test(function() {
|
||||
checkInvalidValues("center space-between start")
|
||||
checkInvalidValues("center end start")
|
||||
}, "Verify fallback values are invalid");
|
||||
|
||||
test(function() {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue