attr-all-types.html

assert_equals: Value 'attr(data-foo)', where 'data-foo=abc' should be valid for the property 'content'. expected "\"abc\"" but got "attr(data-foo)"

assert_equals: Value 'attr(data-foo)', where 'data-foo=var(--number)' should be valid for the property 'content'. expected "\"var(--number)\"" but got "attr(data-foo)"

assert_equals: Value 'attr(data-foo raw-string)', where 'data-foo=abc' should be valid for the property 'content'. expected "\"abc\"" but got "normal"

assert_equals: Value 'attr(data-foo raw-string)', where 'data-foo=var(--number)' should be valid for the property 'content'. expected "\"var(--number)\"" but got "normal"

assert_equals: Value 'attr(data-foo,)', where 'data-foo=abc' should be valid for the property 'content'. expected "\"abc\"" but got "normal"

assert_equals: Value 'attr(data-foo, 3)', where 'data-foo=attr(' should be valid for the property 'content'. expected "\"attr(\"" but got "normal"

assert_equals: Value 'attr(data-foo)', where 'data-foo=attr(' should be valid for the property 'content'. expected "\"attr(\"" but got "attr(data-foo)"

assert_equals: Value 'attr(data-foo raw-string)', where 'data-foo=attr(' should be valid for the property 'content'. expected "\"attr(\"" but got "normal"

assert_equals: Value 'attr(data-foo type(<string>))', where 'data-foo="abc"' should be valid for the property 'content'. expected "\"abc\"" but got "normal"

assert_equals: Value 'attr(data-foo type(<string>),)', where 'data-foo="abc"' should be valid for the property 'content'. expected "\"abc\"" but got "normal"

assert_equals: Value 'attr(data-foo type(<string>))', where 'data-foo="attr(data-foo)"' should be valid for the property 'content'. expected "\"attr(data-foo)\"" but got "normal"

assert_equals: Value 'attr(data-foo)', where 'data-foo=' should be valid for the property 'content'. expected "\"\"" but got "attr(data-foo)"

assert_equals: Value 'attr(non-existent)', where 'data-foo=' should be valid for the property 'font-family'. expected "\"\"" but got "serif"

assert_equals: Value 'attr(data-foo type(<custom-ident>))', where 'data-foo=anim' should be valid for the property 'animation-name'. expected "anim" but got "none"

assert_equals: Value 'attr(data-foo type(<custom-ident>), anim-fallback)', where 'data-foo="anim"' should be valid for the property 'animation-name'. expected "anim-fallback" but got "none"

assert_equals: Value 'attr(data-foo type(<custom-ident>), anim-fallback)', where 'data-foo=initial' should be valid for the property 'animation-name'. expected "anim-fallback" but got "none"

assert_equals: Value 'attr(data-foo type(<custom-ident>), anim)', where 'data-foo=var(' should be valid for the property 'animation-name'. expected "anim" but got "none"

assert_equals: Value 'attr(data-foo type(<color>))', where 'data-foo=red' should be valid for the property 'background-color'. expected "rgb(255, 0, 0)" but got "rgba(0, 0, 0, 0)"

assert_equals: Value 'attr(data-foo type(<color>))', where 'data-foo=#ff0099aa' should be valid for the property 'background-color'. expected "rgba(255, 0, 153, 0.667)" but got "rgba(0, 0, 0, 0)"

assert_equals: Value 'attr(data-foo type(<color>), red)', where 'data-foo=10' should be valid for the property 'background-color'. expected "rgb(255, 0, 0)" but got "rgba(0, 0, 0, 0)"

assert_equals: Value 'attr(data-foo type(<color>), green)', where 'data-foo=1000px' should be valid for the property 'background-color'. expected "rgb(0, 128, 0)" but got "rgba(0, 0, 0, 0)"

assert_equals: Value 'attr(data-foo type(<color>), green)', where 'data-foo=rgb(255, 0, 0)' should be valid for the property 'background-color'. expected "rgb(255, 0, 0)" but got "rgba(0, 0, 0, 0)"

assert_equals: Value 'attr(data-foo type(<color>))', where 'data-foo=color-mix(in lch, red, pink)' should be valid for the property 'background-color'. expected "lch(69.0389 65.7807 24.8018)" but got …

assert_equals: Value 'attr(data-foo type(<color>))', where 'data-foo=light-dark(#333b3c, #efefec)' should be valid for the property 'background-color'. expected "rgb(51, 59, 60)" but got "rgba(0, 0, 0…

