sc-frank-cucumber 1.2.1.b7791c5.debug → 1.2.1.bba52d7.debug

data/frank-skeleton/frank_static_resources.bundle/bundle/js/controller.js

@@ -1,139 +0,0 @@
-(function() {
-  var RELOAD_INTERVAL,
-    __slice = [].slice;
-
-  RELOAD_INTERVAL = 500;
-
-  define(['frank'], function(frank) {
-    var createController;
-    createController = function(_arg) {
-      var $asplodeButton, $liveButton, $reloadButton, accessibleViewsView, boot, detailsView, ersatzView, experimentBarModel, liveTimeout, reload, reloadLoop, reportActionOutcome, tabsController, toastController, treeView, validateViewSelector;
-      tabsController = _arg.tabsController, toastController = _arg.toastController, treeView = _arg.treeView, ersatzView = _arg.ersatzView, detailsView = _arg.detailsView, accessibleViewsView = _arg.accessibleViewsView, experimentBarModel = _arg.experimentBarModel, $asplodeButton = _arg.$asplodeButton, $reloadButton = _arg.$reloadButton, $liveButton = _arg.$liveButton;
-      treeView.model.on('active-view-changed', function(viewModel) {});
-      treeView.model.on('selected-view-changed', function(viewModel) {
-        detailsView.updateModel(viewModel);
-        return tabsController.selectViewDetailsTab();
-      });
-      treeView.model.on('accessible-view-selected', function(viewModel) {
-        viewModel.setActive();
-        return experimentBarModel.set({
-          selector: viewModel.getShelleySelector()
-        });
-      });
-      reportActionOutcome = function(action, numViews) {
-        var message;
-        message = (function() {
-          switch (numViews) {
-            case 0:
-              return "Sorry, no views matched that selector so none were " + action;
-            case 1:
-              return "1 view was " + action;
-            default:
-              return "" + numViews + " views were " + action;
-          }
-        })();
-        return toastController.showToastMessage(message);
-      };
-      validateViewSelector = function(selector) {
-        if (selector.length === 0) {
-          toastController.showToastMessage("You haven't provided a view selector. Please enter one below.");
-          return false;
-        } else {
-          return true;
-        }
-      };
-      experimentBarModel.on('flash-clicked', function(model) {
-        var selector, selectorEngine, _ref;
-        _ref = [model.get('selector'), model.get('selectorEngine')], selector = _ref[0], selectorEngine = _ref[1];
-        if (!validateViewSelector(selector)) {
-          return;
-        }
-        return frank.sendFlashCommand(selector, selectorEngine).done(function(data) {
-          return reportActionOutcome("flashed", data.length);
-        });
-      });
-      experimentBarModel.on('touch-clicked', function(model) {
-        var selector, selectorEngine, views, _ref;
-        _ref = [model.get('selector'), model.get('selectorEngine')], selector = _ref[0], selectorEngine = _ref[1];
-        if (!validateViewSelector(selector)) {
-          return;
-        }
-        return views = frank.sendTouchCommand(selector, selectorEngine).done(function(data) {
-          return reportActionOutcome("touched", data.length);
-        });
-      });
-      experimentBarModel.on('highlight-clicked', function(model) {
-        var selector, selectorEngine, views, _ref;
-        _ref = [model.get('selector'), model.get('selectorEngine')], selector = _ref[0], selectorEngine = _ref[1];
-        if (!validateViewSelector(selector)) {
-          return;
-        }
-        return views = frank.getAccessibilityFramesForViewsMatchingSelector(selector, selectorEngine).done(function(data) {
-          ersatzView.model.highlightSomeFramesForABit(data);
-          return reportActionOutcome("highlighted", data.length);
-        });
-      });
-      $asplodeButton.on('click', function() {
-        var isAsploded;
-        isAsploded = ersatzView.model.toggleAsploded();
-        return $asplodeButton.toggleClass('down', isAsploded);
-      });
-      $reloadButton.on('click', function() {
-        return reload().done(function() {
-          return toastController.showToastMessage('views reloaded');
-        });
-      });
-      liveTimeout = void 0;
-      reloadLoop = function() {
-        reload();
-        return liveTimeout = window.setTimeout(reloadLoop, RELOAD_INTERVAL);
-      };
-      $liveButton.on('click', function() {
-        if (liveTimeout != null) {
-          window.clearTimeout(liveTimeout);
-        }
-        if ($liveButton.hasClass('down')) {
-          toastController.showToastMessage('leaving live mode');
-          return $liveButton.removeClass('down');
-        } else {
-          reloadLoop();
-          toastController.showToastMessage('entering live mode');
-          return $liveButton.addClass('down');
-        }
-      });
-      reload = function() {
-        var deferable;
-        deferable = $.Deferred();
-        $.when(frank.fetchViewHierarchy(), frank.fetchResolution(), frank.fetchOrientation(), frank.fetchDevice()).done(function(_arg1, resolution, orientation, deviceFamily) {
-          var accessibleViews, rawHier;
-          rawHier = _arg1[0];
-          if (deviceFamily == 'mac') {
-            $liveButton.hide();
-          }
-          treeView.model.resetViewHier(rawHier);
-          ersatzView.model.resetViews(treeView.model.get('allViews'), resolution, deviceFamily, orientation);
-          accessibleViews = treeView.model.getAccessibleViews();
-          accessibleViewsView.collection.reset(accessibleViews);
-          ersatzView.render();
-          return deferable.resolve();
-        }).fail(function() {
-          var args;
-          args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
-          toastController.showToastMessage('encountered an error while talking to Frank');
-          window.alert("Ruh roh. Encountered an error while talking to Frank.\nSee the javascript console for all the details");
-          return console.log("Failed while talking to Frank.", args);
-        });
-        return deferable.promise();
-      };
-      boot = function() {
-        tabsController.selectLocatorTab();
-        return reload();
-      };
-      return {
-        boot: boot
-      };
-    };
-    return createController;
-  });
-
-}).call(this);

