mirror of
https://github.com/Hopiu/angular.js.git
synced 2026-03-17 07:40:22 +00:00
- By default the runner now creates multiple output formats as it runs. Nodes are created in the DOM with ids: json, xml, and html.
ex. $('#json').html() => json output of the runner
ex. $('#xml').html() => json output of the runner
$result is also an object tree result.
The permitted formats are html,json,xml,object.
If you don't want certain formats you can select specific ones with the new ng:scenario-output attribute on the script tag.
<script src="angular-scenario.js" ng:scenario-output="xml,json">
- Added element(...).count() that returns the number of matching elements for the selector.
- repeater(...).count() now returns 0 if no elements matched which can be used to check if a repeater is empty.
- Added toBe() matcher that does strict equality with ===
- Implement iit and ddescribe. If iit() is used instead of it() then only that test will run. If ddescribe() is used instead of describe() them only it() statements inside of it will run. Several iit/ddescribe() blocks can be used to run isolated tests.
- Implement new event based model for SpecRunner. You can now listen for events in the runner. This is useful for writing your own UI or connecting a remote process (ex. WebDriver). Event callbacks execute on the Runner instance.
Events, if fired, will always be in the below order. All events always happen
except for Failure and Error events which only happen in error conditions.
Events:
RunnerBegin
SpecBegin(spec)
StepBegin(spec, step)
StepError(spec, step, error)
StepFailure(spec, step, error)
StepEnd(spec, step)
SpecError(spec, step, error)
SpecEnd(spec)
RunnerEnd
- Only allow the browser to repaint every 10 steps. Cuts 700ms off Firefox in benchmark, 200ms off Chrome.
- Bug Fix: Manually navigate anchors on click since trigger wont work in Firefox.
242 lines
3.2 KiB
CSS
242 lines
3.2 KiB
CSS
@charset "UTF-8";
|
|
/* CSS Document */
|
|
|
|
/** Structure */
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#json, #xml {
|
|
display: none;
|
|
}
|
|
|
|
#header {
|
|
position: fixed;
|
|
width: 100%;
|
|
}
|
|
|
|
#specs {
|
|
padding-top: 50px;
|
|
}
|
|
|
|
#header .angular {
|
|
font-family: Courier New, monospace;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#header h1 {
|
|
font-weight: normal;
|
|
float: left;
|
|
font-size: 30px;
|
|
line-height: 30px;
|
|
margin: 0;
|
|
padding: 10px 10px;
|
|
height: 30px;
|
|
}
|
|
|
|
#application h2,
|
|
#specs h2 {
|
|
margin: 0;
|
|
padding: 0.5em;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
#status-legend {
|
|
margin-top: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#header,
|
|
#application,
|
|
.test-info,
|
|
.test-actions li {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#application {
|
|
margin: 10px;
|
|
}
|
|
|
|
#application iframe {
|
|
width: 100%;
|
|
height: 758px;
|
|
}
|
|
|
|
#application .popout {
|
|
float: right;
|
|
}
|
|
|
|
#application iframe {
|
|
border: none;
|
|
}
|
|
|
|
.tests li,
|
|
.test-actions li,
|
|
.test-it li,
|
|
.test-it ol,
|
|
.status-display {
|
|
list-style-type: none;
|
|
}
|
|
|
|
.tests,
|
|
.test-it ol,
|
|
.status-display {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.test-info {
|
|
margin-left: 1em;
|
|
margin-top: 0.5em;
|
|
border-radius: 8px 0 0 8px;
|
|
-webkit-border-radius: 8px 0 0 8px;
|
|
-moz-border-radius: 8px 0 0 8px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.test-info:hover .test-name {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.test-info .closed:before {
|
|
content: '\25b8\00A0';
|
|
}
|
|
|
|
.test-info .open:before {
|
|
content: '\25be\00A0';
|
|
font-weight: bold;
|
|
}
|
|
|
|
.test-it ol {
|
|
margin-left: 2.5em;
|
|
}
|
|
|
|
.status-display,
|
|
.status-display li {
|
|
float: right;
|
|
}
|
|
|
|
.status-display li {
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.timer-result,
|
|
.test-title {
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 4px;
|
|
}
|
|
|
|
.test-actions .test-title,
|
|
.test-actions .test-result {
|
|
display: table-cell;
|
|
padding-left: 0.5em;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
.test-actions {
|
|
display: table;
|
|
}
|
|
|
|
.test-actions li {
|
|
display: table-row;
|
|
}
|
|
|
|
.timer-result {
|
|
width: 4em;
|
|
padding: 0 10px;
|
|
text-align: right;
|
|
font-family: monospace;
|
|
}
|
|
|
|
.test-it pre,
|
|
.test-actions pre {
|
|
clear: left;
|
|
color: black;
|
|
margin-left: 6em;
|
|
}
|
|
|
|
.test-describe {
|
|
padding-bottom: 0.5em;
|
|
}
|
|
|
|
.test-describe .test-describe {
|
|
margin: 5px 5px 10px 2em;
|
|
}
|
|
|
|
.test-actions .status-pending .test-title:before {
|
|
content: '\00bb\00A0';
|
|
}
|
|
|
|
.scrollpane {
|
|
max-height: 20em;
|
|
overflow: auto;
|
|
}
|
|
|
|
/** Colors */
|
|
|
|
#header {
|
|
background-color: #F2C200;
|
|
}
|
|
|
|
#specs h2 {
|
|
border-top: 2px solid #BABAD1;
|
|
}
|
|
|
|
#specs h2,
|
|
#application h2 {
|
|
background-color: #efefef;
|
|
}
|
|
|
|
#application {
|
|
border: 1px solid #BABAD1;
|
|
}
|
|
|
|
.test-describe .test-describe {
|
|
border-left: 1px solid #BABAD1;
|
|
border-right: 1px solid #BABAD1;
|
|
border-bottom: 1px solid #BABAD1;
|
|
}
|
|
|
|
.status-display {
|
|
border: 1px solid #777;
|
|
}
|
|
|
|
.status-display .status-pending,
|
|
.status-pending .test-info {
|
|
background-color: #F9EEBC;
|
|
}
|
|
|
|
.status-display .status-success,
|
|
.status-success .test-info {
|
|
background-color: #B1D7A1;
|
|
}
|
|
|
|
.status-display .status-failure,
|
|
.status-failure .test-info {
|
|
background-color: #FF8286;
|
|
}
|
|
|
|
.status-display .status-error,
|
|
.status-error .test-info {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.test-actions .status-success .test-title {
|
|
color: #30B30A;
|
|
}
|
|
|
|
.test-actions .status-failure .test-title {
|
|
color: #DF0000;
|
|
}
|
|
|
|
.test-actions .status-error .test-title {
|
|
color: black;
|
|
}
|
|
|
|
.test-actions .timer-result {
|
|
color: #888;
|
|
}
|