assert_equals: Value 'attr(data-foo type(<number>))', where 'data-foo=10' should be valid for the property 'font-weight'. expected "10" but got "400"

assert_equals: Value 'attr(data-foo type(<number>), 30)', where 'data-foo=10px' should be valid for the property 'font-weight'. expected "30" but got "400"

assert_equals: Value 'attr(data-foo type(<number> | lighter | bold), bold)', where 'data-foo=lighter' should be valid for the property 'font-weight'. expected "100" but got "400"

assert_equals: Value 'attr(data-foo type(<number> | lighter | bold), lighter)', where 'data-foo=10px' should be valid for the property 'font-weight'. expected "100" but got "400"

assert_equals: Value 'attr(data-foo type(<number>))', where 'data-foo=calc(3 + 3)' should be valid for the property 'font-weight'. expected "6" but got "400"

assert_equals: Value 'attr(data-foo type(<number>), calc(10 + 20))', where 'data-foo=10px' should be valid for the property 'font-weight'. expected "30" but got "400"

assert_equals: Value 'attr(data-foo type(<number>), 10)', where 'data-foo=attr(' should be valid for the property 'font-weight'. expected "10" but got "400"

assert_equals: Value 'attr(data-foo type(<percentage>))', where 'data-foo=10%' should be valid for the property 'font-size'. expected "1.59961px" but got "16px"

assert_equals: Value 'attr(data-foo type(<percentage>), 10px)', where 'data-foo=abc' should be valid for the property 'font-size'. expected "10px" but got "16px"

assert_equals: Value 'attr(data-foo type(<percentage> | <length>), 10)', where 'data-foo=10px' should be valid for the property 'font-size'. expected "10px" but got "16px"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=10px' should be valid for the property 'width'. expected "10px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>), red)', where 'data-foo=10px' should be valid for the property 'width'. expected "10px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>), 42px)', where 'data-foo=calc(1px + 3px)' should be valid for the property 'width'. expected "4px" but got "784px"

assert_equals: Value 'attr(data-foo type(<angle>), italic)', where 'data-foo=30' should be valid for the property 'font-style'. expected "italic" but got "normal"

assert_equals: Value 'attr(data-foo type(<angle> | italic), 3deg)', where 'data-foo=italic' should be valid for the property 'font-style'. expected "italic" but got "normal"

assert_equals: Value 'attr(data-foo type(<time>))', where 'data-foo=10ms' should be valid for the property 'transition-duration'. expected "0.01s" but got "0s"

assert_equals: Value 'attr(data-foo type(<time>), 30s)', where 'data-foo=10m' should be valid for the property 'transition-duration'. expected "30s" but got "0s"

assert_equals: Value 'attr(data-foo type(<time>), calc(10s + 20s))', where 'data-foo=10m' should be valid for the property 'transition-duration'. expected "30s" but got "0s"

assert_equals: Value 'attr(data-foo type(invalid), 10px)', where 'data-foo=0px' should be valid for the property 'width'. expected "10px" but got "784px"

assert_equals: Value 'attr(data-foo type(<color>)', where 'data-foo=#ff0099aa' should be valid for the property 'background-color'. expected "rgba(255, 0, 153, 0.667)" but got "rgba(0, 0, 0, 0)"

assert_equals: Value 'attr(data-foo type(invalid | blue)', where 'data-foo=blue' should be valid for the property 'background-color'. expected "rgb(0, 0, 255)" but got "rgba(0, 0, 0, 0)"

assert_equals: Value 'attr(data-foo type(<length> | <percentage>)', where 'data-foo=10%' should be valid for the property 'width'. expected "78.4px" but got "784px"

assert_equals: Value 'attr(data-foo px)', where 'data-foo=10' should be valid for the property 'height'. expected "10px" but got "0px"

assert_equals: Value 'calc(attr(data-foo px) + 1px)', where 'data-foo=10' should be valid for the property 'width'. expected "11px" but got "784px"

assert_equals: Value 'attr(data-foo %)', where 'data-foo=10' should be valid for the property 'font-size'. expected "1.59961px" but got "16px"

assert_equals: Value 'attr(non-existent px, 3px)', where 'data-foo=10' should be valid for the property 'width'. expected "3px" but got "784px"

assert_equals: Value 'attr(data-foo number)', where 'data-foo=10' should be valid for the property 'font-weight'. expected "10" but got "400"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=var(--length, 3px)' should be valid for the property 'width'. expected "10px" but got "784px"

