qa_robusta 0.1.8 → 0.1.9

data/demo/public/jquery_layout.css

@@ -0,0 +1,14 @@
+.ui-layout-pane {
+background: #FFF; 
+border: 0.2em solid #BBB; 
+ padding: 0px;
+overflow: auto;
+} 
+
+.ui-layout-resizer { background: #DDD; } 
+.ui-layout-toggler {
+background: #AAA; 
+display: none;
+} 
+#LeftPane { }
+#RightPane { padding: 2px; }

data/demo/public/jqueryslidemenu.css

@@ -0,0 +1,93 @@
+.jqueryslidemenu{
+font: bold 12px Verdana;
+/*background: #666;*/
+height: 30px;
+}
+
+.jqueryslidemenu ul{
+margin: 0;
+/*padding-top: 5px;*/
+list-style-type: none;
+z-index: 1
+}
+
+/*Top level list items*/
+.jqueryslidemenu ul li{
+position: relative;
+/*top: -5px;*/
+display: inline;
+float: left;
+}
+
+/*Top level menu link items style*/
+.jqueryslidemenu ul li a{
+display: block;
+background: #666; /*background of tabs (default state)*/
+color: white;
+/*padding: 8px 2px 0 2px;*/
+border-right: 1px solid #778;
+ color: #2d2b2b; 
+text-decoration: none;
+
+}
+
+* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
+display: inline-block;
+}
+
+.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
+}
+
+.jqueryslidemenu ul li a:hover{
+background: #666;
+color: white;
+}
+	
+/*1st sub level menu*/
+.jqueryslidemenu ul li ul{
+position: absolute;
+left: 0;
+display: block;
+visibility: hidden;
+}
+
+/*Sub level menu list items (undo style from Top level List Items)*/
+.jqueryslidemenu ul li ul li{
+display: list-item;
+float: none;
+/*padding: 2px 2px 0 2px;*/
+}
+
+/*All subsequent sub menu levels vertical offset after 1st level sub menu */
+.jqueryslidemenu ul li ul li ul{
+top: 0;
+}
+
+/* Sub level menu links style */
+.jqueryslidemenu ul li ul li a{
+font: normal 13px Verdana;
+width: 160px; /*width of sub menus*/
+/* padding: 5px; */
+margin: 0;
+border-top-width: 0;
+border-bottom: 1px solid gray;
+}
+
+.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
+background: #666;
+color: black;
+}
+
+/* ######### CSS classes applied to down and right arrow images  ######### */
+
+.downarrowclass{
+position: absolute;
+/*top: 12px;*/
+right: 7px;
+}
+
+.rightarrowclass{
+position: absolute;
+/*top: 6px;*/
+right: 5px;
+}

data/demo/public/menu.css

@@ -0,0 +1,12 @@
+@charset "utf-8";
+/* CSS Document */
+#context_menu{
+	display:none;
+	font-size:11px;
+	font-family:sans-serif;
+	border:solid 1px #B0B0B0; 
+	opacity:3; width:170px; 
+	position:absolute; 
+	background-color:#F4F4F4;
+z-index: 1;
+}

data/demo/public/style.css

