1 <svg xmlns=
"http://www.w3.org/2000/svg" width=
"400" height=
"300"
2 style=
"font: 24px monospace">
4 <!-- We need these two rects so that getBoundingClientRect of the <svg> does
5 not just return the region covered by the <text>, which would result in
6 the synthesizeMouse calls using the wrong positions. We don't use one
7 big rect because that could interfere with text selection when dragging
8 outside the bounds of text elements. -->
9 <rect width=
"10" height=
"10" fill=
"white"/>
10 <rect x=
"350" y=
"250" width=
"10" height=
"10" fill=
"white"/>
12 <text x=
"100" y=
"50">hello there
</text>
13 <text x=
"100" y=
"100">to you all!
</text>
14 <text x=
"200" y=
"150">abc
<tspan x=
"100" dy=
"10 -10">def
</tspan></text>
15 <text x=
"100" y=
"200">אבגabc
</text>
16 <text x=
"100" y=
"250" transform=
"scale(0.5,1)translate(100)">squashed
</text>
18 <!-- These two circles are just used for debugging the test; passing true
19 as the last argument to drag() will place these circles at the drag
20 start and end points. -->
21 <circle id=
"dragstart" fill=
"blue"/>
22 <circle id=
"dragend" fill=
"red"/>