assert_equals: Value 'attr(data-foo type(*))', where 'data-foo=attr(data-bar px)' should be valid for the property 'font-size'. expected "3px" but got "16px"

assert_equals: Value 'attr(data-foo type(*))', where 'data-foo=attr(data-baz type(<length>), 11px)' should be valid for the property 'width'. expected "3px" but got "784px"

assert_equals: Value 'attr(data-foo type(*), anim)', where 'data-foo=attr(' should be valid for the property 'animation-name'. expected "anim" but got "none"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=3em' should be valid for the property 'width'. expected "48px" but got "784px"

assert_equals: Value 'attr(data-foo em)', where 'data-foo=3' should be valid for the property 'width'. expected "48px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=3ex' should be valid for the property 'width'. expected "25.728px" but got "784px"

assert_equals: Value 'attr(data-foo ex)', where 'data-foo=3' should be valid for the property 'width'. expected "25.728px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=3cap' should be valid for the property 'width'. expected "34.272px" but got "784px"

assert_equals: Value 'attr(data-foo cap)', where 'data-foo=3' should be valid for the property 'width'. expected "34.272px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=3ch' should be valid for the property 'width'. expected "26.832px" but got "784px"

assert_equals: Value 'attr(data-foo ch)', where 'data-foo=3' should be valid for the property 'width'. expected "26.832px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=3ic' should be valid for the property 'width'. expected "48px" but got "784px"

assert_equals: Value 'attr(data-foo ic)', where 'data-foo=3' should be valid for the property 'width'. expected "48px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=3rem' should be valid for the property 'width'. expected "48px" but got "784px"

assert_equals: Value 'attr(data-foo rem)', where 'data-foo=3' should be valid for the property 'width'. expected "48px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=3lh' should be valid for the property 'width'. expected "0px" but got "784px"

assert_equals: Value 'attr(data-foo lh)', where 'data-foo=3' should be valid for the property 'width'. expected "0px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=3rlh' should be valid for the property 'width'. expected "0px" but got "784px"

assert_equals: Value 'attr(data-foo rlh)', where 'data-foo=3' should be valid for the property 'width'. expected "0px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=3vw' should be valid for the property 'width'. expected "24px" but got "784px"

assert_equals: Value 'attr(data-foo vw)', where 'data-foo=3' should be valid for the property 'width'. expected "24px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=3vh' should be valid for the property 'width'. expected "18px" but got "784px"

assert_equals: Value 'attr(data-foo vh)', where 'data-foo=3' should be valid for the property 'width'. expected "18px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=3vi' should be valid for the property 'width'. expected "24px" but got "784px"

assert_equals: Value 'attr(data-foo vi)', where 'data-foo=3' should be valid for the property 'width'. expected "24px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=3vb' should be valid for the property 'width'. expected "18px" but got "784px"

assert_equals: Value 'attr(data-foo vb)', where 'data-foo=3' should be valid for the property 'width'. expected "18px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=3vmin' should be valid for the property 'width'. expected "18px" but got "784px"

assert_equals: Value 'attr(data-foo vmin)', where 'data-foo=3' should be valid for the property 'width'. expected "18px" but got "784px"

assert_equals: Value 'attr(data-foo type(<length>))', where 'data-foo=3vmax' should be valid for the property 'width'. expected "24px" but got "784px"

assert_equals: Value 'attr(data-foo vmax)', where 'data-foo=3' should be valid for the property 'width'. expected "24px" but got "784px"

assert_equals: Value 'attr(data-foo type(<time>))', where 'data-foo=3s' should be valid for the property 'transition-duration'. expected "3s" but got "0s"

assert_equals: Value 'attr(data-foo s)', where 'data-foo=3' should be valid for the property 'transition-duration'. expected "3s" but got "0s"

assert_equals: Value 'attr(data-foo type(<time>))', where 'data-foo=3ms' should be valid for the property 'transition-duration'. expected "0.003s" but got "0s"

assert_equals: Value 'attr(data-foo ms)', where 'data-foo=3' should be valid for the property 'transition-duration'. expected "0.003s" but got "0s"

assert_equals: Value 'attr(data-foo xx, 3px)', where 'data-foo=10' should be valid for the property 'width'. expected "3px" but got "784px"

assert_equals: Value 'attr(data-foo xx, 3px)', where 'data-foo=10px' should be valid for the property 'width'. expected "3px" but got "784px"