testcentricity_web 4.1.6 → 4.1.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (116) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/.rspec +2 -1
  4. data/.ruby-version +1 -0
  5. data/.simplecov +5 -1
  6. data/CHANGELOG.md +43 -0
  7. data/README.md +14 -13
  8. data/Rakefile +99 -21
  9. data/config/cucumber.yml +32 -11
  10. data/config/locales/en-US.yml +56 -0
  11. data/config/test_data/LOCAL_data.json +15 -0
  12. data/config/test_data/LOCAL_data.xls +0 -0
  13. data/config/test_data/LOCAL_data.yml +11 -0
  14. data/config/test_data/data.json +25 -0
  15. data/config/test_data/data.xls +0 -0
  16. data/config/test_data/data.yml +20 -0
  17. data/{docker-compose-v3.yml → docker-compose.yml} +2 -2
  18. data/features/basic_form_page_css.feature +54 -0
  19. data/features/basic_form_page_xpath.feature +26 -0
  20. data/features/custom_controls.feature +29 -0
  21. data/features/media_players.feature +67 -0
  22. data/features/step_definitions/generic_steps.rb.rb +87 -0
  23. data/features/step_definitions/media_steps.rb +30 -0
  24. data/features/support/data/form_data.rb +43 -0
  25. data/features/support/env.rb +18 -10
  26. data/features/support/hooks.rb +26 -1
  27. data/features/support/pages/base_test_page.rb +22 -0
  28. data/features/support/pages/{basic_css_test_page.rb → basic_css_form_page.rb} +12 -8
  29. data/features/support/pages/{basic_test_page.rb → basic_form_page.rb} +227 -36
  30. data/features/support/pages/{basic_xpath_test_page.rb → basic_xpath_form_page.rb} +12 -7
  31. data/features/support/pages/custom_controls_page.rb +263 -0
  32. data/features/support/pages/indexed_sections_page.rb +57 -0
  33. data/features/support/pages/media_test_page.rb +207 -0
  34. data/features/support/sections/header_nav.rb +48 -0
  35. data/features/support/sections/product_card.rb +39 -0
  36. data/features/support/world_data.rb +12 -0
  37. data/features/support/world_pages.rb +5 -2
  38. data/lib/testcentricity_web/appium_server.rb +5 -0
  39. data/lib/testcentricity_web/browser_helper.rb +0 -6
  40. data/lib/testcentricity_web/data_objects/data_objects_helper.rb +7 -0
  41. data/lib/testcentricity_web/data_objects/environment.rb +14 -0
  42. data/lib/testcentricity_web/data_objects/excel_helper.rb +60 -59
  43. data/lib/testcentricity_web/version.rb +1 -1
  44. data/lib/testcentricity_web/web_core/drag_drop_helper.rb +4 -0
  45. data/lib/testcentricity_web/web_core/page_object.rb +1 -8
  46. data/lib/testcentricity_web/web_core/page_objects_helper.rb +4 -2
  47. data/lib/testcentricity_web/web_core/page_section.rb +1 -1
  48. data/lib/testcentricity_web/web_core/webdriver_helper.rb +60 -44
  49. data/lib/testcentricity_web/web_elements/checkbox.rb +49 -19
  50. data/lib/testcentricity_web/web_elements/file_field.rb +9 -5
  51. data/lib/testcentricity_web/web_elements/image.rb +2 -1
  52. data/lib/testcentricity_web/web_elements/media.rb +46 -12
  53. data/lib/testcentricity_web/web_elements/radio.rb +51 -16
  54. data/lib/testcentricity_web/web_elements/select_list.rb +12 -12
  55. data/lib/testcentricity_web/web_elements/ui_elements_helper.rb +22 -9
  56. data/lib/testcentricity_web/web_elements/video.rb +2 -2
  57. data/spec/fixtures/page_object.rb +22 -0
  58. data/spec/fixtures/section_object.rb +21 -0
  59. data/spec/spec_helper.rb +31 -0
  60. data/spec/testcentricity_web/browser_spec.rb +41 -0
  61. data/spec/testcentricity_web/elements/audio_spec.rb +68 -0
  62. data/spec/testcentricity_web/elements/button_spec.rb +18 -0
  63. data/spec/testcentricity_web/elements/checkbox_spec.rb +33 -0
  64. data/spec/testcentricity_web/elements/file_field_spec.rb +13 -0
  65. data/spec/testcentricity_web/elements/image_spec.rb +33 -0
  66. data/spec/testcentricity_web/elements/label_spec.rb +18 -0
  67. data/spec/testcentricity_web/elements/link_spec.rb +23 -0
  68. data/spec/testcentricity_web/elements/list_spec.rb +13 -0
  69. data/spec/testcentricity_web/elements/radio_spec.rb +28 -0
  70. data/spec/testcentricity_web/elements/ui_element_spec.rb +125 -0
  71. data/spec/testcentricity_web/elements/video_spec.rb +68 -0
  72. data/spec/testcentricity_web/helper_specs/object_helpers_spec.rb +39 -0
  73. data/spec/testcentricity_web/helper_specs/string_helpers_spec.rb +49 -0
  74. data/spec/testcentricity_web/page_object_spec.rb +90 -0
  75. data/spec/testcentricity_web/section_object_spec.rb +72 -0
  76. data/spec/testcentricity_web/version_spec.rb +7 -0
  77. data/spec/testcentricity_web/webdriver_connect/grid_webdriver_spec.rb +72 -0
  78. data/spec/testcentricity_web/webdriver_connect/local_webdriver_spec.rb +86 -0
  79. data/spec/testcentricity_web/webdriver_connect/mobile_webdriver_spec.rb +65 -0
  80. data/test_site/basic_test_page.html +51 -1
  81. data/test_site/chosen-sprite.png +0 -0
  82. data/test_site/chosen-sprite@2x.png +0 -0
  83. data/test_site/chosen.css +496 -0
  84. data/test_site/chosen.jquery.js +1359 -0
  85. data/test_site/chosen.jquery.min.js +3 -0
  86. data/test_site/chosen.min.css +11 -0
  87. data/test_site/chosen.proto.js +1399 -0
  88. data/test_site/chosen.proto.min.js +3 -0
  89. data/test_site/composer.json +36 -0
  90. data/test_site/custom_controls_page.html +629 -0
  91. data/test_site/docsupport/chosen.png +0 -0
  92. data/test_site/docsupport/init.js +11 -0
  93. data/test_site/docsupport/init.proto.js +16 -0
  94. data/test_site/docsupport/jquery-1.12.4.min.js +5 -0
  95. data/test_site/docsupport/jquery-3.2.1.min.js +4 -0
  96. data/test_site/docsupport/oss-credit.png +0 -0
  97. data/test_site/docsupport/prism.css +108 -0
  98. data/test_site/docsupport/prism.js +9 -0
  99. data/test_site/docsupport/prototype-1.7.0.0.js +6082 -0
  100. data/test_site/docsupport/style.css +219 -0
  101. data/test_site/images/Blouse_Black.jpg +0 -0
  102. data/test_site/images/Printed_Dress.jpg +0 -0
  103. data/test_site/images/T-shirt.jpg +0 -0
  104. data/test_site/images/jeans3.jpg +0 -0
  105. data/test_site/indexed_sections_page.html +215 -0
  106. data/test_site/media/MIB2-subtitles-pt-BR.vtt +49 -0
  107. data/test_site/media/MIB2.mp4 +0 -0
  108. data/test_site/media/bbc_scotland_report.mp3 +0 -0
  109. data/test_site/media/count_and_bars.mp4 +0 -0
  110. data/test_site/media_page.html +60 -7
  111. data/testcentricity_web.gemspec +14 -8
  112. metadata +197 -25
  113. data/Gemfile.lock +0 -170
  114. data/features/basic_test_page_css.feature +0 -24
  115. data/features/basic_test_page_xpath.feature +0 -24
  116. data/features/support/pages/media_page.rb +0 -11
