layout/reftests/bidi/unicode-bidi-isolate-aharon.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72

<!DOCTYPE html>
<html><head>
<title>Test cases for unicode-bidi:isolate</title>
<style>
  .isolate {
    unicode-bidi: isolate;
  }
</style>
</head><body>
opposite-to-base isolate followed by number.
<div>
  <div class="test">
    <span class="isolate">&#x05D0;</span> (3 reviews)
  </div>
</div>
<hr>
opposite-to-base isolate with opposite-to-base text before it with neutrals in between.
<div>
  <div class="test">
    &#x05D0;: <span class="isolate">&#x05D1;</span>
  </div>
</div>
<hr>
opposite-to-base isolate with opposite-to-base text before it and nothing in between.
<div>
  <div class="test">
    &#x05D0;<span class="isolate">&#x05D1;</span>
  </div>
</div>
<hr>
two opposite-to-base isolates with neutrals in between.
<div>
  <div class="test">
    <span class="isolate">&#x05D0;</span> = <span class="isolate">&#x05D1;</span>
  </div>
</div>
<hr>
two opposite-to-base isolates with nothing in between.
<div>
  <div class="test">
    <span class="isolate">&#x05D0;</span><span class="isolate">&#x05D1;</span>
  </div>
</div>
<hr>
same-as-base isolate preceded by opposite-to-base text and followed by number
<div dir="rtl">
  <div class="test">
    see <span class="isolate">&#x05D0;</span><sup>3</sup>
  </div>
</div>
<hr>
same-as-base isolate surrounded by opposite-to-base text
<div dir="rtl">
  <div class="test">
    with <span class="isolate">&#x05D0;</span>=<span class="isolate">&#x05D1;</span> everywhere
  </div>
</div>
<hr>
chimeric isolate surrounded by chimeric text
<div>
  <div class="test">
    about <span class="isolate">that &#x05D0;</span> - &#x05D1;
  </div>
</div>
<hr>
nested chimeric isolates surrounded by chimeric text
<div>
  <div class="test">
    about <span class="isolate">that <span class="isolate">strange &#x05D0;</span> - &#x05D1;</span> - &#x05D2;
  </div>
</div>
</body></html>