watir 6.10.0 → 6.10.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (280) hide show
  1. checksums.yaml +4 -4
  2. data/.document +5 -5
  3. data/.github/ISSUE_TEMPLATE.md +16 -16
  4. data/.gitignore +21 -21
  5. data/.travis.yml +72 -72
  6. data/CHANGES.md +6 -0
  7. data/Gemfile +16 -16
  8. data/LICENSE +23 -23
  9. data/README.md +106 -106
  10. data/Rakefile +153 -153
  11. data/appveyor.yml +13 -13
  12. data/lib/watir-webdriver.rb +2 -2
  13. data/lib/watir.rb +158 -158
  14. data/lib/watir/adjacent.rb +126 -126
  15. data/lib/watir/after_hooks.rb +132 -132
  16. data/lib/watir/alert.rb +120 -120
  17. data/lib/watir/aliases.rb +6 -6
  18. data/lib/watir/attribute_helper.rb +96 -96
  19. data/lib/watir/browser.rb +349 -349
  20. data/lib/watir/capabilities.rb +123 -123
  21. data/lib/watir/cell_container.rb +25 -25
  22. data/lib/watir/container.rb +51 -51
  23. data/lib/watir/cookies.rb +134 -134
  24. data/lib/watir/element_collection.rb +138 -138
  25. data/lib/watir/elements/area.rb +12 -12
  26. data/lib/watir/elements/button.rb +37 -37
  27. data/lib/watir/elements/cell.rb +17 -17
  28. data/lib/watir/elements/checkbox.rb +56 -56
  29. data/lib/watir/elements/dlist.rb +12 -12
  30. data/lib/watir/elements/element.rb +6 -5
  31. data/lib/watir/elements/file_field.rb +41 -41
  32. data/lib/watir/elements/font.rb +25 -25
  33. data/lib/watir/elements/form.rb +16 -16
  34. data/lib/watir/elements/hidden.rb +25 -25
  35. data/lib/watir/elements/html_elements.rb +2035 -2035
  36. data/lib/watir/elements/iframe.rb +166 -166
  37. data/lib/watir/elements/image.rb +21 -21
  38. data/lib/watir/elements/input.rb +15 -15
  39. data/lib/watir/elements/link.rb +18 -18
  40. data/lib/watir/elements/list.rb +49 -49
  41. data/lib/watir/elements/option.rb +72 -72
  42. data/lib/watir/elements/radio.rb +60 -60
  43. data/lib/watir/elements/row.rb +17 -17
  44. data/lib/watir/elements/select.rb +250 -250
  45. data/lib/watir/elements/svg_elements.rb +613 -613
  46. data/lib/watir/elements/table.rb +76 -76
  47. data/lib/watir/elements/table_cell.rb +31 -31
  48. data/lib/watir/elements/table_row.rb +32 -32
  49. data/lib/watir/elements/table_section.rb +15 -15
  50. data/lib/watir/elements/text_area.rb +5 -5
  51. data/lib/watir/elements/text_field.rb +39 -39
  52. data/lib/watir/exception.rb +16 -16
  53. data/lib/watir/extensions/nokogiri.rb +14 -14
  54. data/lib/watir/generator.rb +3 -3
  55. data/lib/watir/generator/base.rb +11 -11
  56. data/lib/watir/generator/base/generator.rb +115 -115
  57. data/lib/watir/generator/base/idl_sorter.rb +47 -47
  58. data/lib/watir/generator/base/spec_extractor.rb +138 -138
  59. data/lib/watir/generator/base/util.rb +21 -21
  60. data/lib/watir/generator/base/visitor.rb +162 -162
  61. data/lib/watir/generator/html.rb +15 -15
  62. data/lib/watir/generator/html/generator.rb +36 -36
  63. data/lib/watir/generator/html/spec_extractor.rb +50 -50
  64. data/lib/watir/generator/html/visitor.rb +21 -21
  65. data/lib/watir/generator/svg.rb +7 -7
  66. data/lib/watir/generator/svg/generator.rb +38 -38
  67. data/lib/watir/generator/svg/spec_extractor.rb +53 -53
  68. data/lib/watir/generator/svg/visitor.rb +21 -21
  69. data/lib/watir/has_window.rb +68 -68
  70. data/lib/watir/js_execution.rb +143 -143
  71. data/lib/watir/js_snippets.rb +16 -16
  72. data/lib/watir/js_snippets/backgroundColor.js +7 -7
  73. data/lib/watir/js_snippets/fireEvent.js +31 -31
  74. data/lib/watir/js_snippets/focus.js +3 -3
  75. data/lib/watir/js_snippets/getInnerHtml.js +19 -19
  76. data/lib/watir/js_snippets/getInnerText.js +19 -19
  77. data/lib/watir/js_snippets/getOuterHtml.js +20 -20
  78. data/lib/watir/js_snippets/getTextContent.js +19 -19
  79. data/lib/watir/js_snippets/isImageLoaded.js +3 -3
  80. data/lib/watir/js_snippets/selectOptionsLabel.js +10 -10
  81. data/lib/watir/js_snippets/selectOptionsText.js +10 -10
  82. data/lib/watir/js_snippets/selectOptionsValue.js +10 -10
  83. data/lib/watir/js_snippets/selectText.js +64 -64
  84. data/lib/watir/js_snippets/selectedOptions.js +11 -11
  85. data/lib/watir/js_snippets/setValue.js +3 -3
  86. data/lib/watir/legacy_wait.rb +126 -126
  87. data/lib/watir/locators.rb +60 -60
  88. data/lib/watir/locators/button/locator.rb +31 -31
  89. data/lib/watir/locators/button/selector_builder.rb +30 -30
  90. data/lib/watir/locators/button/selector_builder/xpath.rb +29 -29
  91. data/lib/watir/locators/button/validator.rb +15 -15
  92. data/lib/watir/locators/cell/locator.rb +15 -15
  93. data/lib/watir/locators/cell/selector_builder.rb +24 -24
  94. data/lib/watir/locators/element/locator.rb +1 -0
  95. data/lib/watir/locators/element/selector_builder.rb +150 -150
  96. data/lib/watir/locators/element/selector_builder/xpath.rb +119 -119
  97. data/lib/watir/locators/element/validator.rb +18 -18
  98. data/lib/watir/locators/row/locator.rb +15 -15
  99. data/lib/watir/locators/row/selector_builder.rb +29 -29
  100. data/lib/watir/locators/text_area/locator.rb +13 -13
  101. data/lib/watir/locators/text_area/selector_builder.rb +22 -22
  102. data/lib/watir/locators/text_field/locator.rb +30 -30
  103. data/lib/watir/locators/text_field/selector_builder.rb +31 -31
  104. data/lib/watir/locators/text_field/selector_builder/xpath.rb +17 -17
  105. data/lib/watir/locators/text_field/validator.rb +12 -12
  106. data/lib/watir/logger.rb +109 -109
  107. data/lib/watir/radio_set.rb +231 -231
  108. data/lib/watir/row_container.rb +36 -36
  109. data/lib/watir/screenshot.rb +50 -50
  110. data/lib/watir/user_editable.rb +56 -56
  111. data/lib/watir/wait.rb +200 -200
  112. data/lib/watir/wait/timer.rb +52 -52
  113. data/lib/watir/window.rb +257 -257
  114. data/lib/watir/xpath_support.rb +20 -20
  115. data/lib/watirspec.rb +86 -86
  116. data/lib/watirspec/guards.rb +60 -60
  117. data/lib/watirspec/implementation.rb +51 -51
  118. data/lib/watirspec/rake_tasks.rb +115 -115
  119. data/lib/watirspec/remote_server.rb +38 -38
  120. data/lib/watirspec/runner.rb +53 -53
  121. data/lib/watirspec/server.rb +99 -99
  122. data/lib/watirspec/server/app.rb +76 -76
  123. data/spec/browser_spec.rb +278 -278
  124. data/spec/click_spec.rb +19 -19
  125. data/spec/container_spec.rb +34 -34
  126. data/spec/element_locator_spec.rb +517 -517
  127. data/spec/element_spec.rb +158 -158
  128. data/spec/implementation_spec.rb +24 -24
  129. data/spec/input_spec.rb +14 -14
  130. data/spec/locator_spec_helper.rb +55 -55
  131. data/spec/logger_spec.rb +46 -46
  132. data/spec/spec_helper.rb +22 -22
  133. data/spec/special_chars_spec.rb +13 -13
  134. data/spec/watirspec/adjacent_spec.rb +227 -227
  135. data/spec/watirspec/after_hooks_spec.rb +182 -182
  136. data/spec/watirspec/alert_spec.rb +108 -108
  137. data/spec/watirspec/attributes_spec.rb +16 -16
  138. data/spec/watirspec/browser_spec.rb +281 -281
  139. data/spec/watirspec/cookies_spec.rb +154 -154
  140. data/spec/watirspec/drag_and_drop_spec.rb +49 -49
  141. data/spec/watirspec/element_hidden_spec.rb +75 -75
  142. data/spec/watirspec/elements/area_spec.rb +72 -72
  143. data/spec/watirspec/elements/areas_spec.rb +42 -42
  144. data/spec/watirspec/elements/button_spec.rb +277 -277
  145. data/spec/watirspec/elements/buttons_spec.rb +55 -55
  146. data/spec/watirspec/elements/checkbox_spec.rb +275 -275
  147. data/spec/watirspec/elements/checkboxes_spec.rb +44 -44
  148. data/spec/watirspec/elements/collections_spec.rb +52 -52
  149. data/spec/watirspec/elements/dd_spec.rb +124 -124
  150. data/spec/watirspec/elements/dds_spec.rb +42 -42
  151. data/spec/watirspec/elements/del_spec.rb +126 -126
  152. data/spec/watirspec/elements/dels_spec.rb +40 -40
  153. data/spec/watirspec/elements/div_spec.rb +245 -245
  154. data/spec/watirspec/elements/divs_spec.rb +42 -42
  155. data/spec/watirspec/elements/dl_spec.rb +142 -142
  156. data/spec/watirspec/elements/dls_spec.rb +43 -43
  157. data/spec/watirspec/elements/dt_spec.rb +122 -122
  158. data/spec/watirspec/elements/dts_spec.rb +42 -42
  159. data/spec/watirspec/elements/element_spec.rb +483 -483
  160. data/spec/watirspec/elements/elements_spec.rb +47 -47
  161. data/spec/watirspec/elements/em_spec.rb +96 -96
  162. data/spec/watirspec/elements/ems_spec.rb +43 -43
  163. data/spec/watirspec/elements/filefield_spec.rb +170 -170
  164. data/spec/watirspec/elements/filefields_spec.rb +43 -43
  165. data/spec/watirspec/elements/font_spec.rb +29 -29
  166. data/spec/watirspec/elements/form_spec.rb +66 -66
  167. data/spec/watirspec/elements/forms_spec.rb +46 -46
  168. data/spec/watirspec/elements/frame_spec.rb +123 -123
  169. data/spec/watirspec/elements/frames_spec.rb +41 -41
  170. data/spec/watirspec/elements/hidden_spec.rb +104 -104
  171. data/spec/watirspec/elements/hiddens_spec.rb +43 -43
  172. data/spec/watirspec/elements/hn_spec.rb +92 -92
  173. data/spec/watirspec/elements/hns_spec.rb +38 -38
  174. data/spec/watirspec/elements/iframe_spec.rb +10 -0
  175. data/spec/watirspec/elements/iframes_spec.rb +47 -47
  176. data/spec/watirspec/elements/image_spec.rb +158 -158
  177. data/spec/watirspec/elements/images_spec.rb +40 -40
  178. data/spec/watirspec/elements/ins_spec.rb +127 -127
  179. data/spec/watirspec/elements/inses_spec.rb +40 -40
  180. data/spec/watirspec/elements/label_spec.rb +75 -75
  181. data/spec/watirspec/elements/labels_spec.rb +40 -40
  182. data/spec/watirspec/elements/li_spec.rb +111 -111
  183. data/spec/watirspec/elements/link_spec.rb +171 -171
  184. data/spec/watirspec/elements/links_spec.rb +44 -44
  185. data/spec/watirspec/elements/lis_spec.rb +42 -42
  186. data/spec/watirspec/elements/list_spec.rb +32 -32
  187. data/spec/watirspec/elements/map_spec.rb +75 -75
  188. data/spec/watirspec/elements/maps_spec.rb +41 -41
  189. data/spec/watirspec/elements/meta_spec.rb +23 -23
  190. data/spec/watirspec/elements/metas_spec.rb +40 -40
  191. data/spec/watirspec/elements/ol_spec.rb +87 -87
  192. data/spec/watirspec/elements/ols_spec.rb +40 -40
  193. data/spec/watirspec/elements/option_spec.rb +121 -121
  194. data/spec/watirspec/elements/p_spec.rb +111 -111
  195. data/spec/watirspec/elements/pre_spec.rb +111 -111
  196. data/spec/watirspec/elements/pres_spec.rb +40 -40
  197. data/spec/watirspec/elements/ps_spec.rb +40 -40
  198. data/spec/watirspec/elements/radio_spec.rb +273 -273
  199. data/spec/watirspec/elements/radios_spec.rb +43 -43
  200. data/spec/watirspec/elements/select_list_spec.rb +553 -553
  201. data/spec/watirspec/elements/select_lists_spec.rb +46 -46
  202. data/spec/watirspec/elements/span_spec.rb +128 -128
  203. data/spec/watirspec/elements/spans_spec.rb +40 -40
  204. data/spec/watirspec/elements/strong_spec.rb +88 -88
  205. data/spec/watirspec/elements/strongs_spec.rb +43 -43
  206. data/spec/watirspec/elements/table_nesting_spec.rb +51 -51
  207. data/spec/watirspec/elements/table_spec.rb +156 -156
  208. data/spec/watirspec/elements/tables_spec.rb +42 -42
  209. data/spec/watirspec/elements/tbody_spec.rb +93 -93
  210. data/spec/watirspec/elements/tbodys_spec.rb +62 -62
  211. data/spec/watirspec/elements/td_spec.rb +93 -93
  212. data/spec/watirspec/elements/tds_spec.rb +53 -53
  213. data/spec/watirspec/elements/text_field_spec.rb +360 -360
  214. data/spec/watirspec/elements/text_fields_spec.rb +44 -44
  215. data/spec/watirspec/elements/textarea_spec.rb +26 -26
  216. data/spec/watirspec/elements/textareas_spec.rb +24 -24
  217. data/spec/watirspec/elements/tfoot_spec.rb +86 -86
  218. data/spec/watirspec/elements/tfoots_spec.rb +68 -68
  219. data/spec/watirspec/elements/thead_spec.rb +86 -86
  220. data/spec/watirspec/elements/theads_spec.rb +68 -68
  221. data/spec/watirspec/elements/tr_spec.rb +78 -78
  222. data/spec/watirspec/elements/trs_spec.rb +61 -61
  223. data/spec/watirspec/elements/ul_spec.rb +76 -76
  224. data/spec/watirspec/elements/uls_spec.rb +39 -39
  225. data/spec/watirspec/html/alerts.html +12 -12
  226. data/spec/watirspec/html/aria_attributes.html +9 -9
  227. data/spec/watirspec/html/class_locator.html +8 -8
  228. data/spec/watirspec/html/clicks.html +19 -19
  229. data/spec/watirspec/html/closeable.html +12 -12
  230. data/spec/watirspec/html/collections.html +14 -14
  231. data/spec/watirspec/html/css/jquery-ui-1.8.17.custom.css +286 -286
  232. data/spec/watirspec/html/data_attributes.html +9 -9
  233. data/spec/watirspec/html/definition_lists.html +47 -47
  234. data/spec/watirspec/html/drag_and_drop.html +106 -106
  235. data/spec/watirspec/html/font.html +10 -10
  236. data/spec/watirspec/html/forms_with_input_elements.html +174 -174
  237. data/spec/watirspec/html/frame_1.html +22 -22
  238. data/spec/watirspec/html/frame_2.html +15 -15
  239. data/spec/watirspec/html/frames.html +10 -10
  240. data/spec/watirspec/html/hover.html +11 -11
  241. data/spec/watirspec/html/iframe_1.html +22 -22
  242. data/spec/watirspec/html/iframes.html +12 -12
  243. data/spec/watirspec/html/images.html +27 -27
  244. data/spec/watirspec/html/inner_outer.html +4 -4
  245. data/spec/watirspec/html/javascript/angular.min.js +331 -331
  246. data/spec/watirspec/html/javascript/helpers.js +16 -16
  247. data/spec/watirspec/html/javascript/jquery-1.7.1.min.js +3 -3
  248. data/spec/watirspec/html/javascript/jquery-ui-1.8.17.custom.min.js +67 -67
  249. data/spec/watirspec/html/keylogger.html +14 -14
  250. data/spec/watirspec/html/modal_dialog.html +9 -9
  251. data/spec/watirspec/html/multiple_ids.html +14 -14
  252. data/spec/watirspec/html/nested_elements.html +33 -33
  253. data/spec/watirspec/html/nested_frame_2.html +9 -9
  254. data/spec/watirspec/html/nested_frame_3.html +14 -14
  255. data/spec/watirspec/html/nested_frames.html +10 -10
  256. data/spec/watirspec/html/nested_iframe_2.html +12 -12
  257. data/spec/watirspec/html/nested_iframes.html +13 -13
  258. data/spec/watirspec/html/nested_tables.html +202 -202
  259. data/spec/watirspec/html/non_control_elements.html +140 -140
  260. data/spec/watirspec/html/removed_element.html +24 -24
  261. data/spec/watirspec/html/right_click.html +10 -10
  262. data/spec/watirspec/html/special_chars.html +11 -11
  263. data/spec/watirspec/html/tables.html +120 -120
  264. data/spec/watirspec/html/timeout_window_location.html +19 -19
  265. data/spec/watirspec/html/uneven_table.html +20 -20
  266. data/spec/watirspec/html/wait.html +84 -84
  267. data/spec/watirspec/html/window_switching.html +11 -11
  268. data/spec/watirspec/radio_set_spec.rb +336 -336
  269. data/spec/watirspec/relaxed_locate_spec.rb +99 -99
  270. data/spec/watirspec/screenshot_spec.rb +29 -29
  271. data/spec/watirspec/support/raise_exception_matchers.rb +36 -36
  272. data/spec/watirspec/wait_spec.rb +381 -381
  273. data/spec/watirspec/window_switching_spec.rb +415 -415
  274. data/spec/watirspec_helper.rb +161 -161
  275. data/support/appveyor.cmd +9 -9
  276. data/support/doctest_helper.rb +101 -101
  277. data/support/travis.sh +11 -11
  278. data/support/version_differ.rb +59 -59
  279. data/watir.gemspec +1 -1
  280. metadata +4 -170
