|
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 <a id="test-mailto" href="mailto:codemonkey@mozilla.com">Mail the monkey!</a><br> |
|
12 <input id="test-input"><br> |
|
13 <img id="test-image" src="ctxmenu-image.png"> |
|
14 <canvas id="test-canvas" width="100" height="100" style="background-color: blue"></canvas> |
|
15 <video controls id="test-video-ok" src="video.ogg" width="100" height="100" style="background-color: green"></video> |
|
16 <video id="test-audio-in-video" src="audio.ogg" width="100" height="100" style="background-color: red"></video> |
|
17 <video controls id="test-video-bad" src="bogus.duh" width="100" height="100" style="background-color: orange"></video> |
|
18 <video controls id="test-video-bad2" width="100" height="100" style="background-color: yellow"> |
|
19 <source src="bogus.duh" type="video/durrrr;"> |
|
20 </video> |
|
21 <iframe id="test-iframe" width="98" height="98" style="border: 1px solid black"></iframe> |
|
22 <iframe id="test-video-in-iframe" src="video.ogg" width="98" height="98" style="border: 1px solid black"></iframe> |
|
23 <iframe id="test-image-in-iframe" src="ctxmenu-image.png" width="98" height="98" style="border: 1px solid black"></iframe> |
|
24 <textarea id="test-textarea">chssseesbbbie</textarea> <!-- a weird word which generates only one suggestion --> |
|
25 <div id="test-contenteditable" contenteditable="true">chssseefsbbbie</div> <!-- a more weird word which generates no suggestions --> |
|
26 <div id="test-contenteditable-spellcheck-false" contenteditable="true" spellcheck="false">test</div> <!-- No Check Spelling menu item --> |
|
27 <div id="test-dom-full-screen">DOM full screen FTW</div> |
|
28 <div contextmenu="myMenu"> |
|
29 <p id="test-pagemenu" hopeless="true">I've got a context menu!</p> |
|
30 <menu id="myMenu" type="context"> |
|
31 <menuitem label="Plain item" onclick="document.getElementById('test-pagemenu').removeAttribute('hopeless');"></menuitem> |
|
32 <menuitem label="Disabled item" disabled></menuitem> |
|
33 <menuitem> Item w/ textContent</menuitem> |
|
34 <menu> |
|
35 <menuitem type="checkbox" label="Checkbox" checked></menuitem> |
|
36 </menu> |
|
37 <menu> |
|
38 <menuitem type="radio" label="Radio1" checked></menuitem> |
|
39 <menuitem type="radio" label="Radio2"></menuitem> |
|
40 <menuitem type="radio" label="Radio3"></menuitem> |
|
41 </menu> |
|
42 <menu> |
|
43 <menuitem label="Item w/ icon" icon="favicon.ico"></menuitem> |
|
44 <menuitem label="Item w/ bad icon" icon="data://www.mozilla.org/favicon.ico"></menuitem> |
|
45 </menu> |
|
46 <menu label="Submenu"> |
|
47 <menuitem type="radio" label="Radio1" radiogroup="rg"></menuitem> |
|
48 <menuitem type="radio" label="Radio2" checked radiogroup="rg"></menuitem> |
|
49 <menuitem type="radio" label="Radio3" radiogroup="rg"></menuitem> |
|
50 <menu> |
|
51 <menuitem type="checkbox" label="Checkbox"></menuitem> |
|
52 </menu> |
|
53 </menu> |
|
54 <menu hidden> |
|
55 <menuitem label="Bogus item"></menuitem> |
|
56 </menu> |
|
57 <menu> |
|
58 </menu> |
|
59 <menuitem label="Hidden item" hidden></menuitem> |
|
60 <menuitem></menuitem> |
|
61 </menu> |
|
62 </div> |
|
63 <div id="test-select-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div> |
|
64 <div id="test-select-text-link">http://mozilla.com</div> |
|
65 <a id="test-image-link" href="#"><img src="ctxmenu-image.png"></a> |
|
66 <input id="test-select-input-text" type="text" value="input"> |
|
67 <input id="test-select-input-text-type-password" type="password" value="password"> |
|
68 <embed id="test-plugin" style="width: 200px; height: 200px;" type="application/x-test"></embed> |
|
69 <img id="test-longdesc" src="ctxmenu-image.png" longdesc="http://www.mozilla.org"></embed> |
|
70 <iframe id="test-srcdoc" width="98" height="98" srcdoc="Hello World" style="border: 1px solid black"></iframe> |
|
71 </body> |
|
72 </html> |