wpt / css / css-values / sin-cos-tan-invalid.html

Status: PASS | Duration: 66ms | Subtests: 42/42 | Open test on wpt.live | wpt.fyi

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

SubtestStatusMessage
e.style['transform'] = "rotate(sin())" should not set the property valuePASS
e.style['transform'] = "rotate(sin( ))" should not set the property valuePASS
e.style['transform'] = "rotate(sin(,))" should not set the property valuePASS
e.style['transform'] = "rotate(sin(1dag))" should not set the property valuePASS
e.style['transform'] = "rotate(sin(1deg, ))" should not set the property valuePASS
e.style['transform'] = "rotate(sin(, 1deg))" should not set the property valuePASS
e.style['transform'] = "rotate(sin(1deg + ))" should not set the property valuePASS
e.style['transform'] = "rotate(sin(1deg - ))" should not set the property valuePASS
e.style['transform'] = "rotate(sin(1deg * ))" should not set the property valuePASS
e.style['transform'] = "rotate(sin(1deg / ))" should not set the property valuePASS
e.style['transform'] = "rotate(sin(1deg 2deg))" should not set the property valuePASS
e.style['transform'] = "rotate(sin(1deg, , 2deg))" should not set the property valuePASS
e.style['transform'] = "rotate(cos())" should not set the property valuePASS
e.style['transform'] = "rotate(cos( ))" should not set the property valuePASS
e.style['transform'] = "rotate(cos(,))" should not set the property valuePASS
e.style['transform'] = "rotate(cos(1dag))" should not set the property valuePASS
e.style['transform'] = "rotate(cos(1deg, ))" should not set the property valuePASS
e.style['transform'] = "rotate(cos(, 1deg))" should not set the property valuePASS
e.style['transform'] = "rotate(cos(1deg + ))" should not set the property valuePASS
e.style['transform'] = "rotate(cos(1deg - ))" should not set the property valuePASS
e.style['transform'] = "rotate(cos(1deg * ))" should not set the property valuePASS
e.style['transform'] = "rotate(cos(1deg / ))" should not set the property valuePASS
e.style['transform'] = "rotate(cos(1deg 2deg))" should not set the property valuePASS
e.style['transform'] = "rotate(cos(1deg, , 2deg))" should not set the property valuePASS
e.style['transform'] = "rotate(tan())" should not set the property valuePASS
e.style['transform'] = "rotate(tan( ))" should not set the property valuePASS
e.style['transform'] = "rotate(tan(,))" should not set the property valuePASS
e.style['transform'] = "rotate(tan(1dag))" should not set the property valuePASS
e.style['transform'] = "rotate(tan(1deg, ))" should not set the property valuePASS
e.style['transform'] = "rotate(tan(, 1deg))" should not set the property valuePASS
e.style['transform'] = "rotate(tan(1deg + ))" should not set the property valuePASS
e.style['transform'] = "rotate(tan(1deg - ))" should not set the property valuePASS
e.style['transform'] = "rotate(tan(1deg * ))" should not set the property valuePASS
e.style['transform'] = "rotate(tan(1deg / ))" should not set the property valuePASS
e.style['transform'] = "rotate(tan(1deg 2deg))" should not set the property valuePASS
e.style['transform'] = "rotate(tan(1deg, , 2deg))" should not set the property valuePASS
e.style['transform'] = "rotate(sin(90px))" should not set the property valuePASS
e.style['transform'] = "rotate(sin(30deg + 1.0471967rad, 0))" should not set the property valuePASS
e.style['transform'] = "rotate(cos( 0 ,))" should not set the property valuePASS
e.style['transform'] = "rotate(cos( () 30deg - 0.523599rad ))" should not set the property valuePASS
e.style['transform'] = "rotate(tan(45deg ))" should not set the property valuePASS
e.style['transform'] = "rotate(tan(30deg, + 0.261799rad))" should not set the property valuePASS

/css/css-values/sin-cos-tan-invalid.html

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-values-4/#comp-func">
<link rel="help" href="https://drafts.csswg.org/css-values-4/#angles">
<link rel="help" href="https://drafts.csswg.org/css-values-4/#calc-type-checking">
<link rel="author" title="Apple Inc">
<link rel="author" title="Seokho Song" href="seokho@chromium.org">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/parsing-testcommon.js"></script>
<script>
function test_invalid_angle(value) {
  test_invalid_value('transform', `rotate(${value})`);
}

// Syntax checking
test_invalid_angle('sin()');
test_invalid_angle('sin( )');
test_invalid_angle('sin(,)');
test_invalid_angle('sin(1dag)');
test_invalid_angle('sin(1deg, )');
test_invalid_angle('sin(, 1deg)');
test_invalid_angle('sin(1deg + )');
test_invalid_angle('sin(1deg - )');
test_invalid_angle('sin(1deg * )');
test_invalid_angle('sin(1deg / )');
test_invalid_angle('sin(1deg 2deg)');
test_invalid_angle('sin(1deg, , 2deg)');
test_invalid_angle('cos()');
test_invalid_angle('cos( )');
test_invalid_angle('cos(,)');
test_invalid_angle('cos(1dag)');
test_invalid_angle('cos(1deg, )');
test_invalid_angle('cos(, 1deg)');
test_invalid_angle('cos(1deg + )');
test_invalid_angle('cos(1deg - )');
test_invalid_angle('cos(1deg * )');
test_invalid_angle('cos(1deg / )');
test_invalid_angle('cos(1deg 2deg)');
test_invalid_angle('cos(1deg, , 2deg)');
test_invalid_angle('tan()');
test_invalid_angle('tan( )');
test_invalid_angle('tan(,)');
test_invalid_angle('tan(1dag)');
test_invalid_angle('tan(1deg, )');
test_invalid_angle('tan(, 1deg)');
test_invalid_angle('tan(1deg + )');
test_invalid_angle('tan(1deg - )');
test_invalid_angle('tan(1deg * )');
test_invalid_angle('tan(1deg / )');
test_invalid_angle('tan(1deg 2deg)');
test_invalid_angle('tan(1deg, , 2deg)');
test_invalid_angle('sin(90px)');
test_invalid_angle('sin(30deg + 1.0471967rad, 0)');
test_invalid_angle('cos( 0 ,)');
test_invalid_angle('cos( () 30deg - 0.523599rad )');
test_invalid_angle('tan(45deg )');
test_invalid_angle('tan(30deg, + 0.261799rad)');
</script>