-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
132 lines (125 loc) · 4.46 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
<head>
<title>fill all the things!</title>
<link rel="stylesheet" href="site/css/style.css" media="screen,projection,print" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="site/js/site.js"></script>
</head>
<body>
<div class="bookmarklet-wrap">
<p>
<a class="bookmarklet" href="">fill all the things!</a>← Drag this guy to your bookmarks bar
</p>
<p class="alt-approach">
(Dragging won't work? Bookmark this page, edit the URL, & only keep the stuff after "#")
</p>
</div>
<fieldset>
<legend>examples</legend>
<div>
<label for="textField">regular text</label>
<input id="textField" type="text"></input>
</div>
<div>
<label for="passwordField">passwords</label>
<input id="passwordField" type="password"></input>
</div>
<div>
<label for="emailField">email fields</label>
<input id="emailField" type="email"></input>
</div>
<div>
<label for="telField">phone #'s</label>
<input id="telField" type="tel"></input>
</div>
<div>
<label for="urlField">urls</label>
<input id="urlField" type="url"></input>
</div>
<div>
<label for="existingField">existing text</label>
<input id="existingField" type="text" value="won't be overwritten"></input>
</div>
<div>
<label for="disabledField">disabled fields</label>
<input id="disabledField" disabled type="text" value="won't be touched"></input>
</div>
<div>
<label for="maxlengthField">max length</label>
<input id="maxlengthField" maxlength="4" type="text"></input>
</div>
<div>
<label for="numericField">numeric</label>
<input id="numericField" class="numeric" type="text"></input>
</div>
<div>
<label for="rangeField">ranges</label>
<input id="rangeField" min="5" max="30" type="range"></input>
</div>
<hr/>
<div>
<input id="checkbox1" type="checkbox" value="true"></input>
Accept Terms
</div>
<div>
Apples
<input id="radio1" name="radios" type="radio" value="true"></input>
Oranges
<input id="radio2" name="radios" type="radio" value="false"></input>
</div>
<hr/>
<div>
<label for="selectField">drop-downs</label>
<select id="selectField">
<option>first thing</option>
<option>second thing</option>
<option>will pick the last thing</option>
</select>
</div>
<div>
<label for="ageVerifierYear">age verifiers</label>
<select>
<option>01</option>
<option>04</option>
<option>12</option>
</select>
<select>
<option>01</option>
<option>23</option>
<option>31</option>
</select>
<select id="ageVerifierYear">
<option>1901</option>
<option>1975</option>
<option>2012</option>
</select>
</div>
<hr/>
<div>
<label for="textArea">text areas</label>
<br/>
<textarea id="textArea" cols="40" rows="5"></textarea>
</div>
</fieldset>
<footer>
<p>
Who knows, maybe this will make repetitive development or exploratory testing sessions easier for someone.
</p>
<p>
read <a href="https://github.com/searls/fill-all-the-things/blob/master/spec/fill-all-the-things-spec.coffee">specs</a> • see <a href="https://github.com/searls/fill-all-the-things/blob/master/src/fill-all-the-things.coffee">source</a> • by <a href="http://twitter.com/searls">@searls</a> • via <a class="test-double" href="http://testdouble.com">test double</a>
</p>
</footer>
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-19328582-6']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>