frank-cucumber 1.1.1 → 1.1.2

data/frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_jqui.scss

@@ -0,0 +1,2 @@
+.ui-state-disabled { cursor: default !important; }
+.ui-tabs .ui-tabs-hide { display: none !important; }

data/frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_layout.scss

@@ -0,0 +1,13 @@
+//--------------------------------------------------------
+// veritcal layout for entire page.
+//--------------------------------------------------------
+// for horizontal layouts, see individual partial files.
+//--------------------------------------------------------
+
+$header-height: 40px;
+$toast-height: $header-height;
+$refresh-size: $header-height;
+$selector-test-toolbar-vt-padding: 8px;
+
+$selector-test-height: $btn-input-height + $label-line-height + ($selector-test-toolbar-vt-padding*2);
+$columns-top: $header-height + $selector-test-height;

data/frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_mixins.sass

@@ -0,0 +1,137 @@
+@mixin center-align($height: "", $width: "")
+  top: 50%
+  margin-top: -$height/2
+  left: 50%
+  margin-left: -$width/2
+
+@mixin absolute-fill
+  position: absolute
+  top: 0
+  right: 0
+  bottom: 0
+  left: 0
+  height: 100%
+  width: 100%
+
+@mixin clearfix-after
+  &:after
+    content: ""
+    display: block
+    height: 1px
+    width: 1px
+    clear: both
+    position: relative
+
+@mixin transition ( $trans )
+  -webkit-transition: ( $trans )
+  -moz-transition: ( $trans )
+  transition: ( $trans )
+
+@mixin transition-two ( $trans, $trans2 )
+  -webkit-transition: ( $trans, $trans2 )
+  -moz-transition: ( $trans, $trans2 )
+  transition: ( $trans, $trans2 )
+
+@mixin transition-transform( $duration )
+  -webkit-transition: -webkit-transform $duration
+  -moz-transition: -moz-transform $duration
+  -ms-transition: -ms-transform $duration
+  -o-transition: -o-transform $duration
+  transition: transform $duration
+
+@mixin transition-delay ( $delay )
+  -webkit-transition-delay: ( $delay )
+  -moz-transition-delay: ( $delay )
+  transition-delay: ( $delay )
+
+@mixin transition-property ( $property )
+  -webkit-transition-property: ( $property )
+  -moz-transition-property: ( $property )
+  transition-property: ( $property )
+
+@mixin transition-property-two ( $property1, $property2 )
+  -webkit-transition-property: ( $property1, $property2 )
+  -moz-transition-property: ( $property1, $property2 )
+  transition-property: ( $property1, $property2 )
+
+@mixin transition-duration ( $duration )
+  -webkit-transition-duration: ( $duration )
+  -moz-transition-duration: ( $duration )
+  transition-duration: ( $duration )
+
+@mixin animation ( $animation )
+  -webkit-animation: ( $animation )
+  -moz-animation: ( $animation )
+  -ms-animation: ( $animation )
+  animation: ( $animation )
+
+@mixin text-shadow( $shadow )
+  -webkit-text-shadow: ( $shadow )
+  -moz-text-shadow: ( $shadow )
+  text-shadow: ( $shadow )
+
+@mixin box-shadow( $shadow )
+  -webkit-box-shadow: ( $shadow )
+  -moz-box-shadow: ( $shadow )
+  box-shadow: ( $shadow )
+
+@mixin box-shadow-two( $shadow1, $shadow2 )
+  -webkit-box-shadow: ( $shadow1, $shadow2 )
+  -moz-box-shadow: ( $shadow1, $shadow2 )
+  box-shadow: ( $shadow1, $shadow2 )
+
+@mixin transform ( $transform )
+  -webkit-transform: ( $transform )
+  -moz-transform: ( $transform )
+  -ms-transform: ( $transform )
+  -o-transform: ( $transform )
+  transform: ( $transform )
+
+@mixin transform-style ( $style )
+  -webkit-transform-style: ( $style )
+  -moz-transform-style: ( $style )
+  -ms-transform-style: ( $style )
+  transform-style: ( $style )
+
+@mixin backface-visibility ( $visibility )
+  -webkit-backface-visibility: ( $visibility )
+  -moz-backface-visibility: ( $visibility )
+  -ms-backface-visibility: ( $visibility )
+  backface-visibility: ( $visibility )
+
+@mixin perspective ( $perspective )
+  -webkit-perspective: ( $perspective )
+  -moz-perspective: ( $perspective )
+  -ms-perspective: ( $perspective )
+  perspective: ( $perspective )
+
+@mixin perspective-origin( $origin )
+  -webkit-perspective-origin: ( $origin )
+  -moz-perspective-origin: ( $origin )
+  -ms-perspective-origin: ( $origin )
+  perspective-origin: ( $origin )
+
+@mixin border-radius ( $radius )
+  -webkit-border-radius: ( $radius )
+  -moz-border-radius: ( $radius )
+  border-radius: ( $radius )
+
+@mixin box-sizing( $box-size )
+  -webkit-box-sizing: ( $box-size )
+  -khtml-box-sizing: ( $box-size )
+  -icab-box-sizing: ( $box-size )
+  -moz-box-sizing: ( $box-size )
+  -o-box-sizing: ( $box-size )
+  box-sizing: ( $box-size )
+
+@mixin user-select ( $user-select )
+  -webkit-user-select: ( $user-select )
+  -moz-user-select: ( $user-select )
+  -ms-user-select: ( $user-select )
+  user-select: ( $user-select )
+
+@mixin linear-gradient ( $start-point, $stop1, $stop2 )
+  background-image: -webkit-linear-gradient( $start-point, $stop1, $stop2 )
+  background-image: -moz-linear-gradient( $start-point, $stop1, $stop2 )
+  background-image: -ms-linear-gradient( $start-point, $stop1, $stop2 )
+  background-image: linear-gradient( $start-point, $stop1, $stop2 )

