1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/text-overflow/marker-string.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,73 @@
1.4 +<!DOCTYPE HTML>
1.5 +<!--
1.6 + Any copyright is dedicated to the Public Domain.
1.7 + http://creativecommons.org/licenses/publicdomain/
1.8 +
1.9 + Test: text-overflow:<string>
1.10 +-->
1.11 +<html><head>
1.12 +<title>text-overflow: text-overflow:<string></title>
1.13 +<style type="text/css">
1.14 +@font-face {
1.15 + font-family: DejaVuSansMono;
1.16 + src: url(../fonts/DejaVuSansMono.woff);
1.17 +}
1.18 +html,body {
1.19 + color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
1.20 +}
1.21 +
1.22 +.test {
1.23 + overflow:hidden;
1.24 + width:20ch;
1.25 + height:3em;
1.26 + white-space:nowrap;
1.27 + margin-left:2em;
1.28 + position:relative;
1.29 +}
1.30 +span {
1.31 + margin: 0 -0.5ch;
1.32 +}
1.33 +s {
1.34 + margin: 0 -0.5ch;
1.35 + padding: 0 11ch;
1.36 +}
1.37 +.rlo {
1.38 + unicode-bidi: bidi-override; direction:rtl;
1.39 +}
1.40 +.lro {
1.41 + unicode-bidi: bidi-override;
1.42 +}
1.43 +.rtl {
1.44 + direction:rtl;
1.45 +}
1.46 +.ltr {
1.47 + direction:ltr;
1.48 +}
1.49 +
1.50 +.t1 { text-overflow:"" ""; }
1.51 +.t2 { text-overflow:"Hello World" "Hello World"; }
1.52 +.t3 { text-overflow:"X" "X"; }
1.53 +
1.54 +</style>
1.55 +
1.56 +</head><body>
1.57 +
1.58 +
1.59 +<!-- Empty marker clips text -->
1.60 +<div class="test t1"><span>xx</span></div>
1.61 +<div class="test rtl t1"><span>xx</span></div>
1.62 +<!-- big marker clips all text -->
1.63 +<div class="test t2"><span>xx</span></div>
1.64 +<div class="test rtl t2"><span>xx</span></div>
1.65 +
1.66 +<!-- start marker that doesn't fit -->
1.67 +<div class="test t2" style="width:3ch"><span>xx</span></div>
1.68 +<div class="test rtl t2" style="width:3ch"><span>xx</span></div>
1.69 +
1.70 +<!-- start + end marker, nothing to align to -->
1.71 +<div class="test t3"><s></s></div>
1.72 +<div class="test rtl t3"><s></s></div>
1.73 +
1.74 +
1.75 +</body>
1.76 +</html>