@@ -0,0 +1,629 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <title>Custom Controls Page</title>
6
+ <link rel="stylesheet" href="docsupport/prism.css">
7
+ <link rel="stylesheet" href="chosen.css">
8
+
9
+ <style>
10
+ table {
11
+ font-family: arial, sans-serif;
12
+ font-size: 15px;
13
+ border-collapse: collapse;
14
+ width: 85%;
15
+ }
16
+ td, th {
17
+ border: 1px solid #dddddd;
18
+ text-align: left;
19
+ padding: 8px;
20
+ }
21
+ body {
22
+ margin: 0;
23
+ font-family: Arial, Helvetica, sans-serif;
24
+ }
25
+ .topnav {
26
+ overflow: hidden;
27
+ background-color: #333;
28
+ }
29
+ .topnav a {
30
+ float: left;
31
+ color: #f2f2f2;
32
+ text-align: center;
33
+ padding: 12px 14px;
34
+ text-decoration: none;
35
+ font-size: 15px;
36
+ }
37
+ .topnav a:hover {
38
+ background-color: #ddd;
39
+ color: black;
40
+ }
41
+ .topnav a.active {
42
+ background-color: #04AA6D;
43
+ color: white;
44
+ }
45
+ /* The container */
46
+ .container {
47
+ display: block;
48
+ position: relative;
49
+ padding-left: 35px;
50
+ margin-bottom: 12px;
51
+ cursor: pointer;
52
+ font-size: 16px;
53
+ -webkit-user-select: none;
54
+ -moz-user-select: none;
55
+ -ms-user-select: none;
56
+ user-select: none;
57
+ }
58
+ /* Hide the browser's default checkbox */
59
+ .container input {
60
+ position: absolute;
61
+ opacity: 0;
62
+ cursor: pointer;
63
+ height: 0;
64
+ width: 0;
65
+ }
66
+ /* Create a custom checkbox */
67
+ .checkmark {
68
+ position: absolute;
69
+ top: 0;
70
+ left: 0;
71
+ height: 25px;
72
+ width: 25px;
73
+ background-color: #eee;
74
+ }
75
+ /* On mouse-over, add a grey background color */
76
+ .container:hover input ~ .checkmark {
77
+ background-color: #ccc;
78
+ }
79
+ /* When the checkbox is checked, add a blue background */
80
+ .container input:checked ~ .checkmark {
81
+ background-color: #2196F3;
82
+ }
83
+ /* Create the checkmark/indicator (hidden when not checked) */
84
+ .checkmark:after {
85
+ content: "";
86
+ position: absolute;
87
+ display: none;
88
+ }
89
+ /* Show the checkmark when checked */
90
+ .container input:checked ~ .checkmark:after {
91
+ display: block;
92
+ }
93
+ /* Style the checkmark/indicator */
94
+ .container .checkmark:after {
95
+ left: 9px;
96
+ top: 5px;
97
+ width: 5px;
98
+ height: 10px;
99
+ border: solid white;
100
+ border-width: 0 3px 3px 0;
101
+ -webkit-transform: rotate(45deg);
102
+ -ms-transform: rotate(45deg);
103
+ transform: rotate(45deg);
104
+ }
105
+ /* Create a custom radio button */
106
+ .radio {
107
+ position: absolute;
108
+ top: 0;
109
+ left: 0;
110
+ height: 25px;
111
+ width: 25px;
112
+ background-color: #eee;
113
+ border-radius: 50%;
114
+ }
115
+ /* On mouse-over, add a grey background color */
116
+ .container:hover input ~ .radio {
117
+ background-color: #ccc;
118
+ }
119
+ /* When the radio button is checked, add a blue background */
120
+ .container input:checked ~ .radio {
121
+ background-color: #2196F3;
122
+ }
123
+ /* Create the indicator (the dot/circle - hidden when not checked) */
124
+ .radio:after {
125
+ content: "";
126
+ position: absolute;
127
+ display: none;
128
+ }
129
+ /* Show the indicator (dot/circle) when checked */
130
+ .container input:checked ~ .radio:after {
131
+ display: block;
132
+ }
133
+ /* Style the indicator (dot/circle) */
134
+ .container .radio:after {
135
+ top: 9px;
136
+ left: 9px;
137
+ width: 8px;
138
+ height: 8px;
139
+ border-radius: 50%;
140
+ background: white;
141
+ }
142
+ #resp-table {
143
+ width: 100%;
144
+ display: table;
145
+ }
146
+ #resp-table-caption{
147
+ display: table-caption;
148
+ text-align: center;
149
+ font-size: 18px;
150
+ font-weight: bold;
151
+ }
152
+ #resp-table-header{
153
+ display: table-header-group;
154
+ background-color: lightgoldenrodyellow;
155
+ font-weight: bold;
156
+ font-size: 16px;
157
+ }
158
+ .table-header-cell{
159
+ display: table-cell;
160
+ padding: 10px;
161
+ text-align: justify;
162
+ border-bottom: 1px solid darkblue;
163
+ }
164
+ #resp-table-body{
165
+ display: table-row-group;
166
+ }
167
+ .resp-table-row{
168
+ display: table-row;
169
+ border-bottom: 1px solid blue;
170
+ }
171
+ .table-body-cell{
172
+ display: table-cell;
173
+ padding: 6px;
174
+ }
175
+ </style>
176
+ </head>
177
+ <body>
178
+ <div class="custom-controls-page-body">
179
+ <h2 id="header">Custom Controls Page</h2>
180
+
181
+ <div id="nav_bar" class="topnav">
182
+ <a id="form_link" href="basic_test_page.html">Basic HTML Form</a>
183
+ <a id="media_link" href="media_page.html">Media</a>
184
+ <a id="indexed_sections_link" href="indexed_sections_page.html">Indexed Sections</a>
185
+ <a id="custom_controls_link" class="active" href="#">Custom Controls</a>
186
+ </div>
187
+
188
+
189
+ <table>
190
+ <tbody>
191
+ <tr>
192
+ <td>
193
+ <h3>Chosen SelectList</h3>
194
+ <div>
195
+ <select id="country" data-placeholder="Choose a Country..." class="chosen-select" tabindex="1">
196
+ <option value=""></option>
197
+ <option value="United States">United States</option>
198
+ <option value="United Kingdom">United Kingdom</option>
199
+ <option value="Afghanistan">Afghanistan</option>
200
+ <option value="Aland Islands">Aland Islands</option>
201
+ <option value="Albania">Albania</option>
202
+ <option value="Algeria">Algeria</option>
203
+ <option value="American Samoa">American Samoa</option>
204
+ <option value="Andorra">Andorra</option>
205
+ <option value="Angola">Angola</option>
206
+ <option value="Anguilla">Anguilla</option>
207
+ <option value="Antarctica">Antarctica</option>
208
+ <option value="Antigua and Barbuda">Antigua and Barbuda</option>
209
+ <option value="Argentina">Argentina</option>
210
+ <option value="Armenia">Armenia</option>
211
+ <option value="Aruba">Aruba</option>
212
+ <option value="Australia">Australia</option>
213
+ <option value="Austria">Austria</option>
214
+ <option value="Azerbaijan">Azerbaijan</option>
215
+ <option value="Bahamas">Bahamas</option>
216
+ <option value="Bahrain">Bahrain</option>
217
+ <option value="Bangladesh">Bangladesh</option>
218
+ <option value="Barbados">Barbados</option>
219
+ <option value="Belarus">Belarus</option>
220
+ <option value="Belgium">Belgium</option>
221
+ <option value="Belize">Belize</option>
222
+ <option value="Benin">Benin</option>
223
+ <option value="Bermuda">Bermuda</option>
224
+ <option value="Bhutan">Bhutan</option>
225
+ <option value="Bolivia, Plurinational State of">Bolivia, Plurinational State of</option>
226
+ <option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option>
227
+ <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
228
+ <option value="Botswana">Botswana</option>
229
+ <option value="Bouvet Island">Bouvet Island</option>
230
+ <option value="Brazil">Brazil</option>
231
+ <option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
232
+ <option value="Brunei Darussalam">Brunei Darussalam</option>
233
+ <option value="Bulgaria">Bulgaria</option>
234
+ <option value="Burkina Faso">Burkina Faso</option>
235
+ <option value="Burundi">Burundi</option>
236
+ <option value="Cambodia">Cambodia</option>
237
+ <option value="Cameroon">Cameroon</option>
238
+ <option value="Canada">Canada</option>
239
+ <option value="Cape Verde">Cape Verde</option>
240
+ <option value="Cayman Islands">Cayman Islands</option>
241
+ <option value="Central African Republic">Central African Republic</option>
242
+ <option value="Chad">Chad</option>
243
+ <option value="Chile">Chile</option>
244
+ <option value="China">China</option>
245
+ <option value="Christmas Island">Christmas Island</option>
246
+ <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>
247
+ <option value="Colombia">Colombia</option>
248
+ <option value="Comoros">Comoros</option>
249
+ <option value="Congo">Congo</option>
250
+ <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option>
251
+ <option value="Cook Islands">Cook Islands</option>
252
+ <option value="Costa Rica">Costa Rica</option>
253
+ <option value="Cote D&apos;ivoire">Cote D'ivoire</option>
254
+ <option value="Croatia">Croatia</option>
255
+ <option value="Cuba">Cuba</option>
256
+ <option value="Curacao">Curacao</option>
257
+ <option value="Cyprus">Cyprus</option>
258
+ <option value="Czech Republic">Czech Republic</option>
259
+ <option value="Denmark">Denmark</option>
260
+ <option value="Djibouti">Djibouti</option>
261
+ <option value="Dominica">Dominica</option>
262
+ <option value="Dominican Republic">Dominican Republic</option>
263
+ <option value="Ecuador">Ecuador</option>
264
+ <option value="Egypt">Egypt</option>
265
+ <option value="El Salvador">El Salvador</option>
266
+ <option value="Equatorial Guinea">Equatorial Guinea</option>
267
+ <option value="Eritrea">Eritrea</option>
268
+ <option value="Estonia">Estonia</option>
269
+ <option value="Ethiopia">Ethiopia</option>
270
+ <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option>
271
+ <option value="Faroe Islands">Faroe Islands</option>
272
+ <option value="Fiji">Fiji</option>
273
+ <option value="Finland">Finland</option>
274
+ <option value="France">France</option>
275
+ <option value="French Guiana">French Guiana</option>
276
+ <option value="French Polynesia">French Polynesia</option>
277
+ <option value="French Southern Territories">French Southern Territories</option>
278
+ <option value="Gabon">Gabon</option>
279
+ <option value="Gambia">Gambia</option>
280
+ <option value="Georgia">Georgia</option>
281
+ <option value="Germany">Germany</option>
282
+ <option value="Ghana">Ghana</option>
283
+ <option value="Gibraltar">Gibraltar</option>
284
+ <option value="Greece">Greece</option>
285
+ <option value="Greenland">Greenland</option>
286
+ <option value="Grenada">Grenada</option>
287
+ <option value="Guadeloupe">Guadeloupe</option>
288
+ <option value="Guam">Guam</option>
289
+ <option value="Guatemala">Guatemala</option>
290
+ <option value="Guernsey">Guernsey</option>
291
+ <option value="Guinea">Guinea</option>
292
+ <option value="Guinea-bissau">Guinea-bissau</option>
293
+ <option value="Guyana">Guyana</option>
294
+ <option value="Haiti">Haiti</option>
295
+ <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option>
296
+ <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option>
297
+ <option value="Honduras">Honduras</option>
298
+ <option value="Hong Kong">Hong Kong</option>
299
+ <option value="Hungary">Hungary</option>
300
+ <option value="Iceland">Iceland</option>
301
+ <option value="India">India</option>
302
+ <option value="Indonesia">Indonesia</option>
303
+ <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option>
304
+ <option value="Iraq">Iraq</option>
305
+ <option value="Ireland">Ireland</option>
306
+ <option value="Isle of Man">Isle of Man</option>
307
+ <option value="Israel">Israel</option>
308
+ <option value="Italy">Italy</option>
309
+ <option value="Jamaica">Jamaica</option>
310
+ <option value="Japan">Japan</option>
311
+ <option value="Jersey">Jersey</option>
312
+ <option value="Jordan">Jordan</option>
313
+ <option value="Kazakhstan">Kazakhstan</option>
314
+ <option value="Kenya">Kenya</option>
315
+ <option value="Kiribati">Kiribati</option>
316
+ <option value="Korea, Democratic People&apos;s Republic of">Korea, Democratic People's Republic of</option>
317
+ <option value="Korea, Republic of">Korea, Republic of</option>
318
+ <option value="Kuwait">Kuwait</option>
319
+ <option value="Kyrgyzstan">Kyrgyzstan</option>
320
+ <option value="Lao People&apos;s Democratic Republic">Lao People's Democratic Republic</option>
321
+ <option value="Latvia">Latvia</option>
322
+ <option value="Lebanon">Lebanon</option>
323
+ <option value="Lesotho">Lesotho</option>
324
+ <option value="Liberia">Liberia</option>
325
+ <option value="Libya">Libya</option>
326
+ <option value="Liechtenstein">Liechtenstein</option>
327
+ <option value="Lithuania">Lithuania</option>
328
+ <option value="Luxembourg">Luxembourg</option>
329
+ <option value="Macao">Macao</option>
330
+ <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option>
331
+ <option value="Madagascar">Madagascar</option>
332
+ <option value="Malawi">Malawi</option>
333
+ <option value="Malaysia">Malaysia</option>
334
+ <option value="Maldives">Maldives</option>
335
+ <option value="Mali">Mali</option>
336
+ <option value="Malta">Malta</option>
337
+ <option value="Marshall Islands">Marshall Islands</option>
338
+ <option value="Martinique">Martinique</option>
339
+ <option value="Mauritania">Mauritania</option>
340
+ <option value="Mauritius">Mauritius</option>
341
+ <option value="Mayotte">Mayotte</option>
342
+ <option value="Mexico">Mexico</option>
343
+ <option value="Micronesia, Federated States of">Micronesia, Federated States of</option>
344
+ <option value="Moldova, Republic of">Moldova, Republic of</option>
345
+ <option value="Monaco">Monaco</option>
346
+ <option value="Mongolia">Mongolia</option>
347
+ <option value="Montenegro">Montenegro</option>
348
+ <option value="Montserrat">Montserrat</option>
349
+ <option value="Morocco">Morocco</option>
350
+ <option value="Mozambique">Mozambique</option>
351
+ <option value="Myanmar">Myanmar</option>
352
+ <option value="Namibia">Namibia</option>
353
+ <option value="Nauru">Nauru</option>
354
+ <option value="Nepal">Nepal</option>
355
+ <option value="Netherlands">Netherlands</option>
356
+ <option value="New Caledonia">New Caledonia</option>
357
+ <option value="New Zealand">New Zealand</option>
358
+ <option value="Nicaragua">Nicaragua</option>
359
+ <option value="Niger">Niger</option>
360
+ <option value="Nigeria">Nigeria</option>
361
+ <option value="Niue">Niue</option>
362
+ <option value="Norfolk Island">Norfolk Island</option>
363
+ <option value="Northern Mariana Islands">Northern Mariana Islands</option>
364
+ <option value="Norway">Norway</option>
365
+ <option value="Oman">Oman</option>
366
+ <option value="Pakistan">Pakistan</option>
367
+ <option value="Palau">Palau</option>
368
+ <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option>
369
+ <option value="Panama">Panama</option>
370
+ <option value="Papua New Guinea">Papua New Guinea</option>
371
+ <option value="Paraguay">Paraguay</option>
372
+ <option value="Peru">Peru</option>
373
+ <option value="Philippines">Philippines</option>
374
+ <option value="Pitcairn">Pitcairn</option>
375
+ <option value="Poland">Poland</option>
376
+ <option value="Portugal">Portugal</option>
377
+ <option value="Puerto Rico">Puerto Rico</option>
378
+ <option value="Qatar">Qatar</option>
379
+ <option value="Reunion">Reunion</option>
380
+ <option value="Romania">Romania</option>
381
+ <option value="Russian Federation">Russian Federation</option>
382
+ <option value="Rwanda">Rwanda</option>
383
+ <option value="Saint Barthelemy">Saint Barthelemy</option>
384
+ <option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option>
385
+ <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
386
+ <option value="Saint Lucia">Saint Lucia</option>
387
+ <option value="Saint Martin (French part)">Saint Martin (French part)</option>
388
+ <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
389
+ <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option>
390
+ <option value="Samoa">Samoa</option>
391
+ <option value="San Marino">San Marino</option>
392
+ <option value="Sao Tome and Principe">Sao Tome and Principe</option>
393
+ <option value="Saudi Arabia">Saudi Arabia</option>
394
+ <option value="Senegal">Senegal</option>
395
+ <option value="Serbia">Serbia</option>
396
+ <option value="Seychelles">Seychelles</option>
397
+ <option value="Sierra Leone">Sierra Leone</option>
398
+ <option value="Singapore">Singapore</option>
399
+ <option value="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option>
400
+ <option value="Slovakia">Slovakia</option>
401
+ <option value="Slovenia">Slovenia</option>
402
+ <option value="Solomon Islands">Solomon Islands</option>
403
+ <option value="Somalia">Somalia</option>
404
+ <option value="South Africa">South Africa</option>
405
+ <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option>
406
+ <option value="South Sudan">South Sudan</option>
407
+ <option value="Spain">Spain</option>
408
+ <option value="Sri Lanka">Sri Lanka</option>
409
+ <option value="Sudan">Sudan</option>
410
+ <option value="Suriname">Suriname</option>
411
+ <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option>
412
+ <option value="Swaziland">Swaziland</option>
413
+ <option value="Sweden">Sweden</option>
414
+ <option value="Switzerland">Switzerland</option>
415
+ <option value="Syrian Arab Republic">Syrian Arab Republic</option>
416
+ <option value="Taiwan, Province of China">Taiwan, Province of China</option>
417
+ <option value="Tajikistan">Tajikistan</option>
418
+ <option value="Tanzania, United Republic of">Tanzania, United Republic of</option>
419
+ <option value="Thailand">Thailand</option>
420
+ <option value="Timor-leste">Timor-leste</option>
421
+ <option value="Togo">Togo</option>
422
+ <option value="Tokelau">Tokelau</option>
423
+ <option value="Tonga">Tonga</option>
424
+ <option value="Trinidad and Tobago">Trinidad and Tobago</option>
425
+ <option value="Tunisia">Tunisia</option>
426
+ <option value="Turkey">Turkey</option>
427
+ <option value="Turkmenistan">Turkmenistan</option>
428
+ <option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
429
+ <option value="Tuvalu">Tuvalu</option>
430
+ <option value="Uganda">Uganda</option>
431
+ <option value="Ukraine">Ukraine</option>
432
+ <option value="United Arab Emirates">United Arab Emirates</option>
433
+ <option value="United Kingdom">United Kingdom</option>
434
+ <option value="United States">United States</option>
435
+ <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option>
436
+ <option value="Uruguay">Uruguay</option>
437
+ <option value="Uzbekistan">Uzbekistan</option>
438
+ <option value="Vanuatu">Vanuatu</option>
439
+ <option value="Venezuela, Bolivarian Republic of">Venezuela, Bolivarian Republic of</option>
440
+ <option value="Viet Nam">Viet Nam</option>
441
+ <option value="Virgin Islands, British">Virgin Islands, British</option>
442
+ <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option>
443
+ <option value="Wallis and Futuna">Wallis and Futuna</option>
444
+ <option value="Western Sahara">Western Sahara</option>
445
+ <option value="Yemen">Yemen</option>
446
+ <option value="Zambia">Zambia</option>
447
+ <option value="Zimbabwe">Zimbabwe</option>
448
+ </select>
449
+ </div>
450
+ </td>
451
+ <td>
452
+ <h3>Chosen SelectList with Groups</h3>
453
+ <div>
454
+ <select id="team" data-placeholder="Your Favorite Football Team" class="chosen-select" tabindex="2">
455
+ <option value=""></option>
456
+ <optgroup label="NFC EAST">
457
+ <option>Dallas Cowboys</option>
458
+ <option>New York Giants</option>
459
+ <option>Philadelphia Eagles</option>
460
+ <option>Washington Redskins</option>
461
+ </optgroup>
462
+ <optgroup label="NFC NORTH">
463
+ <option>Chicago Bears</option>
464
+ <option>Detroit Lions</option>
465
+ <option>Green Bay Packers</option>
466
+ <option>Minnesota Vikings</option>
467
+ </optgroup>
468
+ <optgroup label="NFC SOUTH">
469
+ <option>Atlanta Falcons</option>
470
+ <option>Carolina Panthers</option>
471
+ <option>New Orleans Saints</option>
472
+ <option>Tampa Bay Buccaneers</option>
473
+ </optgroup>
474
+ <optgroup label="NFC WEST">
475
+ <option>Arizona Cardinals</option>
476
+ <option>St. Louis Rams</option>
477
+ <option>San Francisco 49ers</option>
478
+ <option>Seattle Seahawks</option>
479
+ </optgroup>
480
+ <optgroup label="AFC EAST">
481
+ <option>Buffalo Bills</option>
482
+ <option>Miami Dolphins</option>
483
+ <option>New England Patriots</option>
484
+ <option>New York Jets</option>
485
+ </optgroup>
486
+ <optgroup label="AFC NORTH">
487
+ <option>Baltimore Ravens</option>
488
+ <option>Cincinnati Bengals</option>
489
+ <option>Cleveland Browns</option>
490
+ <option>Pittsburgh Steelers</option>
491
+ </optgroup>
492
+ <optgroup label="AFC SOUTH">
493
+ <option>Houston Texans</option>
494
+ <option>Indianapolis Colts</option>
495
+ <option>Jacksonville Jaguars</option>
496
+ <option>Tennessee Titans</option>
497
+ </optgroup>
498
+ <optgroup label="AFC WEST">
499
+ <option>Denver Broncos</option>
500
+ <option>Kansas City Chiefs</option>
501
+ <option>Oakland Raiders</option>
502
+ <option>San Diego Chargers</option>
503
+ </optgroup>
504
+ </select>
505
+ </div>
506
+ </td>
507
+ </tr>
508
+ <tr>
509
+ <td>
510
+ <h3>Custom Checkboxes</h3>
511
+ <label for="check1" class="container" tabindex="3">Pork
512
+ <input id="check1" type="checkbox" checked="checked">
513
+ <span class="checkmark"></span>
514
+ </label>
515
+ <label for="check2" class="container" tabindex="4">Beef
516
+ <input id="check2" type="checkbox">
517
+ <span class="checkmark"></span>
518
+ </label>
519
+ <label for="check3" class="container" tabindex="5">Chicken
520
+ <input id="check3" type="checkbox">
521
+ <span class="checkmark"></span>
522
+ </label>
523
+ <label for="check4" class="container" tabindex="6">Shrimp
524
+ <input id="check4" type="checkbox">
525
+ <span class="checkmark"></span>
526
+ </label>
527
+ </td>
528
+ <td>
529
+ <h3>Custom Radio Buttons</h3>
530
+ <label for="radio1" class="container" tabindex="7">Mild
531
+ <input id="radio1" type="radio" checked="checked" name="radio">
532
+ <span class="radio"></span>
533
+ </label>
534
+ <label for="radio2" class="container">Spicey
535
+ <input id="radio2" type="radio" name="radio">
536
+ <span class="radio"></span>
537
+ </label>
538
+ <label for="radio3" class="container">Hot
539
+ <input id="radio3" type="radio" name="radio">
540
+ <span class="radio"></span>
541
+ </label>
542
+ <label for="radio4" class="container">Flaming
543
+ <input id="radio4" type="radio" name="radio">
544
+ <span class="radio"></span>
545
+ </label>
546
+ </td>
547
+ </tr>
548
+
549
+ <tr>
550
+ <td>
551
+ <div id="resp-table">
552
+ <div id="resp-table-caption">
553
+ Responsive Table without Table tag
554
+ </div>
555
+ <div id="resp-table-header">
556
+ <div class="table-header-cell">
557
+ Header 1
558
+ </div>
559
+ <div class="table-header-cell">
560
+ Header 2
561
+ </div>
562
+ <div class="table-header-cell">
563
+ Header 3
564
+ </div>
565
+ <div class="table-header-cell">
566
+ Header 4
567
+ </div>
568
+ </div>
569
+ <div id="resp-table-body">
570
+ <div class="resp-table-row">
571
+ <div class="table-body-cell">
572
+ Cell 1–1
573
+ </div>
574
+ <div class="table-body-cell">
575
+ Cell 1–2
576
+ </div>
577
+ <div class="table-body-cell">
578
+ Cell 1–3
579
+ </div>
580
+ <div class="table-body-cell">
581
+ Cell 1–4
582
+ </div>
583
+ </div>
584
+ <div class="resp-table-row">
585
+ <div class="table-body-cell">
586
+ Cell 2–1
587
+ </div>
588
+ <div class="table-body-cell">
589
+ Cell 2–2
590
+ </div>
591
+ <div class="table-body-cell">
592
+ Cell 2–3
593
+ </div>
594
+ <div class="table-body-cell">
595
+ Cell 2–4
596
+ </div>
597
+ </div>
598
+ <div class="resp-table-row">
599
+ <div class="table-body-cell">
600
+ Cell 3–1
601
+ </div>
602
+ <div class="table-body-cell">
603
+ Cell 3–2
604
+ </div>
605
+ <div class="table-body-cell">
606
+ Cell 3–3
607
+ </div>
608
+ <div class="table-body-cell">
609
+ Cell 3–4
610
+ </div>
611
+ </div>
612
+ </div>
613
+ </div>
614
+ </td>
615
+ <td>
616
+
617
+ </td>
618
+ </tr>
619
+ </tbody>
620
+ </table>
621
+ </div>
622
+
623
+ <script src="docsupport/jquery-3.2.1.min.js" type="text/javascript"></script>
624
+ <script src="chosen.jquery.js" type="text/javascript"></script>
625
+ <script src="docsupport/prism.js" type="text/javascript" charset="utf-8"></script>
626
+ <script src="docsupport/init.js" type="text/javascript" charset="utf-8"></script>
627
+
628
+ </body>
629
+ </html>
Binary file
@@ -0,0 +1,11 @@
1
+ var config = {
2
+ '.chosen-select' : {},
3
+ '.chosen-select-deselect' : { allow_single_deselect: true },
4
+ '.chosen-select-no-single' : { disable_search_threshold: 10 },
5
+ '.chosen-select-no-results': { no_results_text: 'Oops, nothing found!' },
6
+ '.chosen-select-rtl' : { rtl: true },
7
+ '.chosen-select-width' : { width: '95%' }
8
+ }
9
+ for (var selector in config) {
10
+ $(selector).chosen(config[selector]);
11
+ }