data/frank-skeleton/frank_static_resources.bundle/{reset.css → stylesheets/sass/_reset.scss}

@@ -22,11 +22,11 @@ article, aside, details, figcaption, figure, footer, header, hgroup, nav, sectio
 h1,h2,h3,h4,h5,h6 {font-size: 1.0em; }
 
 /* save your sanity */
-* { 
+* {
   -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
     -icab-box-sizing: border-box;
      -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
-          box-sizing: border-box; 
+          box-sizing: border-box;
 }

data/frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_selector_test_toolbar.scss

@@ -0,0 +1,81 @@
+//----------------------------------------------
+// horizontal layout
+$wrap-middle-width: 60%;
+$wrap-outter-width: (100% - $wrap-middle-width)/2;
+//----------------------------------------------
+
+#selector-test {
+  position: relative;
+  text-align: center;
+  padding: $selector-test-toolbar-vt-padding 0;
+  .wrap {
+    display: inline-block;
+    position: relative;
+    vertical-align: middle;
+    padding: 0 .5em;
+    &.middle { width: $wrap-middle-width; }
+    &.outter { width: $wrap-outter-width; }
+  }//.wrap
+
+  #query { width: 100%; }
+
+  label {
+    display: block;
+    text-align: left;
+    text-transform: capitalize;
+    &:after {
+      content: "#{$arrow-right-down}";
+      font-size: .8em;
+      font-weight: bold;
+      padding-left: .3em;
+    }
+  }//label
+}//#selector-test
+
+$drop-indicator-width: 2em;
+
+.dropdown {
+  position: relative;
+  display: block;
+  width: 100%;
+
+  * { z-index: $dropdown-child-z; }
+
+  button {
+    position: relative;
+    width: 100%;
+    padding-left: .8em;
+    padding-right: $drop-indicator-width;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }//button
+
+  ul {
+    position: absolute;
+    top: 100%;
+    width: 100%;
+    float: left;
+    opacity: 0;
+    visibility: hidden;
+    @include transition-two( visibility 0s linear 0.2s,opacity 0.2s linear );
+    &.shown {
+      opacity: 1;
+      visibility:visible;
+      @include transition-delay( 0s );
+    }//&.shown
+  }//ul
+
+  .drop-indicator {
+    color: #eee;
+    position: absolute;
+    width: $drop-indicator-width;
+    right: 0;
+    top: 6px;
+    bottom: 6px;
+    border-left: 1px solid white;
+    text-align: center;
+    cursor: pointer;
+    @include user-select( none );
+  }//.drop-indicator
+}//.dropdown

data/frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_typography.scss

@@ -0,0 +1,11 @@
+$sans: "Helvetica Neue", "HelveticaNeue", Arial;
+
+$base-font-size: 16px;
+$base-line-height: 24px;
+$label-line-height: $base-line-height;
+
+
+@mixin light-text {
+  color: #fff;
+  text-shadow: 0 -1px rgba(0,0,0, .3);
+}

data/frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_unicode.scss

@@ -0,0 +1,3 @@
+$arrow-right-down: "\21b4";
+$arrow-down-right: "\21b3";
+$arrow-right: "\2192";

data/frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_z_index.scss

