wpt / css / css-typed-om / stylevalue-subclasses / numeric-objects / create-a-type.tentative.html

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

TestTest SourceSubtests (0/8)

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

SubtestStatusMessage
Creating a type from "number" returns {}FAILCSSUnitValue is not defined
Creating a type from "percent" returns { percent: 1 }FAILCSSUnitValue is not defined
Creating a type from <length> returns { length: 1 }FAILCSSUnitValue is not defined
Creating a type from <angle> returns { angle: 1 }FAILCSSUnitValue is not defined
Creating a type from <time> returns { time: 1 }FAILCSSUnitValue is not defined
Creating a type from <frequency> returns { frequency: 1 }FAILCSSUnitValue is not defined
Creating a type from <resolution> returns { resolution: 1 }FAILCSSUnitValue is not defined
Creating a type from <flex> returns { flex: 1 }FAILCSSUnitValue is not defined

/css/css-typed-om/stylevalue-subclasses/numeric-objects/create-a-type.tentative.html

<!doctype html>
<meta charset="utf-8">
<title>Creating Type From A Unit</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#create-a-type">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testhelper.js"></script>
<script>
'use strict';

test(() => {
  const value = new CSSUnitValue(0, 'number');
  assert_numeric_type_equals(value.type(), {});
}, 'Creating a type from "number" returns {}');

test(() => {
  const value = new CSSUnitValue(0, 'percent');
  assert_numeric_type_equals(value.type(), { percent: 1 });
}, 'Creating a type from "percent" returns { percent: 1 }');

test(() => {
  const value = new CSSUnitValue(0, 'px');
  assert_numeric_type_equals(value.type(), { length: 1 });
}, 'Creating a type from <length> returns { length: 1 }');

test(() => {
  const value = new CSSUnitValue(0, 'deg');
  assert_numeric_type_equals(value.type(), { angle: 1 });
}, 'Creating a type from <angle> returns { angle: 1 }');

test(() => {
  const value = new CSSUnitValue(0, 's');
  assert_numeric_type_equals(value.type(), { time: 1 });
}, 'Creating a type from <time> returns { time: 1 }');

test(() => {
  const value = new CSSUnitValue(0, 'Hz');
  assert_numeric_type_equals(value.type(), { frequency: 1 });
}, 'Creating a type from <frequency> returns { frequency: 1 }');

test(() => {
  const value = new CSSUnitValue(0, 'dpi');
  assert_numeric_type_equals(value.type(), { resolution: 1 });
}, 'Creating a type from <resolution> returns { resolution: 1 }');

test(() => {
  const value = new CSSUnitValue(0, 'fr');
  assert_numeric_type_equals(value.type(), { flex: 1 });
}, 'Creating a type from <flex> returns { flex: 1 }');

</script>