frank-cucumber 1.1.1 → 1.1.2

data/lib/frank-cucumber/frank_helper.rb

@@ -49,6 +49,15 @@ module FrankHelper
       raise 'could not detect running Frank server' unless @server_base_url
     end
   end
+  
+  # Get the correct quote for the selector
+  def get_selector_quote(selector)
+    if selector.index("'") == nil
+      return "'"
+    else
+      return '"'
+    end
+  end
 
   #@api private
   #@return [:String] convient shorthand for {Frank::Cucumber::FrankHelper.selector_engine}, defaulting to 'uiquery'
@@ -107,7 +116,8 @@ module FrankHelper
   # @return [Boolean]
   # @see #check_view_with_mark_exists
   def view_with_mark_exists(expected_mark)
-    element_exists( "view marked:'#{expected_mark}'" )
+    quote = get_selector_quote(expected_mark)
+    element_exists( "view marked:#{quote}#{expected_mark}#{quote}" )
   end
 
   # Assert whether there are any views in the current view heirarchy which contain the specified accessibility label.
@@ -115,7 +125,8 @@ module FrankHelper
   # @raise an rspec exception if the assertion fails
   # @see #view_with_mark_exists
   def check_view_with_mark_exists(expected_mark)
-    check_element_exists( "view marked:'#{expected_mark}'" )
+    quote = get_selector_quote(expected_mark)
+    check_element_exists( "view marked:#{quote}#{expected_mark}#{quote}" )
   end
 
   # Assert whether there are no views in the current view heirarchy which contain the specified accessibility label.
