demo/views/index.erb in qa_robusta-0.1.8 vs demo/views/index.erb in qa_robusta-0.1.9
- old
+ new
@@ -1,13 +1,126 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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')
if(file_name.length > 0) {
$.ajax({ url: '/create_tmp_file', dataType: 'json', type: 'post', data: {file_name: file_name},
@@ -26,15 +139,156 @@
</script>
</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>