<!DOCTYPE html>
<html>
<head>
<script src="../../../resources/js-test-pre.js"></script>
<style id="target">
#dummy {
}
#dummy {
    text-decoration-thickness: auto;
}
#dummy {
    text-decoration-thickness: from-font;
}
#dummy {
    text-decoration-thickness: auto 37px;
}
#dummy {
    text-decoration-thickness: garbage;
}
#dummy {
    text-decoration-thickness: 37px;
}
#dummy {
    text-decoration-thickness: 2em;
}
</style>
</head>
<body>
<div id="test1"></div>
<div id="test2" style="text-decoration-thickness: auto;"></div>
<div id="test3" style="text-decoration-thickness: from-font;"></div>
<div id="test4" style="text-decoration-thickness: auto 37px;"></div>
<div id="test5" style="text-decoration-thickness: garbage;"></div>
<div id="test6" style="text-decoration-thickness: 37px;"></div>
<div id="test7" style="font-size: 100px; text-decoration-thickness: 2em;"></div>
<div style="font-size: 20px; text-decoration-thickness: 2em;"><div id="test8" style="font-size: 100px;"></div></div>
<script>
shouldBeEqualToString("window.getComputedStyle(document.getElementById('test1')).getPropertyValue('text-decoration-thickness')", "auto");
shouldBeEqualToString("window.getComputedStyle(document.getElementById('test2')).getPropertyValue('text-decoration-thickness')", "auto");
shouldBeEqualToString("window.getComputedStyle(document.getElementById('test3')).getPropertyValue('text-decoration-thickness')", "from-font");
shouldBeEqualToString("window.getComputedStyle(document.getElementById('test4')).getPropertyValue('text-decoration-thickness')", "auto");
shouldBeEqualToString("window.getComputedStyle(document.getElementById('test5')).getPropertyValue('text-decoration-thickness')", "auto");
shouldBeEqualToString("window.getComputedStyle(document.getElementById('test6')).getPropertyValue('text-decoration-thickness')", "37px");
shouldBeEqualToString("window.getComputedStyle(document.getElementById('test7')).getPropertyValue('text-decoration-thickness')", "200px");
shouldBeEqualToString("window.getComputedStyle(document.getElementById('test8')).getPropertyValue('text-decoration-thickness')", "40px");
shouldBeEqualToString("document.getElementById('target').sheet.cssRules[0].style.textDecorationThickness", "");
shouldBeEqualToString("document.getElementById('target').sheet.cssRules[1].style.textDecorationThickness", "auto");
shouldBeEqualToString("document.getElementById('target').sheet.cssRules[2].style.textDecorationThickness", "from-font");
shouldBeEqualToString("document.getElementById('target').sheet.cssRules[3].style.textDecorationThickness", "");
shouldBeEqualToString("document.getElementById('target').sheet.cssRules[4].style.textDecorationThickness", "");
shouldBeEqualToString("document.getElementById('target').sheet.cssRules[5].style.textDecorationThickness", "37px");
shouldBeEqualToString("document.getElementById('target').sheet.cssRules[6].style.textDecorationThickness", "2em");
</script>
<script src="../../../resources/js-test-post.js"></script>
</body>
</html>