data/frank-skeleton/frank_static_resources.bundle/bundle/js/details_view.coffee

@@ -1,42 +0,0 @@
-INTERESTING_PROPERTIES = ['class', 'accessibilityLabel', 'tag', 'alpha', 'isHidden']
-IRREGULAR_PROPERTIES = INTERESTING_PROPERTIES.concat( 'parent', 'subviews', 'children' )
-
-renderListItem = ( propertyName, propertyValue, cssClass )->
-  propertyValue ?= 'null'
-
-  if _.isObject( propertyValue )
-    propertyValue = JSON.stringify(propertyValue)
-
-  $("<li>").addClass(cssClass)
-    .append( 
-      $('<div/>').addClass('key').text(propertyName),
-      $('<div/>').addClass('value').text(propertyValue)
-    )
-
-define ->
-  DetailsView = Backbone.View.extend
-    el: $('#dom-detail')
-
-    updateModel: (model)->
-      @model = model
-      @refresh()
-
-    refresh: ->
-      $ul  = $('<ul>')
-
-      for prop in INTERESTING_PROPERTIES
-        if @model.has(prop)
-          val = @model.get(prop)
-          $ul.append( renderListItem( prop, val, 'interesting' ) )
-
-      for prop in _.keys(@model.attributes).sort()
-        continue if _.contains( IRREGULAR_PROPERTIES, prop )
-
-        val = @model.get(prop)
-        $ul.append( renderListItem( prop, val ) )
-
-      @$el.empty().append($ul)
-
-
-
-  DetailsView

data/frank-skeleton/frank_static_resources.bundle/bundle/js/details_view.js