@@ -0,0 +1,2 @@
+$ui-locator-view-z: -1;
+$dropdown-child-z: 1;

data/frank-skeleton/frank_static_resources.bundle/stylesheets/sass/symbiote.scss

@@ -0,0 +1,26 @@
+//-------------------------------
+// primary application file
+// all partials should be loaded here.
+//-------------------------------
+// base
+@import "_unicode.scss";
+@import "_mixins.sass";
+@import "_solarized.scss";
+@import "_typography.scss";
+@import "_z_index.scss";
+//----------------------------------
+@import "_reset.scss";
+@import "_elements.scss";
+//----------------------------------
+// global layout affords control
+// over container heights.
+@import "_layout.scss";
+//----------------------------------
+// partials
+@import "_header.scss";
+@import "_selector_test_toolbar.scss";
+@import "_inspect_tabs_list_tabs.scss";
+//-------------------------------
+// vender
+@import "_jquery.treeview.scss";
+@import "_jqui.scss";

data/lib/frank-cucumber.rb

@@ -1,3 +1,4 @@
+require 'frank-cucumber/rect'
 require 'frank-cucumber/color_helper'
 require 'frank-cucumber/frank_helper'
 require 'frank-cucumber/launcher'

data/lib/frank-cucumber/cli.rb

@@ -48,7 +48,9 @@ module Frank
       method_option option
     end
     method_option 'arch', :type => :string, :default => 'i386'
+    method_option :noclean, :type => :boolean, :default => false, :aliases => '--nc', :desc => "Don't clean the build directory before building"
     def build
+      clean = !options['noclean']
 
       in_root do
         unless File.directory? 'Frank'
@@ -64,14 +66,23 @@ module Frank
 
       static_bundle = 'frank_static_resources.bundle'
 
-      remove_dir build_output_dir
+      if clean
+        remove_dir build_output_dir
+      end
+
+      build_steps = 'build'
+      if clean
+        build_steps = 'clean ' + build_steps
+      end
 
       extra_opts = XCODEBUILD_OPTIONS.map{ |o| "-#{o} #{options[o]}" if options[o] }.compact.join(' ')
       extra_opts += " -arch #{options['arch']}"
 
-      run %Q|xcodebuild -xcconfig Frank/frankify.xcconfig clean build #{extra_opts} -configuration Debug -sdk iphonesimulator DEPLOYMENT_LOCATION=YES DSTROOT="#{build_output_dir}" FRANK_LIBRARY_SEARCH_PATHS="\\"#{frank_lib_directory}\\""|
+      run %Q|xcodebuild -xcconfig Frank/frankify.xcconfig #{build_steps} #{extra_opts} -configuration Debug -sdk iphonesimulator DEPLOYMENT_LOCATION=YES DSTROOT="#{build_output_dir}" FRANK_LIBRARY_SEARCH_PATHS="\\"#{frank_lib_directory}\\""|
 
