wpt / css / css-transforms / parsing / transform-computed.html

Status: FAIL | Duration: 55ms | Subtests: 1/9 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (1/9)

Data from commit:
7727414 ci: report WPT subtest changes in the PR description (#826) (2026-09-02)

SubtestStatusMessage
Property transform value 'perspective(none)'FAILassert_equals: expected "matrix(1, 0, 0, 1, 0, 0)" but got "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)"
Property transform value 'perspective(10px)'PASS
Property transform value 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)'FAILassert_equals: expected "matrix(1, 0, 0, 1, 0, 0)" but got "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)"
Property -webkit-transform value 'perspective(none)'FAILassert_equals: expected "matrix(1, 0, 0, 1, 0, 0)" but got "perspective(none)"
Property -webkit-transform value 'perspective(10px)'FAILassert_equals: expected "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.1, 0, 0, 0, 1)" but got "perspective(10px)"
Property -webkit-transform value 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)'FAILassert_equals: expected "matrix(1, 0, 0, 1, 0, 0)" but got "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)"
Property -moz-transform value 'perspective(none)'FAILassert_equals: expected "matrix(1, 0, 0, 1, 0, 0)" but got "perspective(none)"
Property -moz-transform value 'perspective(10px)'FAILassert_equals: expected "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.1, 0, 0, 0, 1)" but got "perspective(10px)"
Property -moz-transform value 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)'FAILassert_equals: expected "matrix(1, 0, 0, 1, 0, 0)" but got "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)"

/css/css-transforms/parsing/transform-computed.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Transform Module Level 1: getComputedStyle().transform</title>
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#serialization-of-the-computed-value">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
<style>
  #target {
    width: 200px;
    height: 300px;
    font-size: 40px;
  }
</style>
</head>
<body>
<div id="target"></div>
<script>
let props = ["transform"];
if (CSS.supports("-webkit-transform", "none")) {
  props.push("-webkit-transform");
}
if (CSS.supports("-moz-transform", "none")) {
  props.push("-moz-transform");
}
for (let prop of props) {
  test_computed_value(prop, "perspective(none)", "matrix(1, 0, 0, 1, 0, 0)");
  test_computed_value(prop, "perspective(10px)", "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.1, 0, 0, 0, 1)");
  test_computed_value(prop, "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)", "matrix(1, 0, 0, 1, 0, 0)");
  // FIXME: This needs more tests to cover all the other transform functions.
}
</script>
</body>
</html>