mirror of
https://github.com/servo/servo.git
synced 2025-08-03 20:50:07 +01:00
Add calc parsing tests for the other properties
This commit is contained in:
parent
25829bbb12
commit
2591a89a91
2 changed files with 211 additions and 0 deletions
|
@ -6,3 +6,123 @@
|
||||||
[calc(0px + 0pt + 0pc + 0in + 0cm + 0mm + 0rem + 0em + 0ex + 0% + 0vw + 0vh + 0vmin + 0vmax)]
|
[calc(0px + 0pt + 0pc + 0in + 0cm + 0mm + 0rem + 0em + 0ex + 0% + 0vw + 0vh + 0vmin + 0vmax)]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for border-width]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for border-top-width]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for border-left-width]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for border-right-width]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for border-bottom-width]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for outline-width]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for outline-offset]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for letter-spacing]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for word-spacing]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for border-spacing]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for column-width]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for column-gap]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for perspective]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for border-top-left-radius]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for border-bottom-left-radius]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for border-top-right-radius]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for border-bottom-right-radius]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for top]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for left]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for bottom]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for right]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for width]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for height]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for min-width]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for min-height]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for max-width]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for max-height]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for line-height]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for vertical-align]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for background-position]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for background-size]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for font-size]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for text-indent]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for transform-origin]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for perspective-origin]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for transition-delay]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for z-index]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for column-count]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for opacity]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[calc for transition-duration]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
|
|
@ -57,6 +57,97 @@ widthTests.forEach(function(item) {
|
||||||
assert_equals(window.getComputedStyle(div).getPropertyValue('width'), item[2]);
|
assert_equals(window.getComputedStyle(div).getPropertyValue('width'), item[2]);
|
||||||
}, item[0]);
|
}, item[0]);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
var lengthProperties = [
|
||||||
|
'border-width',
|
||||||
|
'border-top-width',
|
||||||
|
'border-left-width',
|
||||||
|
'border-right-width',
|
||||||
|
'border-bottom-width',
|
||||||
|
'outline-width',
|
||||||
|
'outline-offset',
|
||||||
|
'letter-spacing',
|
||||||
|
'word-spacing',
|
||||||
|
'border-spacing',
|
||||||
|
'column-width',
|
||||||
|
'column-gap',
|
||||||
|
'perspective',
|
||||||
|
];
|
||||||
|
|
||||||
|
lengthProperties.forEach(function(prop) {
|
||||||
|
test(function() {
|
||||||
|
div.style.setProperty(prop, 'calc(1px)');
|
||||||
|
assert_equals(div.style.getPropertyValue(prop), '1px');
|
||||||
|
assert_equals(window.getComputedStyle(div).getPropertyValue(prop), '1px');
|
||||||
|
}, 'calc for ' + prop);
|
||||||
|
});
|
||||||
|
|
||||||
|
var lengthOrPercentageProperties = [
|
||||||
|
'border-top-left-radius',
|
||||||
|
'border-bottom-left-radius',
|
||||||
|
'border-top-right-radius',
|
||||||
|
'border-bottom-right-radius',
|
||||||
|
'top',
|
||||||
|
'left',
|
||||||
|
'bottom',
|
||||||
|
'right',
|
||||||
|
'width',
|
||||||
|
'height',
|
||||||
|
'min-width',
|
||||||
|
'min-height',
|
||||||
|
'max-width',
|
||||||
|
'max-height',
|
||||||
|
'line-height',
|
||||||
|
'vertical-align',
|
||||||
|
'background-position',
|
||||||
|
'background-size',
|
||||||
|
'font-size',
|
||||||
|
'text-indent',
|
||||||
|
'transform-origin',
|
||||||
|
'perspective-origin',
|
||||||
|
];
|
||||||
|
|
||||||
|
lengthOrPercentageProperties.forEach(function(prop) {
|
||||||
|
test(function() {
|
||||||
|
div.style.setProperty(prop, 'calc(1px + 0%)');
|
||||||
|
assert_equals(div.style.getPropertyValue(prop), 'calc(1px + 0%)');
|
||||||
|
assert_equals(window.getComputedStyle(div).getPropertyValue(prop), '1px');
|
||||||
|
}, 'calc for ' + prop);
|
||||||
|
});
|
||||||
|
|
||||||
|
var timeProperties = [
|
||||||
|
'transition-delay',
|
||||||
|
];
|
||||||
|
|
||||||
|
timeProperties.forEach(function(prop) {
|
||||||
|
test(function() {
|
||||||
|
div.style.setProperty(prop, 'calc(1s)');
|
||||||
|
assert_equals(div.style.getPropertyValue(prop), '1s');
|
||||||
|
assert_equals(window.getComputedStyle(div).getPropertyValue(prop), '1s');
|
||||||
|
}, 'calc for ' + prop);
|
||||||
|
});
|
||||||
|
|
||||||
|
var numberProperties = [
|
||||||
|
'z-index',
|
||||||
|
'column-count',
|
||||||
|
'opacity',
|
||||||
|
'transition-duration',
|
||||||
|
];
|
||||||
|
|
||||||
|
numberProperties.forEach(function(prop) {
|
||||||
|
test(function() {
|
||||||
|
div.style.setProperty(prop, 'calc(1)');
|
||||||
|
assert_equals(div.style.getPropertyValue(prop), '1');
|
||||||
|
assert_equals(window.getComputedStyle(div).getPropertyValue(prop), '1');
|
||||||
|
}, 'calc for ' + prop);
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
/* TODO: test these:
|
||||||
|
counter-increment, counter-reset,
|
||||||
|
color, box-shadow, clip, text-shadow, transform
|
||||||
|
transition-timing-function
|
||||||
|
*/
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue