<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> 
<html> 
<head> 
<style type="text/css"></style> 
<script src="../../resources/js-test-pre.js"></script> 
</head> 
<body>
<p id="description"></p>
<div id="test-no-khtml" style="-khtml-line-clamp: 10%; -khtml-user-drag: none"></div>
<div id="test-limited-apple" style="-apple-line-clamp: 10%; -apple-user-drag: none;"></div>
<div id="console"></div> 
<script>
description("Testing updated vendor-prefix behavior (bug 42093), removal of -khtml and limitation of -apple.");

shouldBe("document.getElementById('test-no-khtml').style.getPropertyValue('-khtml-line-clamp')", "null");
shouldBe("document.getElementById('test-no-khtml').style.getPropertyValue('-webkit-line-clamp')", "null");
shouldBe("document.getElementById('test-no-khtml').style.getPropertyValue('-khtml-user-drag')", "null");
shouldBe("document.getElementById('test-no-khtml').style.getPropertyValue('-webkit-user-drag')", "null");

shouldBe("document.getElementById('test-no-khtml').style.khtmlLineClamp", "undefined");
shouldBe("document.getElementById('test-no-khtml').style.khtmlUserDrag", "undefined");
shouldBe("document.getElementById('test-no-khtml').style.lineClamp", "undefined");
shouldBe("document.getElementById('test-no-khtml').style.userDrag", "undefined");

shouldBe("document.getElementById('test-limited-apple').style.getPropertyValue('-apple-line-clamp')", "'10%'");
shouldBe("document.getElementById('test-limited-apple').style.getPropertyValue('-webkit-line-clamp')", "'10%'");
shouldBe("document.getElementById('test-limited-apple').style.getPropertyValue('-apple-user-drag')", "null");
shouldBe("document.getElementById('test-limited-apple').style.getPropertyValue('-webkit-user-drag')", "null");

shouldBe("document.getElementById('test-limited-apple').style.appleLineClamp", "'10%'");
shouldBe("document.getElementById('test-limited-apple').style.appleUserDrag", "undefined");
</script>
<script src="../../resources/js-test-post.js"></script> 
</body> 
</html>
