text-transform-valid.html

mozilla-central/testing/web-platform/tests/css/css-text/parsing/text-transform-valid.html

Enable keyboard shortcuts

Source code

File a bug in Core :: Layout: Text and Fonts

Revision control

Copy as Markdown

Other Tools

Test Info:

This WPT test may be referenced by the following Test IDs:
- /css/css-text/parsing/text-transform-valid.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>CSS Text Module Test: parsing text-transform with valid values</title>

<link rel="help" href="https://www.w3.org/TR/css-text-3/#propdef-text-transform">

<link rel="help" href="https://w3c.github.io/mathml-core/#new-text-transform-values">

<meta name="assert" content="text-transform supports the full grammar 'none | [capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto'.">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="/css/support/parsing-testcommon.js"></script>

</head>

<body>

<script>

test_valid_value("text-transform", "none");

test_valid_value("text-transform", "capitalize");

test_valid_value("text-transform", "uppercase");

test_valid_value("text-transform", "lowercase");

test_valid_value("text-transform", "full-width");

test_valid_value("text-transform", "full-size-kana");

test_valid_value("text-transform", "math-auto");

test_valid_value("text-transform", "capitalize full-width");

test_valid_value("text-transform", "uppercase full-size-kana");

test_valid_value("text-transform", "full-width full-size-kana");

// serialization canonicalizes the order of values: https://drafts.csswg.org/cssom/#serialize-a-css-value

test_valid_value("text-transform", "full-width lowercase", "lowercase full-width");

test_valid_value("text-transform", "full-size-kana capitalize", "capitalize full-size-kana");

test_valid_value("text-transform", "full-size-kana full-width", "full-width full-size-kana");

test_valid_value("text-transform", "capitalize full-width full-size-kana");

// serialization canonicalizes the order of values

test_valid_value("text-transform", "full-width full-size-kana uppercase", "uppercase full-width full-size-kana");

test_valid_value("text-transform", "full-size-kana lowercase full-width", "lowercase full-width full-size-kana");

test_valid_value("text-transform", "lowercase full-size-kana full-width", "lowercase full-width full-size-kana");

test_valid_value("text-transform", "full-width uppercase full-size-kana", "uppercase full-width full-size-kana");

test_valid_value("text-transform", "full-size-kana full-width capitalize", "capitalize full-width full-size-kana");

</script>

</body>

</html>