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

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

TestTest SourceSubtests (1/9)

Data from commit:
744bf21 ci: use +/- markers for same-status tests with subtest changes (#830) (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>