@@ -123,7 +134,8 @@ module FrankHelper
   # @raise an rspec exception if the assertion fails
   # @see #view_with_mark_exists, #check_view_with_mark_exists
   def check_view_with_mark_does_not_exist(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
 
 
@@ -194,6 +206,23 @@ module FrankHelper
      !matches.empty?
   end
 
+  def accessibility_frame(selector)
+    frames = frankly_map( selector, 'accessibilityFrame' )
+    raise "the supplied selector [#{selector}] did not match any views" if frames.empty?
+    raise "the supplied selector [#{selector}] matched more than one views (#{frames.count} views matched)" if frames.count > 1
+    Rect.from_api_repr( frames.first )
+  end
+
+  def drag_with_initial_delay(args)
+    from, to = args.values_at(:from,:to)
+    raise ArgumentError.new('must specify a :from parameter') if from.nil?
+    raise ArgumentError.new('must specify a :to parameter') if to.nil?
+
+    dest_frame = accessibility_frame(to)
+
+    frankly_map( from, 'FEX_dragWithInitialDelayToX:y:', dest_frame.center.x, dest_frame.center.y )
+  end
+
 
   # Ask Frank to invoke the specified method on the app delegate of the iOS application under automation.
   # @param method_sig [String] the method signature
@@ -222,7 +251,6 @@ module FrankHelper
   # @return [Array] an array with an element for each view matched by the selector, each element in the array gives the return value from invoking the specified method on that view.
   def frankly_map( selector, method_name, *method_args )
     operation_map = Gateway.build_operation_map(method_name.to_s, method_args)
-
     res = frank_server.send_post( 
       'map',
       :query => selector, 

data/lib/frank-cucumber/rect.rb

@@ -0,0 +1,24 @@
+module Frank module Cucumber
+
+  class Rect
+    attr_reader :x, :y, :width, :height
+
+    def self.from_api_repr( hash )
+      x,y = hash["origin"]["x"], hash["origin"]["y"]
+      width,height = hash["size"]["width"],hash["size"]["height"]
+      self.new( x, y, width, height )
+    end
+
+    def initialize(x,y,width,height)
+      @x,@y,@width,@height = x,y,width,height
+    end
+
+    def center
+      OpenStruct.new( 
+                     x: @x.to_f + (@width.to_f/2),
+                     y: @y.to_f + (@height.to_f/2)
+                    )
+    end
+  end
+
+end end

data/lib/frank-cucumber/version.rb

@@ -1,5 +1,5 @@
 module Frank
   module Cucumber
-    VERSION = "1.1.1"
+    VERSION = "1.1.2"
   end
 end

data/test/rect_test.rb

@@ -0,0 +1,25 @@
+require_relative 'test_helper.rb'
+
+require_relative '../lib/frank-cucumber/rect'
+
+module Frank module Cucumber
+
+describe Rect do
+  it 'parsing from the api hash representation correctly' do
+    api_repr = { "origin" => {"x" => 1.1, "y" => 2.2}, "size" => { "height" => 11.1, "width" => 22.2 } }
+    rect = Rect.from_api_repr( api_repr )
+
+    rect.x.must_equal 1.1
+    rect.y.must_equal 2.2
+    rect.width.must_equal 22.2
+    rect.height.must_equal 11.1
+  end
+
+  it 'calculates the center correctly' do
+    rect = Rect.new( 100, 200, 11, 21 )
+    rect.center.x.must_equal 105.5
+    rect.center.y.must_equal 210.5
+  end
+end
+
+end end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: frank-cucumber
 version: !ruby/object:Gem::Version
-  version: 1.1.1
+  version: 1.1.2
   prerelease: 
 platform: ruby
 authors:
@@ -10,11 +10,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-10-30 00:00:00.000000000 Z
+date: 2012-11-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: cucumber
-  requirement: &70212057627620 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -22,10 +22,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70212057627620
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: rspec
-  requirement: &70212057626320 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -33,10 +38,15 @@ dependencies:
         version: '2.0'
   type: :runtime
   prerelease: false
-  version_requirements: *70212057626320
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '2.0'
 - !ruby/object:Gem::Dependency
   name: sim_launcher
-  requirement: &70212057625260 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -44,10 +54,15 @@ dependencies:
         version: 0.4.6
   type: :runtime
   prerelease: false
-  version_requirements: *70212057625260
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 0.4.6
 - !ruby/object:Gem::Dependency
   name: i18n
-  requirement: &70212057623580 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -55,10 +70,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70212057623580
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: plist
-  requirement: &70212062183100 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -66,10 +86,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70212062183100
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: json
-  requirement: &70212062182260 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -77,10 +102,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70212062182260
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: dnssd
-  requirement: &70212062181280 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -88,10 +118,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70212062181280
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: thor
-  requirement: &70212062178360 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -99,21 +134,31 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70212062178360
-- !ruby/object:Gem::Dependency
-  name: xcodeproj
-  requirement: &70212062177680 !ruby/object:Gem::Requirement
+  version_requirements: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: xcodeproj
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.3.5
   type: :runtime
   prerelease: false
-  version_requirements: *70212062177680
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.3.5
 - !ruby/object:Gem::Dependency
   name: rr
-  requirement: &70212062176740 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -121,10 +166,15 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70212062176740
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: yard
-  requirement: &70212062176100 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -132,10 +182,15 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70212062176100
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: pry
-  requirement: &70212062175400 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -143,10 +198,15 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70212062175400
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: pry-debugger
-  requirement: &70212062173880 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -154,7 +214,12 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70212062173880
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 description: Use cucumber to test native iOS apps via Frank
 email:
 - gems@thepete.net
@@ -193,13 +258,14 @@ files:
 - lib/frank-cucumber/launcher.rb
 - lib/frank-cucumber/localize.yml
 - lib/frank-cucumber/location_helper.rb
+- lib/frank-cucumber/rect.rb
 - lib/frank-cucumber/scroll_helper.rb
 - lib/frank-cucumber/version.rb
 - lib/frank-cucumber/wait_helper.rb
 - test/keyboard_helper_test.rb
 - test/launcher_test.rb
+- test/rect_test.rb
 - test/test_helper.rb
-- frank-skeleton/frank_static_resources.bundle/_solarized_colors.scss
 - frank-skeleton/frank_static_resources.bundle/images/ajax-loader.gif
 - frank-skeleton/frank_static_resources.bundle/images/file.gif
 - frank-skeleton/frank_static_resources.bundle/images/folder-closed.gif
@@ -220,7 +286,6 @@ files:
 - frank-skeleton/frank_static_resources.bundle/images/treeview-red.gif
 - frank-skeleton/frank_static_resources.bundle/index.html
 - frank-skeleton/frank_static_resources.bundle/index.html.haml
-- frank-skeleton/frank_static_resources.bundle/jquery.treeview.css
 - frank-skeleton/frank_static_resources.bundle/js/accessible_views_view.coffee
 - frank-skeleton/frank_static_resources.bundle/js/accessible_views_view.js
 - frank-skeleton/frank_static_resources.bundle/js/controller.coffee
@@ -269,8 +334,21 @@ files:
 - frank-skeleton/frank_static_resources.bundle/pictos/pictos-web.woff
 - frank-skeleton/frank_static_resources.bundle/pictos/pictos.css
 - frank-skeleton/frank_static_resources.bundle/pictos/pictos_base64.css
-- frank-skeleton/frank_static_resources.bundle/reset.css
-- frank-skeleton/frank_static_resources.bundle/symbiote.css
+- frank-skeleton/frank_static_resources.bundle/stylesheets/css/symbiote.css
+- frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_elements.scss
+- frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_header.scss
+- frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_inspect_tabs_list_tabs.scss
+- frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_jquery.treeview.scss
+- frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_jqui.scss
+- frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_layout.scss
+- frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_mixins.sass
+- frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_reset.scss
+- frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_selector_test_toolbar.scss
+- frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_solarized.scss
+- frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_typography.scss
+- frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_unicode.scss
+- frank-skeleton/frank_static_resources.bundle/stylesheets/sass/_z_index.scss
+- frank-skeleton/frank_static_resources.bundle/stylesheets/sass/symbiote.scss
 - frank-skeleton/frank_static_resources.bundle/ViewAttributeMapping.plist
 homepage: http://rubygems.org/gems/frank-cucumber
 licenses: []
@@ -292,12 +370,13 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.10
+rubygems_version: 1.8.24
 signing_key: 
 specification_version: 3
 summary: Use cucumber to test native iOS apps via Frank
 test_files:
 - test/keyboard_helper_test.rb
 - test/launcher_test.rb
+- test/rect_test.rb
 - test/test_helper.rb
 has_rdoc: 

data/frank-skeleton/frank_static_resources.bundle/symbiote.css

@@ -1,505 +0,0 @@
-/*This should only be enabled for testing rotation when you're */
-/*not actually running Symbiote in a device*/
-button#ui-locator-rotator{
-  display: none;
-}
-
-html {
-  background-color: #efefef;
-  font-family: "Helvetica Neue", "HelveticaNeue", Arial;
-  font-size: 16px;
-}
-
-input, button {
-  padding: 8px 2em 8px 0.5em;
-  -webkit-border-radius: 3px;
-     -moz-border-radius: 3px;
-          border-radius: 3px;
-  -webkit-box-shadow: inset 0 1px 3px 0px rgba(0,0,0, .7);
-     -moz-box-shadow: inset 0 1px 3px 0px rgba(0,0,0, .7);
-          box-shadow: inset 0 1px 3px 0px rgba(0,0,0, .7);
-}
-
-input {
-  text-align: left;
-  border-bottom: 1px solid rgba(255,255,255, .2);
-}
-
-button {
-  color: #fff;
-  text-shadow: 0 -1px rgba(0,0,0, .3);
-  background-image: -webkit-linear-gradient(top, #ddd, #999);
-  background-image:    -moz-linear-gradient(top, #ddd, #999);
-  background-image:         linear-gradient(top, #ddd, #999);
-}
-
-button:hover {
-  background-image: -webkit-linear-gradient(top, #ccc, #999);
-  background-image:    -moz-linear-gradient(top, #ccc, #999);
-  background-image:         linear-gradient(top, #ccc, #999);
-}
-
-button:active { background: #999; }
-
-#header {
-  position: relative;
-  height: 40px;
-  padding-left: 10px;
-  overflow: hidden;
-  color: #fff;
-  text-shadow: 0 -1px rgba(0,0,0, .4);
-  background-image: -webkit-linear-gradient(top, rgba(102,102,102, 1), rgba(51,51,51, 1) );
-  background-image:    -moz-linear-gradient(top, rgba(102,102,102, 1), rgba(51,51,51, 1) );
-  background-image:         linear-gradient(top, rgba(102,102,102, 1), rgba(51,51,51, 1) );
-}
-
-#header a {
-  color: #aaff00;
-  font-size: 20px;
-  font-weight: bold;          
-}
-
-#header h1 {
-  font-size: 2em;
-  float: left;
-}
-
-.toast { 
-  padding-left: 40px;
-  padding-top: 8px;
-  float: left;
-  height: 40px; 
-  color: hotpink;
-  font-size: 1.1em;
-  font-style: italic;
-
-  -moz-transition:all 0.2s linear;
-  -webkit-transition:all 0.2s linear;
-  -o-transition:all 0.2s linear;
-}
-
-.toast { 
-  padding-top: 40px;
-}
-.toast.show { 
-  padding-top: 8px;
-}
-
-#refresh { 
-  float: right;
-}
-
-#refresh button, #refresh span {
-  height: 40px;
-  width: 40px;
-  position: relative;
-  display: block;
-  text-align: center;
-  border-radius: 3px 0 0 3px;
-}
-#refresh span {
-  position: absolute;
-  top: 0;
-  right: 0;
-  background: url('images/loader.png') center center no-repeat;
-  background-size: 80% auto;
-  -webkit-transition: background 1s;
-     -moz-transition: background 1s;
-          transition: background 1s;
-}
-
-.working #refresh span {
-  background-image:url('images/loader.gif');
-  background-size: 80% auto;
-}
-
-#selector-test {
-  position: relative;
-	/*top: -60px;*/
-  padding: 10px;
-  /*text-align: center;*/
-}
-
-#selector-test > input {
-  display: inline-block;
-  position: relative;
-}
-#selector-test input#query {
-  width: 40%;
-}
-
-#selector-test input#selector_engine {
-  width: 13em;
-}
-
-.dropdown {
-  position: relative;
-	display: inline-block;
-}
-
-.dropdown button { 
-  position: relative;
-	width: 100%;
-}
-.dropdown ul {
-  position: absolute;
-  top: 100%;
-  float: left;
-  list-style: none;
-}
-
-.dropdown * {
-	z-index: 1;
-}
-.dropdown ul {
-	z-index: 1;
-	opacity: 0;
-  visibility:hidden;
-  -webkit-transition: visibility 0s linear 0.2s,opacity 0.2s linear;
-  	 -moz-transition: visibility 0s linear 0.2s,opacity 0.2s linear;
-  		 -o-transition: visibility 0s linear 0.2s,opacity 0.2s linear;
-					transition: visibility 0s linear 0.2s,opacity 0.2s linear;
-}
-.dropdown ul.shown {
-  opacity: 1;
-  visibility:visible;
-  transition-delay:0s;
-  -webkit-transition-delay:0s;
-  -moz-transition-delay:0s;
-  -o-transition-delay:0s;
-}
-
-.dropdown .drop-indicator {
-	color: #eee;
-  position: absolute;
-  width: 2em;
-  right: 0;
-	top: 6px;
-  bottom: 6px;
-  border-left: 1px solid white;
-  text-align: center;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-
-.dropdown button {
-  padding: 8px 2em 8px 0.8em;
-}
-
-.action-buttons button {
-  width: 9.2em;
-}
-.selector-engine button {
-  width: 7.2em;
-}
-
-.selector-engine-label {
-  padding-left: 1em;
-}
-
-/*.action-buttons {*/
-  /*position: relative;*/
-	/*display: inline-block;*/
-	/*width: 9em;*/
-	/*top: 60px;*/
-/*}*/
-
-/*.action-buttons button {*/
-  /*position: relative;*/
-	/*width: 100%;*/
-/*}*/
-/*.action-buttons .drop-indicator {*/
-	/*color: #eee;*/
-  /*position: absolute;*/
-  /*width: 1.5em;*/
-  /*right: 0;*/
-	/*top: 0;*/
-	/*padding: 5px;*/
-/*}*/
-
-/*.action-buttons * {*/
-	/*z-index: 1;*/
-/*}*/
-/*.action-buttons .extra-actions {*/
-	/*z-index: 1;*/
-	/*opacity: 0;*/
-  /*visibility:hidden;*/
-  /*-webkit-transition: visibility 0s linear 0.2s,opacity 0.2s linear;*/
-     /*-moz-transition: visibility 0s linear 0.2s,opacity 0.2s linear;*/
-       /*-o-transition: visibility 0s linear 0.2s,opacity 0.2s linear;*/
-					/*transition: visibility 0s linear 0.2s,opacity 0.2s linear;*/
-/*}*/
-/*.action-buttons .extra-actions.shown {*/
-  /*opacity: 1;*/
-  /*visibility:visible;*/
-  /*transition-delay:0s;*/
-  /*-webkit-transition-delay:0s;*/
-  /*-moz-transition-delay:0s;*/
-  /*-o-transition-delay:0s;*/
-/*}*/
-
-.the-columns {
-  position: absolute;
-  top: 90px;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-
-#inspect-tabs, #list-tabs {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-}
-
-#inspect-tabs {
-  right: 0;
-  left: 60%;
-  overflow: hidden;
-  border-left: 1px solid rgba(255,255,255, .1);
-  -webkit-transition: left .3s;
-     -moz-transition: left .3s;
-          transition: left .3s;
-  -webkit-box-shadow: inset 3px 0 3px 0 rgba(0,0,0, .4);
-     -moz-box-shadow: inset 3px 0 3px 0 rgba(0,0,0, .4);
-          box-shadow: inset 3px 0 3px 0 rgba(0,0,0, .4);
-  -webkit-border-radius: 3px 0 0 0;
-     -moz-border-radius: 3px 0 0 0;
-          border-radius: 3px 0 0 0;
-}
-
-#list-tabs {
-  right: 40%;
-  left: 0;
-  -webkit-transition: right .3s;
-     -moz-transition: right .3s;
-          transition: right .3s;
-  -webkit-border-radius: 0 3px 0 0;
-     -moz-border-radius: 0 3px 0 0;
-          border-radius: 0 3px 0 0;
-  -webkit-box-shadow: inset -3px 0 3px 0 rgba(0,0,0, .4);
-     -moz-box-shadow: inset -3px 0 3px 0 rgba(0,0,0, .4);
-          box-shadow: inset -3px 0 3px 0 rgba(0,0,0, .4);
-}
-
-/* respond to landscape view. */
-.landscape #inspect-tabs { left: 50%; }
-.landscape #list-tabs { right: 50%; }
-
-
-#list-tabs > div, #dom-detail {
-  position: absolute;
-  top: 40px;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  overflow-y: scroll;
-}
-
-#inspect-tabs > ul, #list-tabs > ul {
-  overflow: hidden;
-  -webkit-box-shadow: inset 0 1px 3px 0px rgba(0,0,0, .7);
-     -moz-box-shadow: inset 0 1px 3px 0px rgba(0,0,0, .7);
-          box-shadow: inset 0 1px 3px 0px rgba(0,0,0, .7);
-}
-
-#inspect-tabs > ul > li, #list-tabs > ul > li {
-  float: left;
-  position: relative;
-  width: 50%;
-  display: inline-block;
-  font-size: 12px;
-  margin: 0;
-  padding: 0;
-  text-align: center;
-  border: none;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-#inspect-tabs > ul > li > a, #list-tabs > ul > li > a {
-  float: none;
-  padding: inherit;
-  line-height: 40px;
-  cursor: pointer;
-  display: block;
-  color: #fff;
-  font-size: 16px;
-  font-weight: bold;
-  text-shadow: 0 -1px rgba(0,0,0, .3);
-  background-image: -webkit-linear-gradient(top, rgba(221,221,221, .6), rgba(153,153,153, .6) );
-  background-image:    -moz-linear-gradient(top, rgba(221,221,221, .6), rgba(153,153,153, .6) );
-  background-image:         linear-gradient(top, rgba(221,221,221, .6), rgba(153,153,153, .6) );
-  -webkit-box-shadow: inset 0 0 2px 0px rgba(0,0,0, .4);
-     -moz-box-shadow: inset 0 0 2px 0px rgba(0,0,0, .4);
-          box-shadow: inset 0 0 2px 0px rgba(0,0,0, .4);
-}
-
-#inspect-tabs > ul > li.ui-tabs-selected > a, 
-#inspect-tabs > ul > li.ui-tabs-selected > a:hover, 
-#list-tabs > ul > li.ui-tabs-selected > a,
-#list-tabs > ul > li.ui-tabs-selected > a:hover {
-  background-image: -webkit-linear-gradient( top, rgba(35,128,204, .6), rgba(21,78,124, .6) );
-  background-image:    -moz-linear-gradient(top, #2380CC, #154E7C);
-  background-image:         linear-gradient(top, #2380CC, #154E7C);
-}
-
-#inspect-tabs > ul > li > a:hover, #list-tabs > ul > li > a:hover {
-  background-image: -webkit-linear-gradient(top, rgba(204,204,204, .6), rgba(153,153,153, .6) );
-  background-image:    -moz-linear-gradient(top, rgba(204,204,204, .6), rgba(153,153,153, .6) );
-  background-image:         linear-gradient(top, rgba(204,204,204, .6), rgba(153,153,153, .6) );
-}
-
-#inspect-tabs > ul > li > a:active, #list-tabs > ul > li > a:active {
-  background: rgba(153,153,153, .6);
-  -webkit-box-shadow: inset 0 0 3px 0px rgba(0,0,0, .4);
-     -moz-box-shadow: inset 0 0 3px 0px rgba(0,0,0, .4);
-          box-shadow: inset 0 0 3px 0px rgba(0,0,0, .4);
-}
-
-a#dump_button {
-  vertical-align: middle;
-}
-
-#dom-dump {
-  padding: 0 10px 10px 10px;
-}
-
-div#dom-dump .treeview .hovered-in-locator { 
-  color: #2aa198;
-}
-
-#dom-detail, #accessible-views-tab { padding: 10px; }
-
-#dom-detail {
-  font-size:0.8em;
-  word-break: break-word;
-}
-
-#dom-detail li {
-  padding: 6px 0;
-  border-top: 2px solid rgba(255,255,255, .7);
-  border-bottom: 1px solid rgba(0, 0, 0, .2);
-  -webkit-transition: background-color .1s;
-     -moz-transition: background-color .1s;
-          transition: background-color .1s;
-}
-#dom-detail li:first-child { border-top: none; }
-#dom-detail li:last-child { border-bottom: none; }
-
-#dom-detail li:hover {
-  background-color: rgba(255,255,255, .4);
-}
-
-#dom-detail .key {
-  font-size: 1.5em;
-}
-
-#dom-detail .value:before {
-  content: "\21b3";
-  padding-left: 2px;
-  color: #999;
-}
-
-#dom-detail .interesting {
-  font-weight: bold;
-}
-
-#accessible-views-tab div.hints{
-  font-size: 0.8em;
-  border: 1px dashed #d33682;
-  padding: 10px;
-  margin-bottom: 20px;
-}
-
-#accessible-views a {
-  display: block;
-  margin: 10px 0;
-  color: #d33682;
-  font-style: italic;
-  -webkit-transition: color .15s;
-     -moz-transition: color .15s;
-          transition: color .15s;
-}
-#accessible-views a:hover {
-  color: #268bd2;
-}
-
-#accessible-views span{
-  font-style: normal;
-  font-weight: bold;
-}
-
-#ui-locator {
-  padding: 0;
-}
-
-#live-view, #asploder, #ui-live-view-rotator {
-  text-align: center;
-  display: inline-block;
-  float: right;
-}
-
-#live-view button {
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
-}
-
-#live-view button.down,#asploder button.down {
-  background-image: -webkit-linear-gradient(top, #2380CC, #154E7C);
-  background-image:    -moz-linear-gradient(top, #2380CC, #154E7C);
-  background-image:         linear-gradient(top, #2380CC, #154E7C);
-}
-
-#live-view button span {
-  font-family: Pictos;
-  font-size: 20px;
-}
-
-#ui-locator-view{
-  position: absolute;
-  z-index: -1;
-  top: 40px;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  text-align: center;
-  -webkit-transition: -webkit-transform .3s;
-     -moz-transition:    -moz-transform .3s;
-          transition:         transform .3s;
-}
-
-#ui-locator-rotator {
-  float: right;
-  font-family: Pictos;
-  -webkit-border-radius: 0 0 0 3px;
-     -moz-border-radius: 0 0 0 3px;
-          border-radius: 0 0 0 3px;
-}
-
-#ui-locator-view.landscape{
-  position: absolute;
-  -webkit-transform: rotate(90deg);
-     -moz-transform: rotate(90deg);
-          transform: rotate(90deg);
-}
-
-#query {
-	width: 300px;
-}
-
-ul {
-	list-style-type: none;  
-}
-
-ul.features li {
-	margin-top: 5px;
-}
-
-/* jqui */
-.ui-state-disabled { cursor: default !important; }
-.ui-tabs .ui-tabs-hide { display: none !important; }