subtst_contextmenu.html (4183B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>Subtest for browser context menu</title> 5 </head> 6 <body> 7 Browser context menu subtest. 8 9 <div id="test-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div> 10 <a id="test-link" href="http://mozilla.com">Click the monkey!</a> 11 <div id="shadow-host"></div> 12 <a href="http://mozilla.com" style="display: block"> 13 <span id="shadow-host-in-link"></span> 14 </a> 15 <script> 16 document.getElementById("shadow-host").attachShadow({ mode: "closed" }).innerHTML = 17 "<a href='http://mozilla.com'>Click the monkey!</a>"; 18 document.getElementById("shadow-host-in-link").attachShadow({ mode: "closed" }).innerHTML = 19 "<span>Click the monkey!</span>"; 20 </script> 21 <a id="test-mailto" href="mailto:codemonkey@mozilla.com">Mail the monkey!</a><br> 22 <a id="test-tel" href="tel:555-123-4567">Call random number!</a><br> 23 <input id="test-input"><br> 24 <img id="test-image" src="ctxmenu-image.png"> 25 <svg> 26 <image id="test-svg-image" href="ctxmenu-image.png"/> 27 </svg> 28 <canvas id="test-canvas" width="100" height="100" style="background-color: blue"></canvas> 29 <video controls id="test-video-ok" src="video.webm" width="100" height="100" style="background-color: green"></video> 30 <video id="test-audio-in-video" src="audio.ogg" width="100" height="100" style="background-color: red"></video> 31 <video controls id="test-video-bad" src="bogus.duh" width="100" height="100" style="background-color: orange"></video> 32 <video controls id="test-video-bad2" width="100" height="100" style="background-color: yellow"> 33 <source src="bogus.duh" type="video/durrrr;"> 34 </video> 35 <iframe id="test-iframe" width="98" height="98" style="border: 1px solid black"></iframe> 36 <iframe id="test-video-in-iframe" src="video.webm" width="98" height="98" style="border: 1px solid black"></iframe> 37 <iframe id="test-audio-in-iframe" src="audio.ogg" width="98" height="98" style="border: 1px solid black"></iframe> 38 <iframe id="test-image-in-iframe" src="ctxmenu-image.png" width="98" height="98" style="border: 1px solid black"></iframe> 39 <iframe id="test-pdf-viewer-in-frame" src="file_pdfjs_test.pdf" width="100" height="100" style="border: 1px solid black"></iframe> 40 <textarea id="test-textarea">chssseesbbbie</textarea> <!-- a weird word which generates only one suggestion --> 41 <div id="test-contenteditable" contenteditable="true">chssseefsbbbie</div> <!-- a more weird word which generates no suggestions --> 42 <div id="test-contenteditable-spellcheck-false" contenteditable="true" spellcheck="false">test</div> <!-- No Check Spelling menu item --> 43 <div id="test-dom-full-screen">DOM full screen FTW</div> 44 <div id="test-select-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div> 45 <div id="test-select-text-link">http://mozilla.com</div> 46 <a id="test-image-link" href="#"><img src="ctxmenu-image.png"></a> 47 <input id="test-select-input-text" type="text" value="input"> 48 <input id="test-select-input-text-type-password" type="password" value="password"> 49 <img id="test-longdesc" src="ctxmenu-image.png" longdesc="http://www.mozilla.org"></embed> 50 <iframe id="test-srcdoc" width="98" height="98" srcdoc="Hello World" style="border: 1px solid black"></iframe> 51 <svg id="svg-with-link" width=10 height=10><a xlink:href="http://example.com/"><circle cx="50%" cy="50%" r="50%" fill="blue"/></a></svg> 52 <svg id="svg-with-link2" width=10 height=10><a xlink:href="http://example.com/" xlink:type="simple"><circle cx="50%" cy="50%" r="50%" fill="green"/></a></svg> 53 <svg id="svg-with-link3" width=10 height=10><a href="http://example.com/"><circle cx="50%" cy="50%" r="50%" fill="red"/></a></svg> 54 <svg id="svg-with-relative-link" width=10 height=10><a xlink:href="/"><circle cx="50%" cy="50%" r="50%" fill="blue"/></a></svg> 55 <svg id="svg-with-relative-link2" width=10 height=10><a xlink:href="/" xlink:type="simple"><circle cx="50%" cy="50%" r="50%" fill="green"/></a></svg> 56 <svg id="svg-with-relative-link3" width=10 height=10><a href="/"><circle cx="50%" cy="50%" r="50%" fill="red"/></a></svg> 57 <span id="test-background-image" style="background-image: url('ctxmenu-image.png')">Text with background 58 <a id='test-background-image-link' href="about:blank">image</a> 59 . 60 </span></body> 61 </html>