relevance-tarantula 0.1.3 → 0.1.4
Sign up to get free protection for your applications and to get access to all the features.
- data/Rakefile +1 -1
- data/VERSION.yml +2 -2
- data/laf/images/background.jpg +0 -0
- data/laf/images/relevance-os-logo.gif +0 -0
- data/laf/images/tab.png +0 -0
- data/laf/images/table-sort.gif +0 -0
- data/laf/images/tarantula-sprites.png +0 -0
- data/laf/javascripts/jquery-1.2.3.js +3408 -0
- data/laf/javascripts/jquery-ui-tabs.js +890 -0
- data/laf/javascripts/jquery.tablesorter.js +861 -0
- data/laf/javascripts/niftyLayout.js +11 -0
- data/laf/javascripts/niftycube-details.js +298 -0
- data/laf/javascripts/niftycube.js +298 -0
- data/laf/javascripts/tarantula.js +10 -0
- data/laf/stylesheets/NiftyLayout.css +47 -0
- data/laf/stylesheets/niftyCorners.css +35 -0
- data/laf/stylesheets/old.css +638 -0
- data/laf/stylesheets/tarantula.css +175 -0
- data/laf/stylesheets/tarantula.v2.css +48 -0
- data/laf/stylesheets/ui.tabs.css +113 -0
- data/laf/v2/detail.html +59 -0
- data/laf/v2/images/button_active.png +0 -0
- data/laf/v2/images/button_hover.png +0 -0
- data/laf/v2/images/button_inactive.png +0 -0
- data/laf/v2/images/header_bg.jpg +0 -0
- data/laf/v2/images/logo.png +0 -0
- data/laf/v2/images/tagline.png +0 -0
- data/laf/v2/index.html +77 -0
- data/laf/v2/stylesheets/tarantula.v2.css +324 -0
- metadata +39 -5
@@ -0,0 +1,175 @@
|
|
1
|
+
html, body, div, span, applet, object, iframe,
|
2
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
3
|
+
a, abbr, acronym, address, big, cite, code,
|
4
|
+
del, dfn, em, font, img, ins, kbd, q, s, samp,
|
5
|
+
small, strike, strong, sub, sup, tt, var,
|
6
|
+
b, u, i, center,
|
7
|
+
dl, dt, dd, ol, ul, li,
|
8
|
+
fieldset, form, label, legend,
|
9
|
+
table, caption, tbody, tfoot, thead, tr, th, td {
|
10
|
+
margin: 0;
|
11
|
+
padding: 0;
|
12
|
+
border: 0;
|
13
|
+
outline: 0;
|
14
|
+
font-size: 100%;
|
15
|
+
vertical-align: baseline;
|
16
|
+
background: transparent;
|
17
|
+
}
|
18
|
+
|
19
|
+
body {
|
20
|
+
background-color: #eee;
|
21
|
+
font-family: "Lucida Grande", veranda, arial, helvetica, sans-serif;
|
22
|
+
}
|
23
|
+
|
24
|
+
#header {
|
25
|
+
background-color: #003366;
|
26
|
+
font-size: 22px;
|
27
|
+
height: 70px;
|
28
|
+
}
|
29
|
+
|
30
|
+
.header_text {
|
31
|
+
color: #ffcc00;
|
32
|
+
padding-top: 10px;
|
33
|
+
padding-left: 15px;
|
34
|
+
}
|
35
|
+
|
36
|
+
#tabs-container {
|
37
|
+
padding-top: 7px;
|
38
|
+
padding-left: 15px;
|
39
|
+
}
|
40
|
+
|
41
|
+
#results-container {
|
42
|
+
float: left;
|
43
|
+
width: 625px;
|
44
|
+
margin-left: 20px;
|
45
|
+
margin-top: 10px;
|
46
|
+
background-color: #fff;
|
47
|
+
}
|
48
|
+
|
49
|
+
#sidebar {
|
50
|
+
float: right;
|
51
|
+
width: 300px;
|
52
|
+
margin-right: 20px;
|
53
|
+
margin-top: 10px;
|
54
|
+
font-size: 12px;
|
55
|
+
padding: 20px;
|
56
|
+
background-color: #fff;
|
57
|
+
}
|
58
|
+
|
59
|
+
.clearer {
|
60
|
+
clear: both;
|
61
|
+
}
|
62
|
+
|
63
|
+
.grid {
|
64
|
+
width: 100%;
|
65
|
+
font-size: 12px;
|
66
|
+
}
|
67
|
+
|
68
|
+
table caption {
|
69
|
+
font-size: 16px;
|
70
|
+
}
|
71
|
+
|
72
|
+
.even {
|
73
|
+
background-color: #eee;
|
74
|
+
}
|
75
|
+
|
76
|
+
.odd {
|
77
|
+
|
78
|
+
}
|
79
|
+
|
80
|
+
table th.line-number, table td.line-number {
|
81
|
+
text-align: center;
|
82
|
+
width: 30px;
|
83
|
+
}
|
84
|
+
|
85
|
+
#details {
|
86
|
+
margin-left: 10px;
|
87
|
+
margin-top: 5px;
|
88
|
+
font-size: 12px;
|
89
|
+
}
|
90
|
+
|
91
|
+
/* Response Codes */
|
92
|
+
|
93
|
+
span.r1, span.r2, span.r3, span.r4,
|
94
|
+
span.r5 {
|
95
|
+
display: block;
|
96
|
+
padding: .15em;
|
97
|
+
margin: .15em;
|
98
|
+
color: #dac7ad;
|
99
|
+
}
|
100
|
+
|
101
|
+
/* Informational 1xx */
|
102
|
+
span.r1 {
|
103
|
+
background-color: #3333cc;
|
104
|
+
border: 1px solid #376edc;
|
105
|
+
}
|
106
|
+
|
107
|
+
/* Successfull 2xx */
|
108
|
+
span.r2 {
|
109
|
+
background-color: #006600;
|
110
|
+
border: 1px solid #008900;
|
111
|
+
}
|
112
|
+
|
113
|
+
/* Redirection 3xx */
|
114
|
+
span.r3 {
|
115
|
+
background-color: #555652;
|
116
|
+
border: 1px solid #80817b;
|
117
|
+
}
|
118
|
+
|
119
|
+
/* Client 4xx */
|
120
|
+
span.r4 {
|
121
|
+
background-color: #857400;
|
122
|
+
border: 1px solid #baa200;
|
123
|
+
}
|
124
|
+
/* Server Error 5xx */
|
125
|
+
span.r5 {
|
126
|
+
background-color: #c40000;
|
127
|
+
border: 1px solid #dc0000;
|
128
|
+
}
|
129
|
+
|
130
|
+
/* Fixes */
|
131
|
+
|
132
|
+
/* Safari Bold Fix */
|
133
|
+
/*\*/
|
134
|
+
html*table th {
|
135
|
+
font-weight: normal;
|
136
|
+
}/**/
|
137
|
+
|
138
|
+
/*\*/
|
139
|
+
html*#header ul.navigation {
|
140
|
+
top: 30px;
|
141
|
+
} /**/
|
142
|
+
|
143
|
+
#results table.grid {
|
144
|
+
background-color: #003366;
|
145
|
+
}
|
146
|
+
|
147
|
+
|
148
|
+
#results table th, #results table td {
|
149
|
+
font-family: Arial, Helvetica, sans-serif;
|
150
|
+
color: #fff;
|
151
|
+
background-color: #003366;
|
152
|
+
}
|
153
|
+
|
154
|
+
#results table.grid {
|
155
|
+
border-collapse: separate;
|
156
|
+
margin-bottom: 1em;
|
157
|
+
width: 100%;
|
158
|
+
}
|
159
|
+
|
160
|
+
#results table.grid tfoot tr td {
|
161
|
+
padding: 4px;
|
162
|
+
font-weight: 900;
|
163
|
+
}
|
164
|
+
|
165
|
+
#results table.grid tbody a {
|
166
|
+
color: #003366;
|
167
|
+
}
|
168
|
+
|
169
|
+
#results table.grid tbody td {
|
170
|
+
padding: 2px 4px;
|
171
|
+
background-color: #f6ffcd;
|
172
|
+
color: #000;
|
173
|
+
}
|
174
|
+
|
175
|
+
|
@@ -0,0 +1,48 @@
|
|
1
|
+
/* RESET */
|
2
|
+
html, body, div, span, applet, object, iframe,
|
3
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
4
|
+
a, abbr, acronym, address, big, cite, code,
|
5
|
+
del, dfn, em, font, img, ins, kbd, q, s, samp,
|
6
|
+
small, strike, strong, sub, sup, tt, var,
|
7
|
+
b, u, i, center,
|
8
|
+
dl, dt, dd, ol, ul, li,
|
9
|
+
fieldset, form, label, legend,
|
10
|
+
table, caption, tbody, tfoot, thead, tr, th, td {
|
11
|
+
margin: 0;
|
12
|
+
padding: 0;
|
13
|
+
border: 0;
|
14
|
+
outline: 0;
|
15
|
+
font-size: 100%;
|
16
|
+
vertical-align: baseline;
|
17
|
+
background: transparent;
|
18
|
+
}
|
19
|
+
body {
|
20
|
+
line-height: 1;
|
21
|
+
}
|
22
|
+
ol, ul {
|
23
|
+
list-style: none;
|
24
|
+
}
|
25
|
+
blockquote, q {
|
26
|
+
quotes: none;
|
27
|
+
}
|
28
|
+
|
29
|
+
/* remember to define focus styles! */
|
30
|
+
:focus {
|
31
|
+
outline: 0;
|
32
|
+
}
|
33
|
+
|
34
|
+
/* remember to highlight inserts somehow! */
|
35
|
+
ins {
|
36
|
+
text-decoration: none;
|
37
|
+
}
|
38
|
+
del {
|
39
|
+
text-decoration: line-through;
|
40
|
+
}
|
41
|
+
|
42
|
+
/* tables still need 'cellspacing="0"' in the markup */
|
43
|
+
table {
|
44
|
+
border-collapse: collapse;
|
45
|
+
border-spacing: 0;
|
46
|
+
}
|
47
|
+
|
48
|
+
/* */
|
@@ -0,0 +1,113 @@
|
|
1
|
+
/* Caution! Ensure accessibility in print and other media types... */
|
2
|
+
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
|
3
|
+
.ui-tabs-hide {
|
4
|
+
display: none;
|
5
|
+
}
|
6
|
+
}
|
7
|
+
|
8
|
+
/* Hide useless elements in print layouts... */
|
9
|
+
@media print {
|
10
|
+
.ui-tabs-nav {
|
11
|
+
display: none;
|
12
|
+
}
|
13
|
+
}
|
14
|
+
|
15
|
+
/* Skin */
|
16
|
+
.ui-tabs-nav, .ui-tabs-panel {
|
17
|
+
font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
|
18
|
+
font-size: 12px;
|
19
|
+
}
|
20
|
+
.ui-tabs-nav {
|
21
|
+
list-style: none;
|
22
|
+
margin: 0;
|
23
|
+
padding: 0 0 0 4px;
|
24
|
+
}
|
25
|
+
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
|
26
|
+
display: block;
|
27
|
+
clear: both;
|
28
|
+
content: " ";
|
29
|
+
}
|
30
|
+
.ui-tabs-nav li {
|
31
|
+
list-style: none;
|
32
|
+
float: left;
|
33
|
+
margin: 0 0 0 1px;
|
34
|
+
min-width: 84px; /* be nice to Opera */
|
35
|
+
}
|
36
|
+
.ui-tabs-nav a, .ui-tabs-nav a span {
|
37
|
+
display: block;
|
38
|
+
padding: 0 10px;
|
39
|
+
background-color: #eee;
|
40
|
+
color: #13a013;
|
41
|
+
}
|
42
|
+
.ui-tabs-nav a {
|
43
|
+
margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
|
44
|
+
padding-left: 0;
|
45
|
+
color: #27537a;
|
46
|
+
font-weight: bold;
|
47
|
+
line-height: 1.2;
|
48
|
+
text-align: center;
|
49
|
+
text-decoration: none;
|
50
|
+
white-space: nowrap; /* required in IE 6 */
|
51
|
+
outline: 0; /* prevent dotted border in Firefox */
|
52
|
+
}
|
53
|
+
.ui-tabs-nav .ui-tabs-selected a {
|
54
|
+
position: relative;
|
55
|
+
top: 1px;
|
56
|
+
z-index: 2;
|
57
|
+
margin-top: 0;
|
58
|
+
color: #000;
|
59
|
+
}
|
60
|
+
.ui-tabs-nav a span {
|
61
|
+
width: 64px; /* IE 6 treats width as min-width */
|
62
|
+
min-width: 64px;
|
63
|
+
height: 18px; /* IE 6 treats height as min-height */
|
64
|
+
min-height: 18px;
|
65
|
+
padding-top: 6px;
|
66
|
+
padding-right: 0;
|
67
|
+
}
|
68
|
+
*>.ui-tabs-nav a span { /* hide from IE 6 */
|
69
|
+
width: auto;
|
70
|
+
height: auto;
|
71
|
+
}
|
72
|
+
.ui-tabs-nav .ui-tabs-selected a span {
|
73
|
+
padding-bottom: 1px;
|
74
|
+
}
|
75
|
+
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
|
76
|
+
background-position: 100% -150px;
|
77
|
+
}
|
78
|
+
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
|
79
|
+
background-position: 100% -100px;
|
80
|
+
}
|
81
|
+
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
|
82
|
+
background-position: 0 -50px;
|
83
|
+
}
|
84
|
+
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
|
85
|
+
background-position: 0 0;
|
86
|
+
}
|
87
|
+
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
|
88
|
+
cursor: text;
|
89
|
+
}
|
90
|
+
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
|
91
|
+
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
|
92
|
+
cursor: pointer;
|
93
|
+
}
|
94
|
+
.ui-tabs-disabled {
|
95
|
+
opacity: .4;
|
96
|
+
filter: alpha(opacity=40);
|
97
|
+
}
|
98
|
+
.ui-tabs-panel {
|
99
|
+
padding: 1em 8px;
|
100
|
+
}
|
101
|
+
.ui-tabs-loading em {
|
102
|
+
padding: 0 0 0 20px;
|
103
|
+
background: url(loading.gif) no-repeat 0 50%;
|
104
|
+
}
|
105
|
+
|
106
|
+
/* Additional IE specific bug fixes... */
|
107
|
+
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
|
108
|
+
display: inline-block;
|
109
|
+
}
|
110
|
+
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
|
111
|
+
display: inline-block;
|
112
|
+
}
|
113
|
+
|
data/laf/v2/detail.html
ADDED
@@ -0,0 +1,59 @@
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
2
|
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
3
|
+
|
4
|
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
5
|
+
<head>
|
6
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
7
|
+
<link rel="stylesheet" href="stylesheets/tarantula.v2.css" type="text/css" media="screen" title="no title" charset="utf-8" />
|
8
|
+
|
9
|
+
<title>Detail</title>
|
10
|
+
|
11
|
+
</head>
|
12
|
+
|
13
|
+
<body>
|
14
|
+
<div id="container">
|
15
|
+
<div id="header">
|
16
|
+
<h1>Tarantula by Relevance</h1>
|
17
|
+
<h2>Eight legs, two fangs ... and an attitude</h2>
|
18
|
+
<p>Tarantula is an open source tool for testing Rails web
|
19
|
+
applications. Tarantula is developed by <a href="http://thinkrelevance.com">Relevance, Inc.</a>
|
20
|
+
and lives at <a href="http://github.com/relevance/tarantula">http://github.com/relevance/tarantula</a>.</p>
|
21
|
+
<hr/>
|
22
|
+
</div>
|
23
|
+
<div id="page">
|
24
|
+
<ul class="tabs">
|
25
|
+
<li><a href="index.html">« Failures</a></li>
|
26
|
+
<li><a href="#" class="active">Data</a></li>
|
27
|
+
<li><a href="#">Body</a></li>
|
28
|
+
<li><a href="#">Log</a></li>
|
29
|
+
</ul>
|
30
|
+
<div id="report">
|
31
|
+
<h3>Detail of GET /widgets/1 <em>Generated on Friday January 9, 2009 at 11:01:45am</em></h3>
|
32
|
+
<p><b>Resource</b> <a href="#">http://localhost:3000/widgets/6</a></p>
|
33
|
+
<p><b>Response</b> <span class="r5">500</span></p>
|
34
|
+
<p><b>Referrer</b> /random/30</p>
|
35
|
+
|
36
|
+
<table id="output">
|
37
|
+
<tbody>
|
38
|
+
<tr>
|
39
|
+
<th colspan="2">#</th>
|
40
|
+
</tr>
|
41
|
+
<tr>
|
42
|
+
<td class="numbers">
|
43
|
+
<span class="line number">1</span>
|
44
|
+
<span class="line number">2</span>
|
45
|
+
<span class="line number">3</span>
|
46
|
+
</td>
|
47
|
+
<td class="lines">
|
48
|
+
<span class="line">{:param1 => :value, :param2 => :another_value} </span>
|
49
|
+
<span class="line">{:param1 => :value, :param2 => :another_value} </span>
|
50
|
+
<span class="line">{:param1 => :value, :param2 => :another_value} </span>
|
51
|
+
</td>
|
52
|
+
</tr>
|
53
|
+
</tbody>
|
54
|
+
</table>
|
55
|
+
</div>
|
56
|
+
</div>
|
57
|
+
</div>
|
58
|
+
</body>
|
59
|
+
</html>
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
data/laf/v2/index.html
ADDED
@@ -0,0 +1,77 @@
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
2
|
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
3
|
+
|
4
|
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
5
|
+
<head>
|
6
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
7
|
+
<link rel="stylesheet" href="stylesheets/tarantula.v2.css" type="text/css" media="screen" title="no title" charset="utf-8">
|
8
|
+
|
9
|
+
<title>Tarantula</title>
|
10
|
+
|
11
|
+
</head>
|
12
|
+
|
13
|
+
<body>
|
14
|
+
<div id="container">
|
15
|
+
<div id="header">
|
16
|
+
<h1>Tarantula by Relevance</h1>
|
17
|
+
<h2>Eight legs, two fangs ... and an attitude</h2>
|
18
|
+
<p>Tarantula is an open source tool for testing Rails web
|
19
|
+
applications. Tarantula is developed by <a href="http://thinkrelevance.com">Relevance, Inc.</a>
|
20
|
+
and lives at <a href="http://github.com/relevance/tarantula">http://github.com/relevance/tarantula</a>.</p>
|
21
|
+
<hr/>
|
22
|
+
</div>
|
23
|
+
<div id="page">
|
24
|
+
<ul class="tabs">
|
25
|
+
<li><a href="#" class="active">Failures</a></li>
|
26
|
+
<li><a href="#">Successes</a></li>
|
27
|
+
</ul>
|
28
|
+
|
29
|
+
<table id="list" cellspacing="0">
|
30
|
+
<caption>4 Failures</caption>
|
31
|
+
<thead>
|
32
|
+
<tr>
|
33
|
+
<th><a href="#">URL <span class="sort">▼</span></a></th>
|
34
|
+
<th><a href="#">Action <span class="sort">▲</span></a></th>
|
35
|
+
<th><a href="#">Response <span class="sort">▲</span></a></th>
|
36
|
+
<th class="left"><a href="#">Description <span class="sort">▲</span></a></th>
|
37
|
+
<th><a href="#">Referrer <span class="sort">▲</span></a></th>
|
38
|
+
</tr>
|
39
|
+
</thead>
|
40
|
+
<tfoot>
|
41
|
+
<tr><td colspan="5"> </td></tr>
|
42
|
+
</tfoot>
|
43
|
+
<tbody>
|
44
|
+
<tr>
|
45
|
+
<td><a href="detail.html">/widgets/1</a></td>
|
46
|
+
<td>GET</td>
|
47
|
+
<td><span class="r5">500</span></td>
|
48
|
+
<td class="left">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</td>
|
49
|
+
<td>/random/91</td>
|
50
|
+
</tr>
|
51
|
+
<tr class="even">
|
52
|
+
<td><a href="detail.html">/widgets/1</a></td>
|
53
|
+
<td>GET</td>
|
54
|
+
<td><span class="r5">500</span></td>
|
55
|
+
<td class="left">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</td>
|
56
|
+
<td>/random/91</td>
|
57
|
+
</tr>
|
58
|
+
<tr>
|
59
|
+
<td><a href="detail.html">/widgets/1</a></td>
|
60
|
+
<td>GET</td>
|
61
|
+
<td><span class="r5">500</span></td>
|
62
|
+
<td class="left">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</td>
|
63
|
+
<td>/random/91</td>
|
64
|
+
</tr>
|
65
|
+
<tr class="even">
|
66
|
+
<td><a href="detail.html">/widgets/1</a></td>
|
67
|
+
<td>GET</td>
|
68
|
+
<td><span class="r5">500</span></td>
|
69
|
+
<td class="left">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</td>
|
70
|
+
<td>/random/91</td>
|
71
|
+
</tr>
|
72
|
+
</tbody>
|
73
|
+
</table>
|
74
|
+
</div>
|
75
|
+
</div>
|
76
|
+
</body>
|
77
|
+
</html>
|