@@ -1,51 +0,0 @@
-(function() {
-  var INTERESTING_PROPERTIES, IRREGULAR_PROPERTIES, renderListItem;
-
-  INTERESTING_PROPERTIES = ['class', 'accessibilityLabel', 'tag', 'alpha', 'isHidden'];
-
-  IRREGULAR_PROPERTIES = INTERESTING_PROPERTIES.concat('parent', 'subviews', 'children');
-
-  renderListItem = function(propertyName, propertyValue, cssClass) {
-    if (propertyValue == null) {
-      propertyValue = 'null';
-    }
-    if (_.isObject(propertyValue)) {
-      propertyValue = JSON.stringify(propertyValue);
-    }
-    return $("<li>").addClass(cssClass).append($('<div/>').addClass('key').text(propertyName), $('<div/>').addClass('value').text(propertyValue));
-  };
-
-  define(function() {
-    var DetailsView;
-    DetailsView = Backbone.View.extend({
-      el: $('#dom-detail'),
-      updateModel: function(model) {
-        this.model = model;
-        return this.refresh();
-      },
-      refresh: function() {
-        var $ul, prop, val, _i, _j, _len, _len1, _ref;
-        $ul = $('<ul>');
-        for (_i = 0, _len = INTERESTING_PROPERTIES.length; _i < _len; _i++) {
-          prop = INTERESTING_PROPERTIES[_i];
-          if (this.model.has(prop)) {
-            val = this.model.get(prop);
-            $ul.append(renderListItem(prop, val, 'interesting'));
-          }
-        }
-        _ref = _.keys(this.model.attributes).sort();
-        for (_j = 0, _len1 = _ref.length; _j < _len1; _j++) {
-          prop = _ref[_j];
-          if (_.contains(IRREGULAR_PROPERTIES, prop)) {
-            continue;
-          }
-          val = this.model.get(prop);
-          $ul.append(renderListItem(prop, val));
-        }
-        return this.$el.empty().append($ul);
-      }
-    });
-    return DetailsView;
-  });
-
-}).call(this);

data/frank-skeleton/frank_static_resources.bundle/bundle/js/dropdown_control.coffee

@@ -1,64 +0,0 @@
-define ->
-
-  DropdownModel = Backbone.Model.extend
-    select: ->
-      @collection.each (model) =>
-        model.set( 'selected', model == @ )
-      @trigger('option-clicked',@)
-
-  DropdownCollection = Backbone.Collection.extend
-    model: DropdownModel
-
-  DropdownView = Backbone.View.extend
-    tagName: 'div'
-    className: 'dropdown'
-
-    events:
-      "click .drop-indicator": 'clickedDrop'
-      "click .button": 'clickedItem'
-
-    initialize: ->
-      @collection = new DropdownCollection()
-      @collection.on 'all', _.bind(@render,@)
-      
-      # hackery :(
-      $('body').on 'click', _.bind(@clickedOutsideDropdown,@)
-
-    selectedModel: ->
-      selected = @collection.find (m)-> m.get('selected')
-      selected || @collection.at(0)
-    unselectedModels: ->
-      _(@collection.reject (m)-> m.get('selected'))
-
-    createButtonFor: (model)->
-      $("""<button>#{model.get('text')}</button>""")
-        .on 'click', => @clickedItem(model)
-
-    render: ->
-      @$el
-        .empty()
-        .append( @createButtonFor(@selectedModel()) )
-        .append( $ul = $("<ul>") )
-
-      @unselectedModels().each (model)=>
-        $ul.append( @createButtonFor(model) )
-
-      @$el.append( """<div class="drop-indicator">v</div>""" )
-
-    clickedDrop: (e)->
-      e.stopPropagation() #prevent clickedOutsideDropdown from firing
-      @$('ul').toggleClass('shown')
-
-    clickedOutsideDropdown: ->
-      @$('ul').removeClass('shown')
-
-    clickedItem: (model)->
-      model.select()
-
-
-
-
-  {
-    DropdownModel : DropdownModel
-    DropdownView  : DropdownView
-  }

data/frank-skeleton/frank_static_resources.bundle/bundle/js/dropdown_control.js

