From 2115db69035c5993533fe7a3825e64cf6e9068ad Mon Sep 17 00:00:00 2001
From: Elliott Sprehn
Date: Tue, 19 Oct 2010 13:17:49 -0700
Subject: Lots of stability and performance updates and UI polish too.

Polish the Scenario Runner UI to include:
- a scroll pane that steps appear in since the list can be very long
- Collapse successful tests
- Show the line where the DSL statements were when there's an error (Chrome, Firefox)

Also:
- Remove lots angular.bind calls to reduce the amount of stack space used.
- Use setTimeout(...,0) to schedule the next future to let the browser breathe and have it repaint the steps. Also prevents overflowing the stack when an it() creates many futures.
- Run afterEach() handlers even if the it() block fails.
- Make navigateTo() take a function as the second argument so you can compute a URL in the future.
- Add wait() DSL statement to allow interactive debugging of tests.
- Allow custom jQuery selectors with element(...).query(fn) DSL statement.

Known Issues:
- All afterEach() handlers run even if a beforeEach() handler fails. Only after handlers for the same level as the failure and above should run.
---
 css/angular-scenario.css | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

(limited to 'css')

diff --git a/css/angular-scenario.css b/css/angular-scenario.css
index 3462ecef..adadebb0 100644
--- a/css/angular-scenario.css
+++ b/css/angular-scenario.css
@@ -89,6 +89,20 @@ body {
   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 {
@@ -111,6 +125,21 @@ body {
   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;
@@ -121,6 +150,7 @@ body {
 .test-it pre,
 .test-actions pre {
   clear: left;
+  color: black;
   margin-left: 6em;
 }
 
@@ -132,6 +162,11 @@ body {
   content: '\00bb\00A0';
 }
 
+.scrollpane {
+   max-height: 20em;
+   overflow: auto;
+}
+
 /** Colors */
 
 #header {
-- 
cgit v1.2.3