<!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">
<meta name="assert" content="text-transform supports the full grammar 'none | [capitalize | uppercase | lowercase ] || full-width || full-size-kana'.">
<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", "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>