@@ -1,73 +0,0 @@
-(function() {
-
-  define(function() {
-    var DropdownCollection, DropdownModel, DropdownView;
-    DropdownModel = Backbone.Model.extend({
-      select: function() {
-        var _this = this;
-        this.collection.each(function(model) {
-          return model.set('selected', model === _this);
-        });
-        return this.trigger('option-clicked', this);
-      }
-    });
-    DropdownCollection = Backbone.Collection.extend({
-      model: DropdownModel
-    });
-    DropdownView = Backbone.View.extend({
-      tagName: 'div',
-      className: 'dropdown',
-      events: {
-        "click .drop-indicator": 'clickedDrop',
-        "click .button": 'clickedItem'
-      },
-      initialize: function() {
-        this.collection = new DropdownCollection();
-        this.collection.on('all', _.bind(this.render, this));
-        return $('body').on('click', _.bind(this.clickedOutsideDropdown, this));
-      },
-      selectedModel: function() {
-        var selected;
-        selected = this.collection.find(function(m) {
-          return m.get('selected');
-        });
-        return selected || this.collection.at(0);
-      },
-      unselectedModels: function() {
-        return _(this.collection.reject(function(m) {
-          return m.get('selected');
-        }));
-      },
-      createButtonFor: function(model) {
-        var _this = this;
-        return $("<button>" + (model.get('text')) + "</button>").on('click', function() {
-          return _this.clickedItem(model);
-        });
-      },
-      render: function() {
-        var $ul,
-          _this = this;
-        this.$el.empty().append(this.createButtonFor(this.selectedModel())).append($ul = $("<ul>"));
-        this.unselectedModels().each(function(model) {
-          return $ul.append(_this.createButtonFor(model));
-        });
-        return this.$el.append("<div class=\"drop-indicator\">v</div>");
-      },
-      clickedDrop: function(e) {
-        e.stopPropagation();
-        return this.$('ul').toggleClass('shown');
-      },
-      clickedOutsideDropdown: function() {
-        return this.$('ul').removeClass('shown');
-      },
-      clickedItem: function(model) {
-        return model.select();
-      }
-    });
-    return {
-      DropdownModel: DropdownModel,
-      DropdownView: DropdownView
-    };
-  });
-
-}).call(this);

data/frank-skeleton/frank_static_resources.bundle/bundle/js/ersatz_model.coffee

@@ -1,46 +0,0 @@
-define ["frank"], (frank)->
-
-  ErsatzModel = Backbone.Model.extend
-    default: 
-      highlightFrames = []
-
-    initialize: ->
-      @refreshBaseScreenshot()
-
-    highlightSomeFramesForABit: (frames)->
-      @set('highlightFrames',frames)
-      @temporaryHighlightTimeout = window.setTimeout( =>
-        @set('highlightFrames',[])
-        @temporaryHighlightTimeout = undefined
-      , 1500 )
-
-    resetViews: (views,deviceFamily,orientation)->
-      @set('allViews',views)
-      @set('deviceFamily',deviceFamily)
-      @set('orientation',orientation)
-      @set('highlightFrames',[])
-      @configureAllViews(views)
-
-    refreshBaseScreenshot: ->
-      @set('baseScreenshotUrl',frank.baseScreenshotUrl())
-
-    toggleAsploded: ->
-      isAsploded = !(@get('isAsploded'))
-      @set('isAsploded',isAsploded)
-      if isAsploded
-        @updateAsplodedViews()
-
-      isAsploded
-
-    updateAsplodedViews: ()->
-      frank.requestSnapshotRefresh().done =>
-        @trigger('snapshots-refreshed',@)
-    
-    configureAllViews: (allViews)->
-      allViews.on 'change:active', (subject,isActive)=>
-        window.clearTimeout(@temporaryHighlightTimeout) if @temporaryHighlightTimeout?
-
-        if isActive && !@get('isAsploded')
-          @set('highlightFrames',[subject.get('accessibilityFrame')])
-        else
-          @set('highlightFrames',[])

data/frank-skeleton/frank_static_resources.bundle/bundle/js/ersatz_model.js

