1 files changed, 65 insertions, 0 deletions
diff --git a/devtools/client/shared/test/doc_html_tooltip_arrow-02.xhtml b/devtools/client/shared/test/doc_html_tooltip_arrow-02.xhtml
new file mode 100644
index 0000000000..a468177bab
--- /dev/null
+++ b/devtools/client/shared/test/doc_html_tooltip_arrow-02.xhtml
@@ -0,0 +1,65 @@
+<?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/global.css"?>
+<?xml-stylesheet href="chrome://devtools/skin/light-theme.css"?>
+
+<window class="theme-light"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        title="Tooltip test">
+  <vbox flex="1" style="position: relative">
+    <html:div class="anchor"
+      style="height: 5px; position: absolute; background: red;
+      top: 0; left: 0; width: 50px;">
+    </html:div>
+
+    <html:div class="anchor"
+      style="height: 5px; position: absolute; background: red;
+      top: 10px; left: 0; width: 100px;">
+    </html:div>
+
+    <html:div class="anchor"
+      style="height: 5px; position: absolute; background: red;
+      top: 20px; left: 0; width: 150px;">
+    </html:div>
+
+    <html:div class="anchor"
+      style="height: 5px; position: absolute; background: red;
+      top: 30px; left: 0; width: 200px;">
+    </html:div>
+
+    <html:div class="anchor"
+      style="height: 5px; position: absolute; background: red;
+      top: 40px; left: 0; width: 250px;">
+    </html:div>
+
+    <html:div class="anchor"
+      style="height: 5px; position: absolute; background: red;
+      top: 50px; left: 100px; width: 250px;">
+    </html:div>
+
+    <html:div class="anchor"
+      style="height: 5px; position: absolute; background: red;
+      top: 100px; width:  50px; right: 0;">
+    </html:div>
+
+    <html:div class="anchor"
+      style="height: 5px; position: absolute; background: red;
+      top: 110px; width: 100px; right: 0;">
+    </html:div>
+
+    <html:div class="anchor"
+      style="height: 5px; position: absolute; background: red;
+      top: 120px; width: 150px; right: 0;">
+    </html:div>
+
+    <html:div class="anchor"
+      style="height: 5px; position: absolute; background: red;
+      top: 130px; width: 200px; right: 0;">
+    </html:div>
+
+    <html:div class="anchor"
+      style="height: 5px; position: absolute; background: red;
+      top: 140px; width: 250px; right: 0;">
+    </html:div>
+  </vbox>
+</window>