<!DOCTYPE html>
<html>
	<head>
	<script src="../../resources/js-test-pre.js"></script>
	</head>
	<body>
		<div
		  data-expected="mixed" title="text-orientation initial value"></div>

		<div id="test1" style="text-orientation: upright"
		  data-expected="upright"></div>
		<div id="test2" style="text-orientation: sideways"
		  data-expected="sideways"></div>

		<div id="test3" style="text-orientation: upright">
		  <div
		    data-expected="upright" title="text-orientation should inherit"></div>

		  <div id="test4" style="text-orientation: mixed"
		    data-expected="mixed"></div>

		  <div id="test5" style="text-orientation: initial"
		    data-expected="mixed"></div>
		  <div id="test6" style="text-orientation: inherit"
		    data-expected="upright"></div>

		  <div id="test7" style="text-orientation: foo"
		    data-expected="upright"></div>
		</div>




		<script>
			shouldBeEqualToString("window.getComputedStyle(document.getElementById('test1')).webkitTextOrientation", "upright");
			shouldBeEqualToString("window.getComputedStyle(document.getElementById('test2')).webkitTextOrientation", "sideways");
			shouldBeEqualToString("window.getComputedStyle(document.getElementById('test3')).webkitTextOrientation", "upright");
			shouldBeEqualToString("window.getComputedStyle(document.getElementById('test4')).webkitTextOrientation", "mixed");
			shouldBeEqualToString("window.getComputedStyle(document.getElementById('test5')).webkitTextOrientation", "mixed");
			shouldBeEqualToString("window.getComputedStyle(document.getElementById('test6')).webkitTextOrientation", "upright");
			shouldBeEqualToString("window.getComputedStyle(document.getElementById('test7')).webkitTextOrientation", "upright");
		</script>

		<script src="../../resources/js-test-post.js"></script>
	</body>
</html>