@@ -1,60 +0,0 @@
-(function() {
-
-  define(["frank"], function(frank) {
-    var ErsatzModel, highlightFrames;
-    return ErsatzModel = Backbone.Model.extend({
-      "default": highlightFrames = [],
-      initialize: function() {
-        return this.refreshBaseScreenshot();
-      },
-      highlightSomeFramesForABit: function(frames) {
-        var _this = this;
-        this.set('highlightFrames', frames);
-        return this.temporaryHighlightTimeout = window.setTimeout(function() {
-          _this.set('highlightFrames', []);
-          return _this.temporaryHighlightTimeout = void 0;
-        }, 1500);
-      },
-      resetViews: function(views, resolution, deviceFamily, orientation) {
-        this.set('allViews', views);
-        this.set('resolution', resolution);
-        this.set('deviceFamily', deviceFamily);
-        this.set('orientation', orientation);
-        this.set('highlightFrames', []);
-        return this.configureAllViews(views);
-      },
-      refreshBaseScreenshot: function() {
-        return this.set('baseScreenshotUrl', frank.baseScreenshotUrl());
-      },
-      toggleAsploded: function() {
-        var isAsploded;
-        isAsploded = !(this.get('isAsploded'));
-        this.set('isAsploded', isAsploded);
-        if (isAsploded) {
-          this.updateAsplodedViews();
-        }
-        return isAsploded;
-      },
-      updateAsplodedViews: function() {
-        var _this = this;
-        return frank.requestSnapshotRefresh().done(function() {
-          return _this.trigger('snapshots-refreshed', _this);
-        });
-      },
-      configureAllViews: function(allViews) {
-        var _this = this;
-        return allViews.on('change:active', function(subject, isActive) {
-          if (_this.temporaryHighlightTimeout != null) {
-            window.clearTimeout(_this.temporaryHighlightTimeout);
-          }
-          if (isActive && !_this.get('isAsploded')) {
-            return _this.set('highlightFrames', [subject.get('accessibilityFrame')]);
-          } else {
-            return _this.set('highlightFrames', []);
-          }
-        });
-      }
-    });
-  });
-
-}).call(this);

data/frank-skeleton/frank_static_resources.bundle/bundle/js/ersatz_view.coffee

