calc-size-width-box-sizing.html

FAILExpected4 of 15 subtests pass327 ms

Run in Kitesurf Source

Details

Test: /css/css-values/calc-size/calc-size-width-box-sizing.html
Harness: OK

Subtests

All15Failing11Passing4

Status	Subtest	Message
PASS	resolved width with styles {"width":"auto"}
PASS	resolved width with styles {"width":"auto","box-sizing":"border-box"}
PASS	resolved width with styles {"width":"calc-size(auto, size)"}
PASS	resolved width with styles {"width":"calc-size(auto, size)","box-sizing":"border-box"}
FAIL	resolved width with styles {"width":"calc-size(auto, size * 2)"} assert_equals: getComputedStyle(target).width expected "14px" but got "7px"	assert_equals: getComputedStyle(target).width expected "14px" but got "7px"
FAIL	resolved width with styles {"width":"calc-size(auto, size * 2)","box-sizing":"content-box"} assert_equals: getComputedStyle(target).width expected "14px" but got "7px"	assert_equals: getComputedStyle(target).width expected "14px" but got "7px"
FAIL	resolved width with styles {"width":"calc-size(auto, size * 2)","box-sizing":"border-box"} assert_equals: getComputedStyle(target).width expected "38px" but got "19px"	assert_equals: getComputedStyle(target).width expected "38px" but got "19px"
FAIL	resolved width with styles {"width":"calc-size(min-content, size * 2)"} assert_equals: getComputedStyle(target).width expected "14px" but got "7px"	assert_equals: getComputedStyle(target).width expected "14px" but got "7px"
FAIL	resolved width with styles {"width":"calc-size(fit-content, size * 2)","box-sizing":"border-box"} assert_equals: getComputedStyle(target).width expected "38px" but got "19px"	assert_equals: getComputedStyle(target).width expected "38px" but got "19px"
FAIL	resolved width with styles {"min-width":"calc-size(min-content, size * 2)"} assert_equals: getComputedStyle(target).width expected "14px" but got "7px"	assert_equals: getComputedStyle(target).width expected "14px" but got "7px"
FAIL	resolved width with styles {"min-width":"calc-size(max-content, size * 2)","box-sizing":"border-box"} assert_equals: getComputedStyle(target).width expected "38px" but got "19px"	assert_equals: getComputedStyle(target).width expected "38px" but got "19px"
FAIL	resolved width with styles {"width":"200px","max-width":"calc-size(max-content, size * 2)"} assert_equals: getComputedStyle(target).width expected "14px" but got "200px"	assert_equals: getComputedStyle(target).width expected "14px" but got "200px"
FAIL	resolved width with styles {"width":"200px","max-width":"calc-size(min-content, size * 2)","box-sizing":"border-box"} assert_equals: getComputedStyle(target).width expected "38px" but got "200px"	assert_equals: getComputedStyle(target).width expected "38px" but got "200px"
FAIL	resolved width with styles {"width":"calc-size(11px, size * 2)"} assert_equals: getComputedStyle(target).width expected "22px" but got "7px"	assert_equals: getComputedStyle(target).width expected "22px" but got "7px"
FAIL	resolved width with styles {"width":"calc-size(11px, size * 2)","box-sizing":"border-box"} assert_equals: getComputedStyle(target).width expected "22px" but got "19px"	assert_equals: getComputedStyle(target).width expected "22px" but got "19px"