@@ -1,4 +1,196 @@
-div#skip_page {
+body {
+font-family: Verdana, Arial, Helvetica, sans-serif;
+font-size: 13px;
+color: #666666;
+background-color: #FFFFFF;
+background-repeat: repeat-x;
+margin: 0px;
+padding: 0px;
+}
+
+#wrap #body_content #left h4 {
+font-family: Arial, Helvetica, sans-serif;
+font-size: 14px;
+font-weight: bold;
+color: #98785B;
+padding: 0 0 0 0;
+
+}
+
+.hidden { display:none; }
+#wrap #body_content #left h1 {
+font-family: Arial, Helvetica, sans-serif;
+font-size: 24px;
+font-weight: normal;
+color: #98785B;
+}
+#wrap #body_content #left p {
+line-height: 20px;
+}
+#wrap {
+margin-top: 0px;
+margin-right: 3%;
+margin-left: 3%;
+}
+#wrap #body_content #left {
+}
+#wrap #header {
+height: 145px;
+margin: 0px;
+padding: 0px;
+}
+#wrap #header #topnavigation {
+  left: -290px;
+  z-index: 1; 
+  height: 30px;
+margin-left: 350px;
+}
+#wrap #body_content #left blockquote {
+margin: 15px;
+background-color: #EBE9ED;
+border-left-width: 5px;
+border-left-style: solid;
+border-left-color: #90C3E6;
+padding-top: 0px;
+padding-right: 0px;
+padding-bottom: 0px;
+padding-left: 15px;
+}
+
+label {
+  margin-right: 2px;
+  position: relative;
+  top: 4px;
+}
+
+input.error {
+  border-color: red;
+}
+
+div.form_error { 
+color: red;
+
+position: relative;
+top: -18px;
+left: 300px;
+}
+
+
+
+
+
+#wrap #header #topnavigation a {
+  
+/*background-image: url(/images/menu.gif); */
+background-repeat: no-repeat;
+text-align: center;
+height: 14px;
+        position: relative;
+        top: 4px;
+padding-top: 5px;
+/* width: 92px; */
+text-decoration: none;
+font-family: Arial, Helvetica, sans-serif;
+font-size: 12px;
+}
+
+#main_menu {
+  height: 34px;
+  z-index: 1;
+}
+
+#wrap #body_content {
+margin-top: 15px;
+margin-bottom: 15px;
+  position: relative;
+  top: 14px;
+}
+
+.clear { clear: both; }
+
+#wrap #body_content #left h3 { font-family: Arial, Helvetica, sans-serif; color: #333333; }
+
+#wrap #header #topnavigation a:visited,active {
+/* background-image: url(/images/menu.gif); */
+background-repeat: no-repeat;
+text-align: center;
+padding-top: 5px;
+display: block;
+width: 92px;
+/*color: #4E4E4E;*/
+color: white;
+text-decoration: none;
+font-family: Arial, Helvetica, sans-serif;
+font-size: 12px;
+}
+#wrap #header #topnavigation a:hover {
+/*background-image: url(/images/menuhover.gif); */
+background-repeat: no-repeat;
+text-align: center;
+height: 14px;
+display: block;
+color: white;
+/* width: 92px; 
+color: #FFFFFF;
+*/
+text-decoration: none;
+font-family: Arial, Helvetica, sans-serif;
+font-size: 12px;
+}
+#wrap #header #topnavigation .current a:visited,active {
+background-image: url(/images/menuhover.gif);
+background-repeat: no-repeat;
+text-align: center;
+height: 16px;
+padding-top: 5px;
+display: block;
+width: 92px;
+color: white;
+/*color: #FFFFFF;*/
+text-decoration: none;
+font-family: Arial, Helvetica, sans-serif;
+font-size: 12px;
+}
+#wrap #header #topnavigation .current a {
+background-image: url(/images/menuhover.gif);
+background-repeat: no-repeat;
+text-align: center;
+height: 16px;
+padding-top: 5px;
+display: block;
+width: 92px;
+color: white;
+/*color: #FFFFFF;*/
+text-decoration: none;
+font-family: Arial, Helvetica, sans-serif;
+font-size: 12px;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+#skip_page {
   border: solid 1px;
   height: 800px;
 }
+/*
+#complete_checkout {
+  height: 800px;
+}
+#step_1 {
+  height: 380px;
+}
+*/

data/demo/views/index.erb

@@ -2,10 +2,123 @@
 <html xmlns="http://www.w3.org/1999/xhtml"> 
 <head> 
 <title>Demo Test Page for QA Robusta</title> 
-<script type="text/javascript" src="/javascripts/jquery-1.6.2.min.js"></script> 
+<script type="text/javascript" src="/javascripts/jquery-1.5.1.min.js"></script> 
+<!-- <script type="text/javascript" src="/javascripts/jquery-1.6.2.min.js"></script> -->
+
+<script src='/javascripts/jquery-ui-1.8.10.custom.min.js' type='text/javascript'></script>
+<script src='/javascripts/cyberconnect_helpers.js' type='text/javascript'></script>
+<!-- <script src='/javascripts/ui.accordion.js' type='text/javascript'></script> -->
+
+
+
 <link href="/style.css" rel="stylesheet" type="text/css" />