@@ -1,167 +0,0 @@
-ISO_SKEW = 15
-ISO_MAJOR_OFFSET = 50
-ISO_MINOR_OFFSET = 5
-SCREEN_BOUNDS = {
-  iphone: { x: 0, y: 0, width: 320, height: 480 }
-  ipad: { x: 0, y: 0, width: 768, height: 1024 }
-}
-#SCREENSHOT_URL = symbiote.baseUrlFor( "screenshot" )
-
-define ['transform_stack','ersatz_model'], (transformStack,ErsatzModel)->
-
-  drawStaticBackdropAndReturnTransformer = (paper,deviceFamily,orientation,isoSkew) ->
-    paper.clear()
-    paper.canvas.setAttribute "width", "100%"
-    paper.canvas.setAttribute "height", "100%"
-
-    isiPhone = ('iphone' == deviceFamily)
-
-    if isiPhone
-      paper.canvas.setAttribute "viewBox", "0 0 380 720"
-      rotationPoint = [190,360]
-    else
-      paper.canvas.setAttribute "viewBox", "0 0 875 1200"
-      rotationPoint = [437,600]
-
-    transformer = transformStack()
-
-    transformer.skew(0, isoSkew).translate( 6, 6 )
-
-
-    rotation = switch orientation
-      when 'landscape_right' then 90
-      when 'portrait_upside_down' then 180
-      when 'landscape_left' then 270
-      else false
-
-    if rotation
-      transformer.rotateAroundPoint(rotation,rotationPoint...)
-
-    # main outline of device
-    if isiPhone
-      paper.rect(0, 0, 360, 708, 40).attr(
-        fill: "black"
-        stroke: "gray"
-        "stroke-width": 4
-      ).transform transformer.desc()
-    else
-      paper.rect( 10, 10, 855, 1110, 20 ).attr(
-        'fill': 'black',
-        'stroke': 'gray',
-        'stroke-width': 6
-      ).transform transformer.desc()
-
-
-    if isiPhone
-      # home button
-      transformer.push().translate( 180, 655 )
-      paper.circle(0, 0, 34).transform(transformer.desc()).attr( "fill", "90-#303030-#101010" )
-   
-      # square inside home button
-      paper.rect(0, 0, 22, 22, 5).attr(
-        stroke: "gray"
-        "stroke-width": 2
-      ).transform transformer.push().translate(-11, -11).descAndPop()
-
-      transformer.translate(20, 120)
-
-    else
-      transformer.translate(50,50)
-
-    if( isoSkew > 0 )
-      transformer.translate(-ISO_MAJOR_OFFSET, 0)
-    transformer
-
-
-  transformFromBaseForViewModel = (baseTransformer,viewModel,withSkew=false)->
-    {origin:{x,y}} = viewModel.get('accessibilityFrame')
-    baseTransformer.push().translate(x,y)
-    if( withSkew )
-      baseTransformer.translate(viewModel.get('depth')*-ISO_MINOR_OFFSET, 0)
-    baseTransformer.descAndPop()
-
-  ErsatzViewSnapshotView = Backbone.View.extend
-    initialize:->
-      @model.on('change:active',_.bind(@updateOpacity,@))
-      @render()
-
-    render: ->
-      frame = @model.get('accessibilityFrame')
-      @el
-        .attr
-          transform: transformFromBaseForViewModel( @options.baseTransformer, @model,true )
-          src: @model.getSnapshotUrl()
-          x: 0
-          y: 0
-          width: frame.size.width
-          height: frame.size.height
-      @updateOpacity()
-      @el
-
-     updateOpacity: ->
-       opacity = ( if @model.get('active') then 1.0 else 0.05 )
-       @el.attr('opacity',opacity)
-
-
-  ErsatzView = Backbone.View.extend
-    el: $('#ui-locator-view')
-
-    initialize: ->
-      _.bindAll( @, 'render' )
-      @model = new ErsatzModel()
-      @highlights = []
-      @paper = new Raphael(@.el)
-      @model.on 'change:baseScreenshotUrl', _.bind(@refreshBaseScreenshot,@)
-      @model.on 'change:isAsploded', _.bind(@render,@)
-      @model.on 'snapshots-refreshed', _.bind(@refreshSnapshots,@)
-      @model.on 'change:highlightFrames', _.bind(@refreshHighlightFrames,@)
-
-    render: ->
-      @highlights = []
-
-      isoSkew = (if @model.get('isAsploded') then ISO_SKEW else 0)
-      @backdropTransformer = drawStaticBackdropAndReturnTransformer(@paper,@model.get('deviceFamily'),@model.get('orientation'),isoSkew)
-      @backdrop = @paper.image()
-      @refreshBaseScreenshot()
-      if @model.get('isAsploded')
-        @backdrop.attr('opacity',0.5)
-        @refreshSnapshots()
-
-      @el
-
-    screenBounds: -> SCREEN_BOUNDS[@model.get('deviceFamily')]
-
-
-    refreshBaseScreenshot: ->
-      newScreenshotUrl = @model.get('baseScreenshotUrl')
-      return unless newScreenshotUrl?
-
-      @backdrop
-        .transform(@backdropTransformer.desc())
-        .attr( @screenBounds() )
-        .attr( 'src', newScreenshotUrl )
-        .toFront()
-
-    refreshSnapshots: ->
-      @model.get('allViews').each (viewModel) =>
-        snapshotView = new ErsatzViewSnapshotView(
-          model: viewModel
-          baseTransformer: @backdropTransformer
-          el: @paper.image()
-        )
-
-    refreshHighlightFrames: ->
-      h.remove() for h in @highlights
-      @highlights = []
-
-      @highlights = _.map @model.get('highlightFrames'), ({origin,size})=>
-        @paper.rect().attr(
-          fill: "#aaff00"
-          opacity: 0.8
-          stroke: "black"
-          transform: @backdropTransformer.push().translate(origin.x,origin.y).descAndPop()
-          x: 0
-          y: 0
-          width: size.width
-          height: size.height
-        )