data/spec/watirspec/html/data_attributes.html CHANGED
@@ -1,9 +1,9 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title>data-* attributes</title>
5
- </head>
6
- <body>
7
- <p data-type=ruby-library>watir</p>
8
- </body>
9
- </html>
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>data-* attributes</title>
5
+ </head>
6
+ <body>
7
+ <p data-type=ruby-library>watir</p>
8
+ </body>
9
+ </html>
data/spec/watirspec/html/definition_lists.html CHANGED
@@ -1,48 +1,48 @@
1
- <html>
2
- <head>
3
- <meta http-equiv="Content-type" content="text/html; charset=utf-8">
4
- <title>definition_lists</title>
5
- </head>
6
-
7
- <body id="definition_list">
8
- <dl id="experience-list" class="list" title="experience">
9
- <dt id="experience" class="industry" title="experience">Experience</dt>
10
- <dd>11 years</dd>
11
-
12
- <dt id="education" onclick="this.innerHTML='changed'">Education</dt>
13
- <dd title="education" onclick="this.innerHTML='changed'">Master</dd>
14
-
15
- <dt class="current-industry">Current industry</dt>
16
- <dd class="industry">Architecture</dd>
17
-
18
- <dt>Previous industry experience</dt>
19
- <dd class="industry">Architecture</dd>
20
- </dl>
21
-
22
- <dl class="personalia">
23
- <dt id="name" title="name" onclick="this.innerHTML = 'changed!'"><div>Name</div></dt>
24
- <dd id="someone" class="name" title="someone">John Doe</dd>
25
-
26
- <dt>Address</dt>
27
- <dd class="address">John Doe</dd>
28
-
29
- <dt>City</dt>
30
- <dd id="city">New York</dd>
31
-
32
- <dt>Country</dt>
33
- <dd>USA</dd>
34
-
35
- <dt>Gender</dt>
36
- <dd>Male</dd>
37
-
38
- <dt>Age</dt>
39
- <dd>35</dd>
40
- </dl>
41
-
42
- <dl id="noop">
43
- <dt class="noop"></dt> <!-- empty node -->
44
- <dd class="noop"></dt> <!-- empty node -->
45
- </dl>
46
-
47
- </body>
1
+ <html>
2
+ <head>
3
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8">
4
+ <title>definition_lists</title>
5
+ </head>
6
+
7
+ <body id="definition_list">
8
+ <dl id="experience-list" class="list" title="experience">
9
+ <dt id="experience" class="industry" title="experience">Experience</dt>
10
+ <dd>11 years</dd>
11
+
12
+ <dt id="education" onclick="this.innerHTML='changed'">Education</dt>
13
+ <dd title="education" onclick="this.innerHTML='changed'">Master</dd>
14
+
15
+ <dt class="current-industry">Current industry</dt>
16
+ <dd class="industry">Architecture</dd>
17
+
18
+ <dt>Previous industry experience</dt>
19
+ <dd class="industry">Architecture</dd>
20
+ </dl>
21
+
22
+ <dl class="personalia">
23
+ <dt id="name" title="name" onclick="this.innerHTML = 'changed!'"><div>Name</div></dt>
24
+ <dd id="someone" class="name" title="someone">John Doe</dd>
25
+
26
+ <dt>Address</dt>
27
+ <dd class="address">John Doe</dd>
28
+
29
+ <dt>City</dt>
30
+ <dd id="city">New York</dd>
31
+
32
+ <dt>Country</dt>
33
+ <dd>USA</dd>
34
+
35
+ <dt>Gender</dt>
36
+ <dd>Male</dd>
37
+
38
+ <dt>Age</dt>
39
+ <dd>35</dd>
40
+ </dl>
41
+
42
+ <dl id="noop">
43
+ <dt class="noop"></dt> <!-- empty node -->
44
+ <dd class="noop"></dt> <!-- empty node -->
45
+ </dl>
46
+
47
+ </body>
48
48
  </html>