-      FileUtils.mv( Dir.glob( "#{build_output_dir}/*.app" ).first, frankified_app_dir )
+      app = Dir.glob("#{build_output_dir}/*.app").delete_if { |x| x =~ /\/#{app_bundle_name}$/ }
+      app = app.first
+      FileUtils.cp_r("#{app}/.", frankified_app_dir)
 
       fix_frankified_apps_bundle_identifier
 

data/lib/frank-cucumber/core_frank_steps.rb

@@ -4,37 +4,42 @@ require 'rspec/expectations'
 
 # -- See -- #
 Then /^I wait to see "([^\"]*)"$/ do |expected_mark|
-  wait_until(:message => "waited to see view marked '#{expected_mark}'"){ 
+  quote = get_selector_quote(expected_mark)
+  wait_until(:message => "waited to see view marked #{quote}#{expected_mark}#{quote}"){
     view_with_mark_exists( expected_mark ) 
   }
 end
 
 Then /^I wait to not see "([^\"]*)"$/ do |expected_mark|
   sleep 3 # ugh, this should be removed but I'm worried it'll break existing tests
-
-  wait_until(:message => "waited to not see view marked '#{expected_mark}'"){ 
+  quote = get_selector_quote(expected_mark)
+  wait_until(:message => "waited to not see view marked #{quote}#{expected_mark}#{quote}"){
     !view_with_mark_exists( expected_mark )
   }
 end
 
 Then /^I should see a navigation bar titled "([^\"]*)"$/ do |expected_mark|
-  check_element_exists( "navigationItemView marked:'#{expected_mark}'" )
+  quote = get_selector_quote(expected_mark)
+  check_element_exists( "navigationItemView marked:#{quote}#{expected_mark}#{quote}" )
 end
 
 Then /^I wait to see a navigation bar titled "([^\"]*)"$/ do |expected_mark|
-  wait_until( :timeout => 30, :message => "waited to see a navigation bar titled '#{expected_mark}'" ) {
-    element_exists( "navigationItemView marked:'#{expected_mark}'" )
+  quote = get_selector_quote(expected_mark)
+  wait_until( :timeout => 30, :message => "waited to see a navigation bar titled #{quote}#{expected_mark}#{quote}" ) {
+    element_exists( "navigationItemView marked:#{quote}#{expected_mark}#{quote}" )
   }
 end
 
 Then /^I wait to not see a navigation bar titled "([^\"]*)"$/ do |expected_mark|
-  wait_until( :timeout => 30, :message => "waited to not see a navigation bar titled '#{expected_mark}'" ) {
-    !element_exists( "navigationItemView marked:'#{expected_mark}'" )
+  quote = get_selector_quote(expected_mark)
+  wait_until( :timeout => 30, :message => "waited to not see a navigation bar titled #{quote}#{expected_mark}#{quote}" ) {
+    !element_exists( "navigationItemView marked:#{quote}#{expected_mark}#{quote}" )
   }
 end
 
 Then /^I should see a "([^\"]*)" button$/ do |expected_mark|
-  check_element_exists("button marked:'#{expected_mark}'")
+  quote = get_selector_quote(expected_mark)
+  check_element_exists("button marked:#{quote}#{expected_mark}#{quote}")
 end
 
 Then /^I should see "([^\"]*)"$/ do |expected_mark|
@@ -42,7 +47,8 @@ Then /^I should see "([^\"]*)"$/ do |expected_mark|
 end
 
 Then /^I should not see "([^\"]*)"$/ do |expected_mark|
-  check_element_does_not_exist("view marked:'#{expected_mark}'")
+  quote = get_selector_quote(expected_mark)
+  check_element_does_not_exist("view marked:#{quote}#{expected_mark}#{quote}")
 end
 
 Then /I should see the following:/ do |table|
@@ -64,6 +70,11 @@ Then /^I should see an alert view titled "([^\"]*)"$/ do |expected_mark|
   values.should include(expected_mark)
 end
 
+Then /^I should see an alert view with the message "([^\"]*)"$/ do |expected_mark|
+    values = frankly_map( 'alertView', 'message')
+    values.should include(expected_mark)
+end
+
 Then /^I should not see an alert view$/ do
   check_element_does_not_exist( 'alertView' )
 end
@@ -71,20 +82,24 @@ end
 Then /^I should see an element of class "([^\"]*)" with name "([^\"]*)" with the following labels: "([^\"]*)"$/ do |className, classLabel, listOfLabels|
 	arrayOfLabels = listOfLabels.split(',');
 	arrayOfLabels.each do |label|
-		check_element_exists("view marked:'#{classLabel}' parent view:'#{className}' descendant view marked:'#{label}'")
+    quote = get_selector_quote(label)
+		check_element_exists("view marked:'#{classLabel}' parent view:'#{className}' descendant view marked:#{quote}#{label}#{quote}")
 	end
 end
 
 Then /^I should see an element of class "([^\"]*)" with name "([^\"]*)" with a "([^\"]*)" button$/ do |className, classLabel, buttonName|
-	check_element_exists("view marked:'#{classLabel}' parent view:'#{className}' descendant button marked:'#{buttonName}'")
+  quote = get_selector_quote(buttonName)
+	check_element_exists("view marked:'#{classLabel}' parent view:'#{className}' descendant button marked:#{quote}#{buttonName}#{quote}")
 end
 
 Then /^I should not see a hidden button marked "([^\"]*)"$/ do |expected_mark|
-  element_is_not_hidden("button marked:'#{expected_mark}'").should be_false
+  quote = get_selector_quote(expected_mark)
+  element_is_not_hidden("button marked:#{quote}#{expected_mark}#{quote}").should be_false
 end
 
 Then /^I should see a nonhidden button marked "([^\"]*)"$/ do |expected_mark|
-  element_is_not_hidden("button marked:'#{expected_mark}'").should be_true
+  quote = get_selector_quote(expected_mark)
+  element_is_not_hidden("button marked:#{quote}#{expected_mark}#{quote}").should be_true
 end
 
 Then /^I should see an element of class "([^\"]*)"$/ do |className|
@@ -101,8 +116,9 @@ end
 # -- Type/Fill in -- #
 
 When /^I type "([^\"]*)" into the "([^\"]*)" text field$/ do |text_to_type, field_name|
-  text_fields_modified = frankly_map( "textField placeholder:'#{field_name}'", "setText:", text_to_type )
-  raise "could not find text fields with placeholder '#{field_name}'" if text_fields_modified.empty?
+  quote = get_selector_quote(field_name)
+  text_fields_modified = frankly_map( "textField placeholder:#{quote}#{field_name}#{quote}", "setText:", text_to_type )
+  raise "could not find text fields with placeholder #{quote}#{field_name}#{quote}" if text_fields_modified.empty?
   #TODO raise warning if text_fields_modified.count > 1
 end
 
@@ -154,7 +170,8 @@ end
 # -- touch -- #
 # generic views
 When /^I touch "([^\"]*)"$/ do |mark|
-  selector = "view marked:'#{mark}' first"
+  quote = get_selector_quote(mark)
+  selector = "view marked:#{quote}#{mark}#{quote} first"
   if element_exists(selector)
      touch( selector )
   else
@@ -165,10 +182,10 @@ end
 
 When /^I touch "([^\"]*)" if exists$/ do |mark|
   sleep 1
-  selector = "view marked:'#{mark}' first"
+  quote = get_selector_quote(mark)
+  selector = "view marked:#{quote}#{mark}#{quote} first"
   if element_exists(selector)
   	touch(selector)
-    sleep 1
   end
 end
 
@@ -178,7 +195,8 @@ When /^I touch the first table cell$/ do
 end
 
 When /^I touch the table cell marked "([^\"]*)"$/ do |mark|
-  touch("tableViewCell marked:'#{mark}'")
+  quote = get_selector_quote(mark)
+  touch("tableViewCell marked:#{quote}#{mark}#{quote}")
 end
 
 When /^I touch the (\d*)(?:st|nd|rd|th)? table cell$/ do |ordinal|
@@ -189,19 +207,22 @@ end
 Then /I touch the following:/ do |table|
   values = frankly_map( 'view', 'accessibilityLabel' )
   table.raw.each do |expected_mark|
-    touch( "view marked:'#{expected_mark}'" )
+    quote = get_selector_quote(expected_mark)
+    touch( "view marked:#{quote}#{expected_mark}#{quote}" )
     sleep 2
   end
 end
 
 # buttons
 When /^I touch the button marked "([^\"]*)"$/ do |mark|
-  touch( "button marked:'#{mark}'" )
+  quote = get_selector_quote(mark)
+  touch( "button marked:#{quote}#{mark}#{quote}" )
 end
 
 # action sheets
 When /^I touch the "([^\"]*)" action sheet button$/ do |mark|
-  touch( "actionSheet threePartButton marked:'#{mark}'" )
+  quote = get_selector_quote(mark)
+  touch( "actionSheet threePartButton marked:#{quote}#{mark}#{quote}" )
 end
 
 When /^I touch the (\d*)(?:st|nd|rd|th)? action sheet button$/ do |ordinal|
@@ -211,7 +232,8 @@ end
 
 # alert views
 When /^I touch the "([^\"]*)" alert view button$/ do |mark|
-  touch( "alertView threePartButton marked:'#{mark}'" )
+  quote = get_selector_quote(mark) 
+  touch( "alertView threePartButton marked:#{quote}#{mark}#{quote}" )
 end
                                                                      
 When /^I touch the (\d*)(?:st|nd|rd|th)? alert view button$/ do |ordinal|
@@ -222,14 +244,16 @@ end
 # -- switch -- #
 
 When /^I flip switch "([^\"]*)"$/ do |mark|
-  touch("view:'UISwitch' marked:'#{mark}'") 
+  quote = get_selector_quote(mark)
+  touch("view:'UISwitch' marked:#{quote}#{mark}#{quote}")
 end
 
 
 Then /^switch "([^\"]*)" should be (on|off)$/ do |mark,expected_state|
   expected_state = expected_state == 'on'
-
-  selector = "view:'UISwitch' marked:'#{mark}'"
+  
+  quote = get_selector_quote(mark)
+  selector = "view:'UISwitch' marked:#{quote}#{mark}#{quote}"
   switch_states = frankly_map( selector, "isOn" )
 
   switch_states.each do |switch_state|
@@ -247,7 +271,8 @@ end
 Then /^a pop\-over menu is displayed with the following:$/ do |table|
   sleep 1
   table.raw.each do |expected_mark|
-    check_element_exists "actionSheet view marked:'#{expected_mark}'"
+    quote = get_selector_quote(expected_mark)
+    check_element_exists "actionSheet view marked:#{quote}#{expected_mark}#{quote}"
   end
 end