+<link href="/menu.css" rel="stylesheet" type="text/css" />
+<link href="/jqueryslidemenu.css" rel="stylesheet" type="text/css" />
+<link href="/jquery_css/jquery-ui-1.8.10.custom.css" rel='stylesheet' type="text/css">
+
+<script src="/javascripts/browser.menu.js" type="text/javascript"></script>
+<script src="/javascripts/jqueryslidemenu.js" type="text/javascript"></script>
+
+
+
+
 <script type="text/javascript"> 
   $(function() {
+    function setup_layout() { $('#step_1').height($($('#step_1').find('fieldset')[0]).height() + 60) }
+    $('#main_menu').buildmenu();
+    $('#tabs').tabs({ show: function(event, ui) { setup_layout(); }});
+    $('a#test_alert').click(function() { alert('QA Robusta Test Alert')});
+    $('a#open_test_modal_dialog').click(function() { $('#test_modal_dialog').dialog({modal: true})});
+    $('a#open_test_dialog').click(function() { $('#test_dialog').dialog()});
+
+    $('a#step_nav').click(function() {
+      var i = this.title.split(' ');
+      var step_n = parseInt(i[4]);
+      var max_steps = 4;
+
+      $('h3#header_step_' + step_n).find('a').click();
+    });
+
+    function step_validator(step_n){
+      if(step_n == 1)
+        var res = step1_validator();
+      else if(step_n == 2)
+        var res = step2_validator();
+      return res; 
+    }
+
+    function step1_validator(){  
+      remove_field_errors('step_1');
+      $("#contact_errors").empty(); 
+      $("#login_errors").empty();
+      var email = $('#email').val();
+      var password = $('#password').val();
+      var res = false;
+      var errors = [];
+      var fields = ['email', 'password'];
+
+      for(i in fields) {
+        eval("field=" + fields[i])
+        if(field == '')
+          errors[i] = {field: fields[i], msg: 'Enter a value'};
+      }
+
+      if(errors.length == 0) {
+        return true;
+      } else {
+        style_form_errors(errors);
+        return false;
+      }
+    }
+
+    function step2_validator(){  
+      remove_field_errors('step_2');
+      $("#additional_email_errors").empty();
+      $("#contact_errors").empty();
+      var first_name = $('#first_name').val();
+      var last_name = $('#last_name').val();
+      var phone = $('#phone').val();
+      var street_address = $('#street_address').val();
+      var address_line_two = $('#address_line_two').val();
+      var city = $('#city').val();
+      var state = $('#state').val();
+      var zip_code = $('#zip_code').val();
+      var errors = [];
+      var fields = ['first_name', 'last_name', 'phone', 'street_address', 'city', 'state', 'zip_code'];
+      for(i in fields) {
+        eval("field=" + fields[i])
+        if(field == '')
+          errors[i] = {field: fields[i], msg: 'Enter a value'};
+      }
+
+      if(errors.length == 0) {
+        return true;
+      } else {
+        style_form_errors(errors);
+        return false;
+      }
+    }
+
+    var complete_checkout_ops = {
+      changestart: function(event) { 
+        var current_step = parseInt($('h3.ui-state-active').html().match(/Step [0-9]/)[0].replace('Step ', ''))
+        var next_step = parseInt(event.currentTarget.innerHTML.match(/Step [0-9]/)[0].replace('Step ', ''))
+        if(next_step > current_step)
+          return step_res = step_validator(current_step);
+        else
+          return true;
+       },
+
+      changend: function(event) { 
+        var next_step = parseInt(event.currentTarget.innerHTML.match(/Step [0-9]/)[0].replace('Step ', ''))
+      }, 
+      on_complete: function(step) {
+        step = $(step.active).attr('id').replace('header_', '');
+        $('#' + step).height($($('#' + step).find('fieldset')[0]).height() + 60);
+      }
+    }
+
+    $( "#complete_checkout" ).accordion(complete_checkout_ops)
     $('input#create_file').click(function() {
       $('#create_file_status').empty();
       file_name = $('input#create_file_name').attr('value')
@@ -28,13 +141,154 @@
  
 </head> 
 <body> 
-  <div id='create_file_status'></div>
-  <input type='text' id='create_file_name'>
-  <input type='button' id='create_file' value='Create Tmp File'><br><br>
-  <div id='skip_page'></div><div id='skip_page'></div><div id='skip_page'></div><div id='skip_page'></div>
-  <a href='with_id' id='link_with_id_and_no_name'>with id and no name</a>
-  <div id='skip_page'></div><div id='skip_page'></div><div id='skip_page'></div><div id='skip_page'></div>
-  <a href='with_name' name='link_with_no_id_but_has_name'>with name and no id</a>
-  <div id='skip_page'></div><div id='skip_page'></div><div id='skip_page'></div><div id='skip_page'></div>
+
+  <div id='wrap'>
+    <div id='header'>
+      <div id="logo"> <img src='/images/header.jpg'> </div>
+      <div id="topnavigation">
+        <div id="main_menu" class="jqueryslidemenu">
+          <ul>
+            <li><a href='' id='menu_actions'>Actions</a>
+              <ul>
+                <li><a id='test_alert'>Test Alert</a></li>
+                <li><a id='open_test_modal_dialog'>Test Modal Dialog</a></li>
+                <li><a id='open_test_dialog'>Test Dialog</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div> 
+      </div>
+    </div>
+    <div id='body_content'>
+      <div id='left'>
+        <div id='test_modal_dialog' class='hidden'>Test some modal dialog actions</div>
+        <div id='test_dialog' class='hidden'>Test some dialog actions</div>
+        <div id='tabs'>
+          <ul>
+            <li><a href="#tab_base">Base test page</a></li>
+            <li><a href="#tab_user_reg">User Registration</a></li>
+          </ul>
+        <div id='tab_base'>
+          <div id='create_file_status'></div>
+          <input type='text' id='create_file_name'>
+          <input type='button' id='create_file' value='Create Tmp File'><br><br>
+          <div id='skip_page'></div><div id='skip_page'></div><div id='skip_page'></div><div id='skip_page'></div>
+          <a href='with_id' id='link_with_id_and_no_name'>with id and no name</a>
+          <div id='skip_page'></div><div id='skip_page'></div><div id='skip_page'></div><div id='skip_page'></div>
+          <a href='with_name' name='link_with_no_id_but_has_name'>with name and no id</a>
+          <div id='skip_page'></div><div id='skip_page'></div><div id='skip_page'></div><div id='skip_page'></div>
+        </div>
+        <div id='tab_user_reg'>
+          <div id="complete_checkout">
+            <h3 id='header_step_1'><a href='#'>Step 1: Create User</a></h3> 
+            <div id='step_1'> 
+              <fieldset> <br>
+                <div id='login_errors' class='errors'></div><br>
+                <label id='step_1' class='step_1' for="email"><span class="labelText">Email</span></label>
+                <input type='text' id = 'email' name = 'email' value='' > 
+                <div name="email_error" id="email_error" class='form_error' style='hidden'/></div> <br>
+                <label id='step_1' class='step_1' for="password"><span class="labelText">Password</span></label>
+                <input type='password' id = 'password' name = 'password' value='' >
+                <div name="password_error" id="password_error" class='form_error' style='hidden'/></div> <br>
+                <div id='step_navigation_left'><a id='step_nav' title='Move on to Step 2'><img src='/images/arrow_right_48.png'></a> </div>
+              </fieldset>
+              <input type='hidden' id='step_1_active' value='true'> 
+              <input type='hidden' id='step_1_h3_class' value=''> 
+              <input type='hidden' value='step_1_true'> 
+            </div>
+            <h3 id='header_step_2'><a href='#'>Step 2:Contact Information</a></h3>
+            <div id='step_2'>
+              <fieldset>
+                <br><label class='step_2' for="contact"><span class="labelText">First Name</span></label>
+                <input type='text' id='first_name' name='first_name' value='' >
+                <div class='form_error' name="first_name_error" id="first_name_error" style='hidden'/></div> <br>
+                <label class='step_2' for="contact"><span class="labelText">Last Name</span></label>
+                <input type='text' id='last_name' name='last_name' value='' >
+                <div class='form_error' name="last_name_error" id="last_name_error" style='hidden'/></div> <br>
+                <label class='step_2' for="contact"><span class="labelText">Phone</span></label>
+                <input type='text' id='phone' name='phone' value='' >
+                <div class='form_error' name="phone_error" id="phone_error" style='hidden'/></div> <br>
+                <label class='step_2' for="contact"><span class="labelText">Address</span></label>
+                <input type='text' id='street_address' name='street_address' value='' >
+                <div class='form_error' name="street_address_error" id="street_address_error" style='hidden'/></div> <br>
+                <label class='step_2' for="contact"><span class="labelText">Address Line 2</span></label>
+                <input type='text' id='address_line_two' name='address_line_two' value='' >
+                <div class='form_error' name="address_line_two_error" id="address_line_two_error" style='hidden'/></div> <br>
+                <label class='step_2' for="contact"><span class="labelText">City</span></label>
+                <input type='text' id='city' name='city' value='' >
+                <div class='form_error' name="city_error" id="city_error" style='hidden'/></div> <br>
+                <label class='step_2' for="contact"><span class="labelText">State</span></label>
+                <input type='hidden' id='selected_state' value=''>
+                <select name="state" id="state"> 
+                  <option value="" selected="selected">Select a State</option> 
+                  <option value="AL">Alabama</option> 
+                  <option value="AK">Alaska</option> 
+                  <option value="AZ">Arizona</option>
+                  <option value="AR">Arkansas</option>
+                  <option value="CA">California</option>
+                  <option value="CO">Colorado</option> 
+                  <option value="CT">Connecticut</option>
+                  <option value="DE">Delaware</option>
+                  <option value="DC">District Of Columbia</option> 
+                  <option value="FL">Florida</option>
+                  <option value="GA">Georgia</option> 
+                  <option value="HI">Hawaii</option>
+                  <option value="ID">Idaho</option> 
+                  <option value="IL">Illinois</option>
+                  <option value="IN">Indiana</option>
+                  <option value="IA">Iowa</option> 
+                  <option value="KS">Kansas</option> 
+                  <option value="KY">Kentucky</option> 
+                  <option value="LA">Louisiana</option> 
+                  <option value="ME">Maine</option> 
+                  <option value="MD">Maryland</option>
+                  <option value="MA">Massachusetts</option>
+                  <option value="MI">Michigan</option> 
+                  <option value="MN">Minnesota</option> 
+                  <option value="MS">Mississippi</option> 
+                  <option value="MO">Missouri</option> 
+                  <option value="MT">Montana</option>
+                  <option value="NE">Nebraska</option>
+                  <option value="NV">Nevada</option>
+                  <option value="NH">New Hampshire</option>
+                  <option value="NJ">New Jersey</option>
+                  <option value="NM">New Mexico</option>
+                  <option value="NY">New York</option> 
+                  <option value="NC">North Carolina</option> 
+                  <option value="ND">North Dakota</option> 
+                  <option value="OH">Ohio</option> 
+                  <option value="OK">Oklahoma</option> 
+                  <option value="OR">Oregon</option> 
+                  <option value="PA">Pennsylvania</option> 
+                  <option value="RI">Rhode Island</option> 
+                  <option value="SC">South Carolina</option> 
+                  <option value="SD">South Dakota</option> 
+                  <option value="TN">Tennessee</option>
+                  <option value="TX">Texas</option> 
+                  <option value="UT">Utah</option>
+                  <option value="VT">Vermont</option>
+                  <option value="VA">Virginia</option>
+                  <option value="WA">Washington</option> 
+                  <option value="WV">West Virginia</option>
+                  <option value="WI">Wisconsin</option> 
+                  <option value="WY">Wyoming</option> 
+                </select> 
+                <div class='form_error' name="state_error" id="state_error" style='hidden'/></div> <br>
+                <label class='step_2' for="contact"><span class="labelText">Zip</span></label>
+                <input type='text' id='zip_code' name='zip_code' value='' >
+                <div class='form_error' name="zip_code_error" id="zip_code_error" style='hidden'/></div> <br>
+                <div id='step_navigation_left'> 
+                  <a id='step_nav' title='Go back to Step 1' ><img src='/images/arrow_left_48.png'></a>
+                  <a id='step_nav' title='Move on to Step 3'><img src='/images/arrow_right_48.png'></a> 
+                </div>
+              </fieldset>
+              <input type='hidden' id='step_2_active' value='false'> 
+              <input type='hidden' id='step_2_h3_class' value=''> 
+            </div> 
+          </div>
+        </div>
+      </div>
+    </div>
+ 
 </body> 
 </html>