data/spec/watirspec/html/drag_and_drop.html CHANGED
@@ -1,106 +1,106 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <title>jQuery UI Droppable - Default Demo</title>
6
- <link type="text/css" href="css/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
7
- <script type="text/javascript" src="javascript/jquery-1.7.1.min.js"></script>
8
- <script type="text/javascript" src="javascript/jquery-ui-1.8.17.custom.min.js"></script>
9
- <style type="text/css">
10
- #draggable { position: relative; width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
11
- #droppable { position: relative; width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
12
- </style>
13
-
14
- <script type="text/javascript">
15
- $(function() {
16
- $("#repositionDraggable").click(function() {
17
- $("#draggable").css("top", "2500px");
18
- });
19
-
20
- $("#repositionDroppable").click(function() {
21
- $("#droppable").css("top", "2500px");
22
- });
23
-
24
- $("#draggable").draggable();
25
- $("#droppable").droppable({
26
- drop: function(event, ui) {
27
- $(this).addClass('ui-state-highlight').find('p').html('Dropped!');
28
- $('body').off();
29
- }
30
- });
31
-
32
- var report_event = function(report_text) {
33
- var reportElement = $("#drop_reports");
34
- var origText = reportElement.text();
35
- reportElement.text(origText + " " + report_text);
36
- }
37
-
38
- $('body').on('mousedown', function() {
39
- report_event('down');
40
- });
41
-
42
- $('body').on('mousemove', function() {
43
- report_event('move');
44
- });
45
-
46
- $('body').on('mouseup', function() {
47
- report_event('up');
48
- });
49
-
50
- $('body').on('dragstart', function() {
51
- report_event('dragstart');
52
- });
53
-
54
- $('body').on('drag', function() {
55
- report_event('drag');
56
- });
57
-
58
- $('body').on('dragenter', function() {
59
- report_event('dragenter');
60
- });
61
-
62
- $('body').on('dragover', function() {
63
- report_event('dragover');
64
- });
65
-
66
- $('body').on('dragleave', function() {
67
- report_event('dragleave');
68
- });
69
-
70
- $('body').on('dragend', function() {
71
- report_event('dragend');
72
- });
73
-
74
- $('body').on('drop', function() {
75
- report_event('drop');
76
- });
77
- });
78
- </script>
79
- </head>
80
- <body>
81
-
82
- <input id="repositionDraggable" type="button" value="repositionDraggable"/>
83
- <input id="repositionDroppable" type="button" value="repositionDroppable"/>
84
- <div class="demo">
85
-
86
- <div id="draggable" class="ui-widget-content">
87
- <p>Drag me to my target</p>
88
- </div>
89
-
90
- <div id="droppable" class="ui-widget-header">
91
- <p>Drop here</p>
92
- </div>
93
-
94
- <div class="test-data">
95
- <p id="drop_reports">start</p>
96
- </div>
97
-
98
- </div><!-- End demo -->
99
-
100
- <div class="demo-description">
101
-
102
- <p>Taken from the JQuery demo.</p>
103
-
104
- </div><!-- End demo-description -->
105
- </body>
106
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <title>jQuery UI Droppable - Default Demo</title>
6
+ <link type="text/css" href="css/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
7
+ <script type="text/javascript" src="javascript/jquery-1.7.1.min.js"></script>
8
+ <script type="text/javascript" src="javascript/jquery-ui-1.8.17.custom.min.js"></script>
9
+ <style type="text/css">
10
+ #draggable { position: relative; width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
11
+ #droppable { position: relative; width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
12
+ </style>
13
+
14
+ <script type="text/javascript">
15
+ $(function() {
16
+ $("#repositionDraggable").click(function() {
17
+ $("#draggable").css("top", "2500px");
18
+ });
19
+
20
+ $("#repositionDroppable").click(function() {
21
+ $("#droppable").css("top", "2500px");
22
+ });
23
+
24
+ $("#draggable").draggable();
25
+ $("#droppable").droppable({
26
+ drop: function(event, ui) {
27
+ $(this).addClass('ui-state-highlight').find('p').html('Dropped!');
28
+ $('body').off();
29
+ }
30
+ });
31
+
32
+ var report_event = function(report_text) {
33
+ var reportElement = $("#drop_reports");
34
+ var origText = reportElement.text();
35
+ reportElement.text(origText + " " + report_text);
36
+ }
37
+
38
+ $('body').on('mousedown', function() {
39
+ report_event('down');
40
+ });
41
+
42
+ $('body').on('mousemove', function() {
43
+ report_event('move');
44
+ });
45
+
46
+ $('body').on('mouseup', function() {
47
+ report_event('up');
48
+ });
49
+
50
+ $('body').on('dragstart', function() {
51
+ report_event('dragstart');
52
+ });
53
+
54
+ $('body').on('drag', function() {
55
+ report_event('drag');
56
+ });
57
+
58
+ $('body').on('dragenter', function() {
59
+ report_event('dragenter');
60
+ });
61
+
62
+ $('body').on('dragover', function() {
63
+ report_event('dragover');
64
+ });
65
+
66
+ $('body').on('dragleave', function() {
67
+ report_event('dragleave');
68
+ });
69
+
70
+ $('body').on('dragend', function() {
71
+ report_event('dragend');
72
+ });
73
+
74
+ $('body').on('drop', function() {
75
+ report_event('drop');
76
+ });
77
+ });
78
+ </script>
79
+ </head>
80
+ <body>
81
+
82
+ <input id="repositionDraggable" type="button" value="repositionDraggable"/>
83
+ <input id="repositionDroppable" type="button" value="repositionDroppable"/>
84
+ <div class="demo">
85
+
86
+ <div id="draggable" class="ui-widget-content">
87
+ <p>Drag me to my target</p>
88
+ </div>
89
+
90
+ <div id="droppable" class="ui-widget-header">
91
+ <p>Drop here</p>
92
+ </div>
93
+
94
+ <div class="test-data">
95
+ <p id="drop_reports">start</p>
96
+ </div>
97
+
98
+ </div><!-- End demo -->
99
+
100
+ <div class="demo-description">
101
+
102
+ <p>Taken from the JQuery demo.</p>
103
+
104
+ </div><!-- End demo-description -->
105
+ </body>
106
+ </html>
data/spec/watirspec/html/font.html CHANGED
@@ -1,10 +1,10 @@
1
- <html>
2
- <head>
3
- <title>The font element</title>
4
- </head>
5
-
6
- <body>
7
- <font size=12 face="Helvetica" color="#ff00ff">Ouch</font>
8
- </body>
9
-
10
- </html>
1
+ <html>
2
+ <head>
3
+ <title>The font element</title>
4
+ </head>
5
+
6
+ <body>
7
+ <font size=12 face="Helvetica" color="#ff00ff">Ouch</font>
8
+ </body>
9
+
10
+ </html>
data/spec/watirspec/html/forms_with_input_elements.html CHANGED
@@ -1,174 +1,174 @@
1
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3
- <head>
4
- <title>Forms with input elements</title>
5
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6
- <meta name="description" content="this is a test page for forms with input elements" />
7
- <link rel="stylesheet" href="watirspec.css" type="text/css" media="screen" title="no title" charset="utf-8">
8
- <script src="javascript/helpers.js" type="text/javascript" charset="utf-8"></script>
9
- </head>
10
- <body onload="document.user_new.new_user_first_name.focus()">
11
- <div id="messages"></div>
12
- <h1><a href="">User administration</a></h1>
13
- <h2>Add user</h2>
14
- <form enctype="multipart/form-data" action="post_to_me" method="post" name="user_new" id="new_user" class="user" onsubmit="WatirSpec.addMessage('submit'); return false;">
15
- <fieldset>
16
- <input type="hidden" /> <!-- Ensure it's not included in #text_field -->
17
- <legend>Personal information</legend>
18
- <label for="new_user_first_name" id="first_label" onclick="WatirSpec.addMessage('label')">First name</label>
19
- <input name="new_user_first_name" id="new_user_first_name" class="name" /> <br />
20
- <label for="new_user_last_name">Last name</label>
21
- <input type="no_such_type" name="new_user_last_name" id="new_user_last_name" class="name" /> <br />
22
- <label for="new_user_email">Email address</label>
23
- <input type="text" name="new_user_email" id="new_user_email" /> <br />
24
- <label for="new_user_email_confirm">Email address (confirmation)</label>
25
- <input type="Text" name="new_user_email_confirm" id="new_user_email_confirm" /> <br />
26
- <label for="new_user_country">Country</label>
27
- <select name="new_user_country" id="new_user_country" class="country">
28
- <optgroup label="nordic">
29
- <option class="scandinavia" value="1">Denmark</option>
30
- <option id="nor" class="scandinavia" value="2" selected="selected">Norway</option>
31
- <option class="scandinavia" value="3">Sweden</option>
32
- </optgroup>
33
- <optgroup label="other">
34
- <option value="4">United Kingdom</option>
35
- <option value="5">USA</option>
36
- <option label="Germany" />
37
- </optgroup>
38
- </select> <br />
39
- <label for="new_user_occupation">Occupation</label>
40
- <input type="text" name="new_user_occupation" id="new_user_occupation" value="Developer" onfocus="document.getElementById('onfocus_test').innerHTML = 'changed by onfocus event'"/> <br />
41
- <label>Without for <input /></label>
42
- <label for="new_user_species">Species</label>
43
- <input type="text" name="new_user_species" id="new_user_species" value="Homo sapiens sapiens" disabled="disabled" /> <br />
44
- <label for="new_user_code">Personal code</label>
45
- <input type="text" title="Your personal code" name="new_user_code" id="new_user_code" value="HE2FF8" readonly="readonly" /> <br />
46
- <label for="good_luck">Good Luck</label>
47
- <input type="text" title="Good Luck" name="good_luck" id="good_luck" disabled="disabled" readonly="readonly" /> <br />
48
- <input type="col" id="unknown_text_field" /> <br />
49
- <label for="new_user_languages">Languages</label>
50
- <select name="new_user_languages" id="new_user_languages" multiple="multiple" onchange="WatirSpec.addMessage('changed language');">
51
- <option id="danish" value="1">Danish</option>
52
- <option selected="selected" value="2" label="EN">English</option>
53
- <option selected="selected" value="3" label="NO">Norwegian</option>
54
- <option value="4" disabled>Russian</option>
55
- <option>Swedish</option>
56
- <option>Azeri - Latin</option>
57
- <option>Latin</option>
58
- </select> <br />
59
- <label for="new_user_portrait">Portrait</label>
60
- <input type="file" name="new_user_portrait" id="new_user_portrait" class="portrait" title="Smile!" onchange="WatirSpec.addMessage(this.value)" /> <br />
61
- <!-- <input type="file" name="new_user_portrait" id="new_user_portrait" class="portrait" title="Smile!" onchange="document.getElementById('changed_language').innerHTML = 'File onchange triggered'" /> <br /> -->
62
- <label for="new_user_teeth">Dental records</label>
63
- <input type="file" name="new_user_teeth" id="new_user_teeth" title="Smile here too!" />
64
- <label for="new_user_resume">Resume</label>
65
- <input type="File" name="new_user_resume" id="new_user_resume" title="Shows us your resume!" />
66
- <label for="html5_email">HTML5 Email</label>
67
- <input type="email" id="html5_email" name="html5_email" />
68
- <label for="html5_date">HTML5 Date</label>
69
- <input type="date" id="html5_date" name="html5_date" />
70
- <label for="html5_datetime">HTML5 Datetime</label>
71
- <input type="datetime" id="html5_datetime" name="html5_datetime" />
72
- <label for="html5_datetime-local">HTML5 Datetime Local</label>
73
- <input type="datetime-local" id="html5_datetime-local" name="html5_datetime-local" />
74
- <label for="html5_month">HTML5 Month</label>
75
- <input type="month" id="html5_month" name="html5_month" />
76
- <label for="html5_week">HTML5 Week</label>
77
- <input type="week" id="html5_week" name="html5_week" />
78
- <label for="html5_time">HTML5 Time</label>
79
- <input type="time" id="html5_time" name="html5_time" />
80
- </fieldset>
81
- <fieldset>
82
- <legend>Login information</legend>
83
- <label for="new_user_username">Username (max 20 characters)</label>
84
- <input type="text" name="new_user_username" id="new_user_username" maxlength="20" size="20" onkeyup="document.getElementById('current_length').innerHTML = this.value.length"/> <span id="current_length">0</span><br />
85
- <label for="new_user_password">Password</label>
86
- <input type="password" name="new_user_password" id="new_user_password" /> <br />
87
- <label for="new_user_role">Role</label>
88
- <select name="new_user_role" id="new_user_role" disabled="disabled">
89
- <option>Administrator</option>
90
- <option>Moderator</option>
91
- <option>Regular user</option>
92
- </select>
93
- </fieldset>
94
- <fieldset>
95
- <legend>Interests</legend>
96
- <input type="checkbox" tabindex="1" name="new_user_interests" id="new_user_interests_books" value="books" checked="checked" /> <label for="new_user_interests_books">Books</label>
97
- <input type="checkbox" tabindex="2" name="new_user_interests" value="bowling" /> <label>Bowling</label>
98
- <input type="checkbox" tabindex="3" name="new_user_interests" id="new_user_interests_cars" value="cars" /> <label for="new_user_interests_cars">Cars</label>
99
- <input type="checkbox" tabindex="4" name="new_user_interests" id="new_user_interests_dancing" value="dancing" class="fun" title="Dancing is fun!" /> <label for="new_user_interests_dancing">Dancing</label>
100
- <input type="checkbox" tabindex="5" name="new_user_interests" id="new_user_interests_dentistry" value="dentistry" disabled="disabled" /> <label for="new_user_interests_dentistry">Dentistry</label>
101
- <input type="hidden" name="new_user_interests" id="new_user_interests_dolls" value="dolls" class="fun" />
102
- <input type="checkbox" tabindex="6" id="new_user_interests_food" value="food" /> <label for="new_user_interests_food">Food</label>
103
- <input type="CHECKBOX" tabindex="7" id="new_user_interests_draw" value="Draw" /> <label for="new_user_interests_draw">Draw</label>
104
- </fieldset>
105
- <fieldset>
106
- <legend>Preferences</legend>
107
- <p>Do you want to recieve our newslettter?</p>
108
- <input type="radio" name="new_user_newsletter" id="new_user_newsletter_yes" value="yes" checked="checked" class="huge" onclick="WatirSpec.addMessage('clicked: ' + this.id)"/>
109
- <label for="new_user_newsletter_yes">Yes</label>
110
- <input type="radio" name="new_user_newsletter" id="new_user_newsletter_no" value="no" title="Traitor!" onclick="WatirSpec.addMessage('clicked: ' + this.id)" />
111
- <label for="new_user_newsletter_no">No</label>
112
- <input type="radio" name="new_user_newsletter" value="certainly" onchange="WatirSpec.addMessage('changed: ' + this.name)"/>
113
- <label>Certainly</label>
114
- <input type="radio" id="new_user_newsletter_absolutely" value="absolutely" />
115
- <label for="new_user_newsletter_absolutely">Absolutely</label>
116
- <input type="RADIO" name="new_user_newsletter" id="new_user_newsletter_probably" value="nah"/>
117
- <label for="new_user_newsletter_probably">Probably</label>
118
- <input type="radio" name="new_user_newsletter" id="new_user_newsletter_nah" value="nah" disabled="disabled" />
119
- <label for="new_user_newsletter_nah">Nah</label>
120
- <input type="radio" id="new_user_newsletter_none" value="none" disabled="disabled" />
121
- <label for="new_user_newsletter_none">None</label>
122
- </fieldset>
123
- <fieldset>
124
- <legend>Actions</legend>
125
- <input type="submit" title="Submit the form" name="new_user_submit" id="new_user_submit" value="Submit" />
126
- <input type="reset" name="new_user_reset" id="new_user_reset" value="Reset" />
127
- <input type="button" name="new_user_button" id="new_user_button" alt="Create a new user" value="Button" onclick="this.value = 'new_value_set_by_onclick_event'" />
128
- <input type="BuTTon" name="new_user_button_preview" id="new_user_button_preview" alt="Create a new user" value="Preview" />
129
- <button name="new_user_button_2" value="button_2">Button 2</button>
130
- <input type="image" class="image" name="new_user_image" src="images/button.png" alt="Submittable button" />
131
- <input type="submit" name="new_user_submit_disabled" id="disabled_button" value="Disabled" disabled="disabled" />
132
- <input type="checkbox" name="new_user_submit_disabled" id="toggle_button_checkbox" onclick="var elem = document.getElementById('disabled_button'); elem.disabled = !elem.disabled" />
133
- </fieldset>
134
- </form>
135
- <h2>Delete user</h2>
136
- <form id="delete_user" action="tables.html" method="POST">
137
- <fieldset>
138
- <label for="delete_user_username">Username</label>
139
- <select name="delete_user_username" id="delete_user_username">
140
- <option value=""></option>
141
- <option selected="selected">Username 1</option>
142
- <option>Username 2</option>
143
- <option onclick="elem = document.getElementById('delete_user_comment'); elem.value = 'Don\'t do it!'; elem.style.color = 'red';">Username 3</option>
144
- </select> <br />
145
- <label for="delete_user_comment">Comment</label>
146
- <textarea name="delete_user_comment" id="delete_user_comment">Default comment.</textarea> <br />
147
- <textarea name="create_user_comment" id="create_user_comment">Default comment.</textarea> <br />
148
- <input type="submit" name="delete_user_submit" id="delete_user_submit" value="Delete" style="border: 4px solid red;" />
149
- </fieldset>
150
- </form>
151
-
152
- <!-- testing popup windows -->
153
- <input type="button" name="new_popup_window" value="Open window" id="new_popup_window" onclick="window.open('tables.html')">
154
-
155
- <!-- used for testing javascript events and styles -->
156
- <div id="changed_language" style="visibility: hidden;">
157
- <div id="hidden_parent"></div>
158
- <div id="visible_child" style="visibility: visible">shown div</div>
159
- </div>
160
- <div id="wants_newsletter" style="display: none;"></div>
161
- <div id="onfocus_test"></div>
162
-
163
- <!-- option disappears onchange -->
164
- <select id="obsolete" onchange="this.innerHTML = '';">
165
- <option value="norway">norway</option>
166
- <option value="sweden">sweden</option>
167
- </select>
168
-
169
- <!-- single quote in attribute -->
170
- <select id="single-quote">
171
- <option>'foo'</option>
172
- </select>
173
- </body>
174
- </html>
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2
+ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3
+ <head>
4
+ <title>Forms with input elements</title>
5
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6
+ <meta name="description" content="this is a test page for forms with input elements" />
7
+ <link rel="stylesheet" href="watirspec.css" type="text/css" media="screen" title="no title" charset="utf-8">
8
+ <script src="javascript/helpers.js" type="text/javascript" charset="utf-8"></script>
9
+ </head>
10
+ <body onload="document.user_new.new_user_first_name.focus()">
11
+ <div id="messages"></div>
12
+ <h1><a href="">User administration</a></h1>
13
+ <h2>Add user</h2>
14
+ <form enctype="multipart/form-data" action="post_to_me" method="post" name="user_new" id="new_user" class="user" onsubmit="WatirSpec.addMessage('submit'); return false;">
15
+ <fieldset>
16
+ <input type="hidden" /> <!-- Ensure it's not included in #text_field -->
17
+ <legend>Personal information</legend>
18
+ <label for="new_user_first_name" id="first_label" onclick="WatirSpec.addMessage('label')">First name</label>
19
+ <input name="new_user_first_name" id="new_user_first_name" class="name" /> <br />
20
+ <label for="new_user_last_name">Last name</label>
21
+ <input type="no_such_type" name="new_user_last_name" id="new_user_last_name" class="name" /> <br />
22
+ <label for="new_user_email">Email address</label>
23
+ <input type="text" name="new_user_email" id="new_user_email" /> <br />
24
+ <label for="new_user_email_confirm">Email address (confirmation)</label>
25
+ <input type="Text" name="new_user_email_confirm" id="new_user_email_confirm" /> <br />
26
+ <label for="new_user_country">Country</label>
27
+ <select name="new_user_country" id="new_user_country" class="country">
28
+ <optgroup label="nordic">
29
+ <option class="scandinavia" value="1">Denmark</option>
30
+ <option id="nor" class="scandinavia" value="2" selected="selected">Norway</option>
31
+ <option class="scandinavia" value="3">Sweden</option>
32
+ </optgroup>
33
+ <optgroup label="other">
34
+ <option value="4">United Kingdom</option>
35
+ <option value="5">USA</option>
36
+ <option label="Germany" />
37
+ </optgroup>
38
+ </select> <br />
39
+ <label for="new_user_occupation">Occupation</label>
40
+ <input type="text" name="new_user_occupation" id="new_user_occupation" value="Developer" onfocus="document.getElementById('onfocus_test').innerHTML = 'changed by onfocus event'"/> <br />
41
+ <label>Without for <input /></label>
42
+ <label for="new_user_species">Species</label>
43
+ <input type="text" name="new_user_species" id="new_user_species" value="Homo sapiens sapiens" disabled="disabled" /> <br />
44
+ <label for="new_user_code">Personal code</label>
45
+ <input type="text" title="Your personal code" name="new_user_code" id="new_user_code" value="HE2FF8" readonly="readonly" /> <br />
46
+ <label for="good_luck">Good Luck</label>
47
+ <input type="text" title="Good Luck" name="good_luck" id="good_luck" disabled="disabled" readonly="readonly" /> <br />
48
+ <input type="col" id="unknown_text_field" /> <br />
49
+ <label for="new_user_languages">Languages</label>
50
+ <select name="new_user_languages" id="new_user_languages" multiple="multiple" onchange="WatirSpec.addMessage('changed language');">
51
+ <option id="danish" value="1">Danish</option>
52
+ <option selected="selected" value="2" label="EN">English</option>
53
+ <option selected="selected" value="3" label="NO">Norwegian</option>
54
+ <option value="4" disabled>Russian</option>
55
+ <option>Swedish</option>
56
+ <option>Azeri - Latin</option>
57
+ <option>Latin</option>
58
+ </select> <br />
59
+ <label for="new_user_portrait">Portrait</label>
60
+ <input type="file" name="new_user_portrait" id="new_user_portrait" class="portrait" title="Smile!" onchange="WatirSpec.addMessage(this.value)" /> <br />
61
+ <!-- <input type="file" name="new_user_portrait" id="new_user_portrait" class="portrait" title="Smile!" onchange="document.getElementById('changed_language').innerHTML = 'File onchange triggered'" /> <br /> -->
62
+ <label for="new_user_teeth">Dental records</label>
63
+ <input type="file" name="new_user_teeth" id="new_user_teeth" title="Smile here too!" />
64
+ <label for="new_user_resume">Resume</label>
65
+ <input type="File" name="new_user_resume" id="new_user_resume" title="Shows us your resume!" />
66
+ <label for="html5_email">HTML5 Email</label>
67
+ <input type="email" id="html5_email" name="html5_email" />
68
+ <label for="html5_date">HTML5 Date</label>
69
+ <input type="date" id="html5_date" name="html5_date" />
70
+ <label for="html5_datetime">HTML5 Datetime</label>
71
+ <input type="datetime" id="html5_datetime" name="html5_datetime" />
72
+ <label for="html5_datetime-local">HTML5 Datetime Local</label>
73
+ <input type="datetime-local" id="html5_datetime-local" name="html5_datetime-local" />
74
+ <label for="html5_month">HTML5 Month</label>
75
+ <input type="month" id="html5_month" name="html5_month" />
76
+ <label for="html5_week">HTML5 Week</label>
77
+ <input type="week" id="html5_week" name="html5_week" />
78
+ <label for="html5_time">HTML5 Time</label>
79
+ <input type="time" id="html5_time" name="html5_time" />
80
+ </fieldset>
81
+ <fieldset>
82
+ <legend>Login information</legend>
83
+ <label for="new_user_username">Username (max 20 characters)</label>
84
+ <input type="text" name="new_user_username" id="new_user_username" maxlength="20" size="20" onkeyup="document.getElementById('current_length').innerHTML = this.value.length"/> <span id="current_length">0</span><br />
85
+ <label for="new_user_password">Password</label>
86
+ <input type="password" name="new_user_password" id="new_user_password" /> <br />
87
+ <label for="new_user_role">Role</label>
88
+ <select name="new_user_role" id="new_user_role" disabled="disabled">
89
+ <option>Administrator</option>
90
+ <option>Moderator</option>
91
+ <option>Regular user</option>
92
+ </select>
93
+ </fieldset>
94
+ <fieldset>
95
+ <legend>Interests</legend>
96
+ <input type="checkbox" tabindex="1" name="new_user_interests" id="new_user_interests_books" value="books" checked="checked" /> <label for="new_user_interests_books">Books</label>
97
+ <input type="checkbox" tabindex="2" name="new_user_interests" value="bowling" /> <label>Bowling</label>
98
+ <input type="checkbox" tabindex="3" name="new_user_interests" id="new_user_interests_cars" value="cars" /> <label for="new_user_interests_cars">Cars</label>
99
+ <input type="checkbox" tabindex="4" name="new_user_interests" id="new_user_interests_dancing" value="dancing" class="fun" title="Dancing is fun!" /> <label for="new_user_interests_dancing">Dancing</label>
100
+ <input type="checkbox" tabindex="5" name="new_user_interests" id="new_user_interests_dentistry" value="dentistry" disabled="disabled" /> <label for="new_user_interests_dentistry">Dentistry</label>
101
+ <input type="hidden" name="new_user_interests" id="new_user_interests_dolls" value="dolls" class="fun" />
102
+ <input type="checkbox" tabindex="6" id="new_user_interests_food" value="food" /> <label for="new_user_interests_food">Food</label>
103
+ <input type="CHECKBOX" tabindex="7" id="new_user_interests_draw" value="Draw" /> <label for="new_user_interests_draw">Draw</label>
104
+ </fieldset>
105
+ <fieldset>
106
+ <legend>Preferences</legend>
107
+ <p>Do you want to recieve our newslettter?</p>
108
+ <input type="radio" name="new_user_newsletter" id="new_user_newsletter_yes" value="yes" checked="checked" class="huge" onclick="WatirSpec.addMessage('clicked: ' + this.id)"/>
109
+ <label for="new_user_newsletter_yes">Yes</label>
110
+ <input type="radio" name="new_user_newsletter" id="new_user_newsletter_no" value="no" title="Traitor!" onclick="WatirSpec.addMessage('clicked: ' + this.id)" />
111
+ <label for="new_user_newsletter_no">No</label>
112
+ <input type="radio" name="new_user_newsletter" value="certainly" onchange="WatirSpec.addMessage('changed: ' + this.name)"/>
113
+ <label>Certainly</label>
114
+ <input type="radio" id="new_user_newsletter_absolutely" value="absolutely" />
115
+ <label for="new_user_newsletter_absolutely">Absolutely</label>
116
+ <input type="RADIO" name="new_user_newsletter" id="new_user_newsletter_probably" value="nah"/>
117
+ <label for="new_user_newsletter_probably">Probably</label>
118
+ <input type="radio" name="new_user_newsletter" id="new_user_newsletter_nah" value="nah" disabled="disabled" />
119
+ <label for="new_user_newsletter_nah">Nah</label>
120
+ <input type="radio" id="new_user_newsletter_none" value="none" disabled="disabled" />
121
+ <label for="new_user_newsletter_none">None</label>
122
+ </fieldset>
123
+ <fieldset>
124
+ <legend>Actions</legend>
125
+ <input type="submit" title="Submit the form" name="new_user_submit" id="new_user_submit" value="Submit" />
126
+ <input type="reset" name="new_user_reset" id="new_user_reset" value="Reset" />
127
+ <input type="button" name="new_user_button" id="new_user_button" alt="Create a new user" value="Button" onclick="this.value = 'new_value_set_by_onclick_event'" />
128
+ <input type="BuTTon" name="new_user_button_preview" id="new_user_button_preview" alt="Create a new user" value="Preview" />
129
+ <button name="new_user_button_2" value="button_2">Button 2</button>
130
+ <input type="image" class="image" name="new_user_image" src="images/button.png" alt="Submittable button" />
131
+ <input type="submit" name="new_user_submit_disabled" id="disabled_button" value="Disabled" disabled="disabled" />
132
+ <input type="checkbox" name="new_user_submit_disabled" id="toggle_button_checkbox" onclick="var elem = document.getElementById('disabled_button'); elem.disabled = !elem.disabled" />
133
+ </fieldset>
134
+ </form>
135
+ <h2>Delete user</h2>
136
+ <form id="delete_user" action="tables.html" method="POST">
137
+ <fieldset>
138
+ <label for="delete_user_username">Username</label>
139
+ <select name="delete_user_username" id="delete_user_username">
140
+ <option value=""></option>
141
+ <option selected="selected">Username 1</option>
142
+ <option>Username 2</option>
143
+ <option onclick="elem = document.getElementById('delete_user_comment'); elem.value = 'Don\'t do it!'; elem.style.color = 'red';">Username 3</option>
144
+ </select> <br />
145
+ <label for="delete_user_comment">Comment</label>
146
+ <textarea name="delete_user_comment" id="delete_user_comment">Default comment.</textarea> <br />
147
+ <textarea name="create_user_comment" id="create_user_comment">Default comment.</textarea> <br />
148
+ <input type="submit" name="delete_user_submit" id="delete_user_submit" value="Delete" style="border: 4px solid red;" />
149
+ </fieldset>
150
+ </form>
151
+
152
+ <!-- testing popup windows -->
153
+ <input type="button" name="new_popup_window" value="Open window" id="new_popup_window" onclick="window.open('tables.html')">
154
+
155
+ <!-- used for testing javascript events and styles -->
156
+ <div id="changed_language" style="visibility: hidden;">
157
+ <div id="hidden_parent"></div>
158
+ <div id="visible_child" style="visibility: visible">shown div</div>
159
+ </div>
160
+ <div id="wants_newsletter" style="display: none;"></div>
161
+ <div id="onfocus_test"></div>
162
+
163
+ <!-- option disappears onchange -->
164
+ <select id="obsolete" onchange="this.innerHTML = '';">
165
+ <option value="norway">norway</option>
166
+ <option value="sweden">sweden</option>
167
+ </select>
168
+
169
+ <!-- single quote in attribute -->
170
+ <select id="single-quote">
171
+ <option>'foo'</option>
172
+ </select>
173
+ </body>
174
+ </html>