sc-frank-cucumber 1.2.1.9c95c03.debug → 1.2.1.902fa34

Sign up to get free protection for your applications and to get access to all the features.
Files changed (182) hide show
  1. data/frank-skeleton/frank_static_resources.bundle/bundle/ViewAttributeMapping.plist +63 -0
  2. data/frank-skeleton/frank_static_resources.bundle/bundle/ViewAttributeMappingMac.plist +99 -0
  3. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/ViewAttributeMapping.plist +63 -0
  4. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/ViewAttributeMappingMac.plist +99 -0
  5. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/ajax-loader.gif +0 -0
  6. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/file.gif +0 -0
  7. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/folder-closed.gif +0 -0
  8. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/folder.gif +0 -0
  9. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/loader.gif +0 -0
  10. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/loader.png +0 -0
  11. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/minus.gif +0 -0
  12. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/plus.gif +0 -0
  13. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/treeview-black-line.gif +0 -0
  14. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/treeview-black.gif +0 -0
  15. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/treeview-default-line.gif +0 -0
  16. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/treeview-default.gif +0 -0
  17. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/treeview-famfamfam-line.gif +0 -0
  18. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/treeview-famfamfam.gif +0 -0
  19. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/treeview-gray-line.gif +0 -0
  20. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/treeview-gray.gif +0 -0
  21. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/treeview-red-line.gif +0 -0
  22. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/images/treeview-red.gif +0 -0
  23. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/index.html +86 -0
  24. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/index.html.haml +76 -0
  25. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/accessible_views_view.coffee +41 -0
  26. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/accessible_views_view.js +46 -0
  27. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/controller.coffee +134 -0
  28. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/controller.js +139 -0
  29. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/details_view.coffee +42 -0
  30. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/details_view.js +51 -0
  31. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/dropdown_control.coffee +64 -0
  32. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/dropdown_control.js +73 -0
  33. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/ersatz_model.coffee +46 -0
  34. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/ersatz_model.js +60 -0
  35. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/ersatz_view.coffee +167 -0
  36. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/ersatz_view.js +205 -0
  37. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/experiment_bar_model.coffee +10 -0
  38. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/experiment_bar_model.js +17 -0
  39. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/experiment_bar_view.coffee +44 -0
  40. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/experiment_bar_view.js +63 -0
  41. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/frank.coffee +96 -0
  42. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/frank.js +146 -0
  43. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/lib/backbone.js +1431 -0
  44. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/lib/coffee-script.js +8 -0
  45. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/lib/jquery-ui.min.js +405 -0
  46. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/lib/jquery.min.js +4 -0
  47. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/lib/jquery.treeview.js +251 -0
  48. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/lib/json2.js +481 -0
  49. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/lib/raphael.js +5815 -0
  50. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/lib/require.js +2053 -0
  51. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/lib/underscore.js +1059 -0
  52. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/main.coffee +27 -0
  53. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/main.js +29 -0
  54. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/tabs_controller.coffee +13 -0
  55. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/tabs_controller.js +22 -0
  56. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/toast_controller.coffee +15 -0
  57. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/toast_controller.js +28 -0
  58. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/transform_stack.coffee +59 -0
  59. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/transform_stack.js +78 -0
  60. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/tree_view.coffee +53 -0
  61. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/tree_view.js +64 -0
  62. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/view_hier_model.coffee +37 -0
  63. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/view_hier_model.js +48 -0
  64. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/view_model.coffee +39 -0
  65. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/js/view_model.js +62 -0
  66. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/pictos/index.html +329 -0
  67. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/pictos/pictos-web.eot +0 -0
  68. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/pictos/pictos-web.svg +114 -0
  69. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/pictos/pictos-web.ttf +0 -0
  70. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/pictos/pictos-web.woff +0 -0
  71. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/pictos/pictos.css +20 -0
  72. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/pictos/pictos_base64.css +18 -0
  73. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/css/symbiote.css +1 -0
  74. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/sass/_elements.scss +28 -0
  75. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/sass/_header.scss +61 -0
  76. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/sass/_inspect_tabs_list_tabs.scss +194 -0
  77. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/sass/_jquery.treeview.scss +68 -0
  78. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/sass/_jqui.scss +2 -0
  79. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/sass/_layout.scss +13 -0
  80. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/sass/_mixins.sass +137 -0
  81. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/sass/_reset.scss +32 -0
  82. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/sass/_selector_test_toolbar.scss +81 -0
  83. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/sass/_solarized.scss +16 -0
  84. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/sass/_typography.scss +11 -0
  85. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/sass/_unicode.scss +3 -0
  86. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/sass/_z_index.scss +2 -0
  87. data/frank-skeleton/frank_static_resources.bundle/bundle/bundle/stylesheets/sass/symbiote.scss +26 -0
  88. data/frank-skeleton/frank_static_resources.bundle/bundle/images/ajax-loader.gif +0 -0
  89. data/frank-skeleton/frank_static_resources.bundle/bundle/images/file.gif +0 -0
  90. data/frank-skeleton/frank_static_resources.bundle/bundle/images/folder-closed.gif +0 -0
  91. data/frank-skeleton/frank_static_resources.bundle/bundle/images/folder.gif +0 -0
  92. data/frank-skeleton/frank_static_resources.bundle/bundle/images/loader.gif +0 -0
  93. data/frank-skeleton/frank_static_resources.bundle/bundle/images/loader.png +0 -0
  94. data/frank-skeleton/frank_static_resources.bundle/bundle/images/minus.gif +0 -0
  95. data/frank-skeleton/frank_static_resources.bundle/bundle/images/plus.gif +0 -0
  96. data/frank-skeleton/frank_static_resources.bundle/bundle/images/treeview-black-line.gif +0 -0
  97. data/frank-skeleton/frank_static_resources.bundle/bundle/images/treeview-black.gif +0 -0
  98. data/frank-skeleton/frank_static_resources.bundle/bundle/images/treeview-default-line.gif +0 -0
  99. data/frank-skeleton/frank_static_resources.bundle/bundle/images/treeview-default.gif +0 -0
  100. data/frank-skeleton/frank_static_resources.bundle/bundle/images/treeview-famfamfam-line.gif +0 -0
  101. data/frank-skeleton/frank_static_resources.bundle/bundle/images/treeview-famfamfam.gif +0 -0
  102. data/frank-skeleton/frank_static_resources.bundle/bundle/images/treeview-gray-line.gif +0 -0
  103. data/frank-skeleton/frank_static_resources.bundle/bundle/images/treeview-gray.gif +0 -0
  104. data/frank-skeleton/frank_static_resources.bundle/bundle/images/treeview-red-line.gif +0 -0
  105. data/frank-skeleton/frank_static_resources.bundle/bundle/images/treeview-red.gif +0 -0
  106. data/frank-skeleton/frank_static_resources.bundle/bundle/index.html +86 -0
  107. data/frank-skeleton/frank_static_resources.bundle/bundle/index.html.haml +76 -0
  108. data/frank-skeleton/frank_static_resources.bundle/bundle/js/accessible_views_view.coffee +41 -0
  109. data/frank-skeleton/frank_static_resources.bundle/bundle/js/accessible_views_view.js +46 -0
  110. data/frank-skeleton/frank_static_resources.bundle/bundle/js/controller.coffee +134 -0
  111. data/frank-skeleton/frank_static_resources.bundle/bundle/js/controller.js +139 -0
  112. data/frank-skeleton/frank_static_resources.bundle/bundle/js/details_view.coffee +42 -0
  113. data/frank-skeleton/frank_static_resources.bundle/bundle/js/details_view.js +51 -0
  114. data/frank-skeleton/frank_static_resources.bundle/bundle/js/dropdown_control.coffee +64 -0
  115. data/frank-skeleton/frank_static_resources.bundle/bundle/js/dropdown_control.js +73 -0
  116. data/frank-skeleton/frank_static_resources.bundle/bundle/js/ersatz_model.coffee +46 -0
  117. data/frank-skeleton/frank_static_resources.bundle/bundle/js/ersatz_model.js +60 -0
  118. data/frank-skeleton/frank_static_resources.bundle/bundle/js/ersatz_view.coffee +167 -0
  119. data/frank-skeleton/frank_static_resources.bundle/bundle/js/ersatz_view.js +205 -0
  120. data/frank-skeleton/frank_static_resources.bundle/bundle/js/experiment_bar_model.coffee +10 -0
  121. data/frank-skeleton/frank_static_resources.bundle/bundle/js/experiment_bar_model.js +17 -0
  122. data/frank-skeleton/frank_static_resources.bundle/bundle/js/experiment_bar_view.coffee +44 -0
  123. data/frank-skeleton/frank_static_resources.bundle/bundle/js/experiment_bar_view.js +63 -0
  124. data/frank-skeleton/frank_static_resources.bundle/bundle/js/frank.coffee +96 -0
  125. data/frank-skeleton/frank_static_resources.bundle/bundle/js/frank.js +146 -0
  126. data/frank-skeleton/frank_static_resources.bundle/bundle/js/lib/backbone.js +1431 -0
  127. data/frank-skeleton/frank_static_resources.bundle/bundle/js/lib/coffee-script.js +8 -0
  128. data/frank-skeleton/frank_static_resources.bundle/bundle/js/lib/jquery-ui.min.js +405 -0
  129. data/frank-skeleton/frank_static_resources.bundle/bundle/js/lib/jquery.min.js +4 -0
  130. data/frank-skeleton/frank_static_resources.bundle/bundle/js/lib/jquery.treeview.js +251 -0
  131. data/frank-skeleton/frank_static_resources.bundle/bundle/js/lib/json2.js +481 -0
  132. data/frank-skeleton/frank_static_resources.bundle/bundle/js/lib/raphael.js +5815 -0
  133. data/frank-skeleton/frank_static_resources.bundle/bundle/js/lib/require.js +2053 -0
  134. data/frank-skeleton/frank_static_resources.bundle/bundle/js/lib/underscore.js +1059 -0
  135. data/frank-skeleton/frank_static_resources.bundle/bundle/js/main.coffee +27 -0
  136. data/frank-skeleton/frank_static_resources.bundle/bundle/js/main.js +29 -0
  137. data/frank-skeleton/frank_static_resources.bundle/bundle/js/tabs_controller.coffee +13 -0
  138. data/frank-skeleton/frank_static_resources.bundle/bundle/js/tabs_controller.js +22 -0
  139. data/frank-skeleton/frank_static_resources.bundle/bundle/js/toast_controller.coffee +15 -0
  140. data/frank-skeleton/frank_static_resources.bundle/bundle/js/toast_controller.js +28 -0
  141. data/frank-skeleton/frank_static_resources.bundle/bundle/js/transform_stack.coffee +59 -0
  142. data/frank-skeleton/frank_static_resources.bundle/bundle/js/transform_stack.js +78 -0
  143. data/frank-skeleton/frank_static_resources.bundle/bundle/js/tree_view.coffee +53 -0
  144. data/frank-skeleton/frank_static_resources.bundle/bundle/js/tree_view.js +64 -0
  145. data/frank-skeleton/frank_static_resources.bundle/bundle/js/view_hier_model.coffee +37 -0
  146. data/frank-skeleton/frank_static_resources.bundle/bundle/js/view_hier_model.js +48 -0
  147. data/frank-skeleton/frank_static_resources.bundle/bundle/js/view_model.coffee +39 -0
  148. data/frank-skeleton/frank_static_resources.bundle/bundle/js/view_model.js +62 -0
  149. data/frank-skeleton/frank_static_resources.bundle/bundle/pictos/index.html +329 -0
  150. data/frank-skeleton/frank_static_resources.bundle/bundle/pictos/pictos-web.eot +0 -0
  151. data/frank-skeleton/frank_static_resources.bundle/bundle/pictos/pictos-web.svg +114 -0
  152. data/frank-skeleton/frank_static_resources.bundle/bundle/pictos/pictos-web.ttf +0 -0
  153. data/frank-skeleton/frank_static_resources.bundle/bundle/pictos/pictos-web.woff +0 -0
  154. data/frank-skeleton/frank_static_resources.bundle/bundle/pictos/pictos.css +20 -0
  155. data/frank-skeleton/frank_static_resources.bundle/bundle/pictos/pictos_base64.css +18 -0
  156. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/css/symbiote.css +1 -0
  157. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/sass/_elements.scss +28 -0
  158. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/sass/_header.scss +61 -0
  159. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/sass/_inspect_tabs_list_tabs.scss +194 -0
  160. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/sass/_jquery.treeview.scss +68 -0
  161. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/sass/_jqui.scss +2 -0
  162. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/sass/_layout.scss +13 -0
  163. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/sass/_mixins.sass +137 -0
  164. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/sass/_reset.scss +32 -0
  165. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/sass/_selector_test_toolbar.scss +81 -0
  166. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/sass/_solarized.scss +16 -0
  167. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/sass/_typography.scss +11 -0
  168. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/sass/_unicode.scss +3 -0
  169. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/sass/_z_index.scss +2 -0
  170. data/frank-skeleton/frank_static_resources.bundle/bundle/stylesheets/sass/symbiote.scss +26 -0
  171. data/frank-skeleton/libCocoaAsyncSocket.a +0 -0
  172. data/frank-skeleton/libCocoaAsyncSocketMac.a +0 -0
  173. data/frank-skeleton/libCocoaHTTPServer.a +0 -0
  174. data/frank-skeleton/libCocoaHTTPServerMac.a +0 -0
  175. data/frank-skeleton/libCocoaLumberjack.a +0 -0
  176. data/frank-skeleton/libCocoaLumberjackMac.a +0 -0
  177. data/frank-skeleton/libFrank.a +0 -0
  178. data/frank-skeleton/libFrankMac.a +0 -0
  179. data/frank-skeleton/libShelley.a +0 -0
  180. data/lib/frank-cucumber/frank_helper.rb +0 -27
  181. data/lib/frank-cucumber/version.rb +1 -1
  182. metadata +175 -5
@@ -0,0 +1,76 @@
1
+ !!! 5
2
+ %html
3
+ %head
4
+ %meta(charset="utf-8")
5
+ %title Symbiote
6
+
7
+ %script(src="js/lib/jquery.min.js")
8
+ %script(src="js/lib/jquery-ui.min.js")
9
+ %script(src="js/lib/jquery.treeview.js")
10
+ %script(src="js/lib/coffee-script.js")
11
+ %script(src="js/lib/raphael.js")
12
+ %script(src="js/lib/underscore.js")
13
+ %script(src="js/lib/backbone.js")
14
+ %script(src="js/lib/json2.js")
15
+
16
+ %script(data-main="/js/main" src="js/lib/require.js")
17
+
18
+ %link(href="/stylesheets/css/symbiote.css" rel="stylesheet")
19
+ %link(href="pictos/pictos.css" rel="stylesheet")
20
+
21
+ %body
22
+ %header#header
23
+ %h1 symbiote
24
+ .toast
25
+ #refresh
26
+ %button#dump_button
27
+ %span
28
+
29
+ %section.symbiote_shell
30
+ %article#selector-test
31
+ .wrap.outter<>
32
+ %label.selector-engine-label use
33
+ .selector-engine.dropdown
34
+
35
+ .wrap.middle<>
36
+ %label.query<> to select views matching
37
+ %input#query(placeholder="Selector label marked:'Search'")<>
38
+
39
+ .wrap.outter>
40
+ %label and then
41
+ .action-buttons.dropdown
42
+
43
+ %section.the-columns
44
+ #list-tabs
45
+ %ul
46
+ %li
47
+ %a(href="#dom-dump") View Hierarchy
48
+ %li
49
+ %a(href="#accessible-views-tab") Accessible Elements
50
+ #dom-dump
51
+ %ul
52
+ #accessible-views-tab
53
+ %div.hints
54
+ %p Here is a list of all elements with accessibility labels.
55
+ %p Clicking on a row will flash that view element in the simulator. Hover over a row to see the selector used to flash that view element.
56
+ #accessible-views
57
+
58
+ #inspect-tabs
59
+ %ul
60
+ %li
61
+ %a(href="#dom-detail") View Properties
62
+ %li
63
+ %a(href="#ui-locator") View Locator
64
+ #ui-locator
65
+ #live-view
66
+ %button
67
+ Live
68
+ %span Y
69
+ #asploder
70
+ %button
71
+ Asplode
72
+ %button#ui-locator-rotator 1
73
+ #ui-locator-view
74
+
75
+ #dom-detail
76
+ %p Click an element in the view hierarchy on the right to see details of that element here.
@@ -0,0 +1,41 @@
1
+ define ->
2
+ AccessibleViewItemView = Backbone.View.extend
3
+ tagName: 'div'
4
+
5
+ events:
6
+ "click": "clicked"
7
+ "mouseover":"mousedover"
8
+ "mouseout":"mousedout"
9
+
10
+ render: ->
11
+ @$el.empty().append( """
12
+ <a href="#" title="#{@model.getShelleySelector()}">
13
+ <span class="viewClass">#{@model.get('class')}</span>
14
+ with label
15
+ "<span class="viewLabel">#{@model.get('accessibilityLabel')}</span>"
16
+ </a>
17
+ """)
18
+ @
19
+
20
+ mousedover: -> @model.setActive()
21
+ mousedout: -> @model.unsetActive()
22
+
23
+ clicked: ->
24
+ @model.trigger( 'accessible-selected', @model )
25
+
26
+
27
+ AccessibleViewsView = Backbone.View.extend
28
+ el: $('#accessible-views')
29
+
30
+ initialize: ->
31
+ @collection = new Backbone.Collection
32
+ @collection.on 'reset', _.bind(@render,@)
33
+
34
+
35
+ render: ->
36
+ @$el.empty()
37
+ @collection.each (viewModel) =>
38
+ @$el.append( new AccessibleViewItemView(model:viewModel).render().el )
39
+ @
40
+
41
+ AccessibleViewsView
@@ -0,0 +1,46 @@
1
+ (function() {
2
+
3
+ define(function() {
4
+ var AccessibleViewItemView, AccessibleViewsView;
5
+ AccessibleViewItemView = Backbone.View.extend({
6
+ tagName: 'div',
7
+ events: {
8
+ "click": "clicked",
9
+ "mouseover": "mousedover",
10
+ "mouseout": "mousedout"
11
+ },
12
+ render: function() {
13
+ this.$el.empty().append("<a href=\"#\" title=\"" + (this.model.getShelleySelector()) + "\">\n <span class=\"viewClass\">" + (this.model.get('class')) + "</span>\n with label\n \"<span class=\"viewLabel\">" + (this.model.get('accessibilityLabel')) + "</span>\"\n</a>");
14
+ return this;
15
+ },
16
+ mousedover: function() {
17
+ return this.model.setActive();
18
+ },
19
+ mousedout: function() {
20
+ return this.model.unsetActive();
21
+ },
22
+ clicked: function() {
23
+ return this.model.trigger('accessible-selected', this.model);
24
+ }
25
+ });
26
+ AccessibleViewsView = Backbone.View.extend({
27
+ el: $('#accessible-views'),
28
+ initialize: function() {
29
+ this.collection = new Backbone.Collection;
30
+ return this.collection.on('reset', _.bind(this.render, this));
31
+ },
32
+ render: function() {
33
+ var _this = this;
34
+ this.$el.empty();
35
+ this.collection.each(function(viewModel) {
36
+ return _this.$el.append(new AccessibleViewItemView({
37
+ model: viewModel
38
+ }).render().el);
39
+ });
40
+ return this;
41
+ }
42
+ });
43
+ return AccessibleViewsView;
44
+ });
45
+
46
+ }).call(this);
@@ -0,0 +1,134 @@
1
+ RELOAD_INTERVAL = 500
2
+
3
+ guessAtDeviceFamilyBasedOnViewDump = (viewHier)->
4
+ switch viewHier.accessibilityFrame.size.height
5
+ when 1024 then 'ipad'
6
+ when 480, 568 then 'iphone'
7
+ else
8
+ console.warn( "couldn't recognize device family based on screen height of " + viewHeir.accessibilityFrame.size.height + "px" )
9
+ 'unknown'
10
+
11
+ define ['frank'],(frank)->
12
+
13
+ createController = ({
14
+ tabsController,
15
+ toastController,
16
+ treeView,
17
+ ersatzView,
18
+ detailsView,
19
+ accessibleViewsView,
20
+ experimentBarModel,
21
+ $asplodeButton,
22
+ $reloadButton,
23
+ $liveButton})->
24
+
25
+ treeView.model.on 'active-view-changed', (viewModel)->
26
+
27
+ treeView.model.on 'selected-view-changed', (viewModel)->
28
+ detailsView.updateModel(viewModel)
29
+ tabsController.selectViewDetailsTab()
30
+
31
+ treeView.model.on 'accessible-view-selected', (viewModel)->
32
+ viewModel.setActive()
33
+ experimentBarModel.set( selector: viewModel.getShelleySelector() )
34
+
35
+
36
+ reportActionOutcome = (action,numViews)->
37
+ message = switch numViews
38
+ when 0 then "Sorry, no views matched that selector so none were #{action}"
39
+ when 1 then "1 view was #{action}"
40
+ else "#{numViews} views were #{action}"
41
+ toastController.showToastMessage(message)
42
+
43
+ validateViewSelector = (selector)->
44
+ if selector.length == 0
45
+ toastController.showToastMessage("You haven't provided a view selector. Please enter one below.")
46
+ false
47
+ else
48
+ true
49
+
50
+
51
+ experimentBarModel.on 'flash-clicked', (model)->
52
+ [selector, selectorEngine] = [model.get('selector'), model.get('selectorEngine')]
53
+ return unless validateViewSelector(selector)
54
+ frank.sendFlashCommand(
55
+ selector,
56
+ selectorEngine
57
+ ).done (data)->
58
+ reportActionOutcome( "flashed", data.length )
59
+
60
+ experimentBarModel.on 'touch-clicked', (model)->
61
+ [selector, selectorEngine] = [model.get('selector'), model.get('selectorEngine')]
62
+ return unless validateViewSelector(selector)
63
+
64
+ views = frank.sendTouchCommand(
65
+ selector,
66
+ selectorEngine
67
+ ).done (data)->
68
+ reportActionOutcome( "touched", data.length )
69
+
70
+ experimentBarModel.on 'highlight-clicked', (model)->
71
+ [selector, selectorEngine] = [model.get('selector'), model.get('selectorEngine')]
72
+ return unless validateViewSelector(selector)
73
+
74
+ views = frank.getAccessibilityFramesForViewsMatchingSelector(
75
+ selector,
76
+ selectorEngine
77
+ ).done (data)->
78
+ ersatzView.model.highlightSomeFramesForABit( data )
79
+ reportActionOutcome( "highlighted", data.length )
80
+
81
+ $asplodeButton.on 'click', ->
82
+ isAsploded = ersatzView.model.toggleAsploded()
83
+ $asplodeButton.toggleClass( 'down', isAsploded )
84
+
85
+ $reloadButton.on 'click', ->
86
+ reload().done ->
87
+ toastController.showToastMessage('views reloaded')
88
+
89
+ liveTimeout = undefined
90
+ reloadLoop = ->
91
+ reload()
92
+ liveTimeout = window.setTimeout( reloadLoop, RELOAD_INTERVAL )
93
+
94
+ $liveButton.on 'click', ->
95
+ window.clearTimeout(liveTimeout) if liveTimeout?
96
+
97
+ if $liveButton.hasClass('down')
98
+ toastController.showToastMessage('leaving live mode')
99
+ $liveButton.removeClass('down')
100
+ else
101
+ reloadLoop()
102
+ toastController.showToastMessage('entering live mode')
103
+ $liveButton.addClass('down')
104
+
105
+ reload = ->
106
+ deferable = $.Deferred()
107
+ $.when( frank.fetchViewHierarchy(), frank.fetchOrientation() ).done( ([rawHier,],orientation)->
108
+ deviceFamily = guessAtDeviceFamilyBasedOnViewDump(rawHier)
109
+
110
+ treeView.model.resetViewHier(rawHier)
111
+ ersatzView.model.resetViews(treeView.model.get('allViews'),deviceFamily,orientation)
112
+
113
+ accessibleViews = treeView.model.getAccessibleViews()
114
+ accessibleViewsView.collection.reset( accessibleViews )
115
+
116
+ ersatzView.render()
117
+ deferable.resolve()
118
+ ).fail( (args...)->
119
+ toastController.showToastMessage('encountered an error while talking to Frank')
120
+ window.alert( "Ruh roh. Encountered an error while talking to Frank.\nSee the javascript console for all the details" )
121
+ console.log( "Failed while talking to Frank.", args )
122
+ )
123
+
124
+ deferable.promise()
125
+
126
+ boot = ->
127
+ tabsController.selectLocatorTab()
128
+ reload()
129
+
130
+ {
131
+ boot: boot
132
+ }
133
+
134
+ createController
@@ -0,0 +1,139 @@
1
+ (function() {
2
+ var RELOAD_INTERVAL,
3
+ __slice = [].slice;
4
+
5
+ RELOAD_INTERVAL = 500;
6
+
7
+ define(['frank'], function(frank) {
8
+ var createController;
9
+ createController = function(_arg) {
10
+ var $asplodeButton, $liveButton, $reloadButton, accessibleViewsView, boot, detailsView, ersatzView, experimentBarModel, liveTimeout, reload, reloadLoop, reportActionOutcome, tabsController, toastController, treeView, validateViewSelector;
11
+ 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;
12
+ treeView.model.on('active-view-changed', function(viewModel) {});
13
+ treeView.model.on('selected-view-changed', function(viewModel) {
14
+ detailsView.updateModel(viewModel);
15
+ return tabsController.selectViewDetailsTab();
16
+ });
17
+ treeView.model.on('accessible-view-selected', function(viewModel) {
18
+ viewModel.setActive();
19
+ return experimentBarModel.set({
20
+ selector: viewModel.getShelleySelector()
21
+ });
22
+ });
23
+ reportActionOutcome = function(action, numViews) {
24
+ var message;
25
+ message = (function() {
26
+ switch (numViews) {
27
+ case 0:
28
+ return "Sorry, no views matched that selector so none were " + action;
29
+ case 1:
30
+ return "1 view was " + action;
31
+ default:
32
+ return "" + numViews + " views were " + action;
33
+ }
34
+ })();
35
+ return toastController.showToastMessage(message);
36
+ };
37
+ validateViewSelector = function(selector) {
38
+ if (selector.length === 0) {
39
+ toastController.showToastMessage("You haven't provided a view selector. Please enter one below.");
40
+ return false;
41
+ } else {
42
+ return true;
43
+ }
44
+ };
45
+ experimentBarModel.on('flash-clicked', function(model) {
46
+ var selector, selectorEngine, _ref;
47
+ _ref = [model.get('selector'), model.get('selectorEngine')], selector = _ref[0], selectorEngine = _ref[1];
48
+ if (!validateViewSelector(selector)) {
49
+ return;
50
+ }
51
+ return frank.sendFlashCommand(selector, selectorEngine).done(function(data) {
52
+ return reportActionOutcome("flashed", data.length);
53
+ });
54
+ });
55
+ experimentBarModel.on('touch-clicked', function(model) {
56
+ var selector, selectorEngine, views, _ref;
57
+ _ref = [model.get('selector'), model.get('selectorEngine')], selector = _ref[0], selectorEngine = _ref[1];
58
+ if (!validateViewSelector(selector)) {
59
+ return;
60
+ }
61
+ return views = frank.sendTouchCommand(selector, selectorEngine).done(function(data) {
62
+ return reportActionOutcome("touched", data.length);
63
+ });
64
+ });
65
+ experimentBarModel.on('highlight-clicked', function(model) {
66
+ var selector, selectorEngine, views, _ref;
67
+ _ref = [model.get('selector'), model.get('selectorEngine')], selector = _ref[0], selectorEngine = _ref[1];
68
+ if (!validateViewSelector(selector)) {
69
+ return;
70
+ }
71
+ return views = frank.getAccessibilityFramesForViewsMatchingSelector(selector, selectorEngine).done(function(data) {
72
+ ersatzView.model.highlightSomeFramesForABit(data);
73
+ return reportActionOutcome("highlighted", data.length);
74
+ });
75
+ });
76
+ $asplodeButton.on('click', function() {
77
+ var isAsploded;
78
+ isAsploded = ersatzView.model.toggleAsploded();
79
+ return $asplodeButton.toggleClass('down', isAsploded);
80
+ });
81
+ $reloadButton.on('click', function() {
82
+ return reload().done(function() {
83
+ return toastController.showToastMessage('views reloaded');
84
+ });
85
+ });
86
+ liveTimeout = void 0;
87
+ reloadLoop = function() {
88
+ reload();
89
+ return liveTimeout = window.setTimeout(reloadLoop, RELOAD_INTERVAL);
90
+ };
91
+ $liveButton.on('click', function() {
92
+ if (liveTimeout != null) {
93
+ window.clearTimeout(liveTimeout);
94
+ }
95
+ if ($liveButton.hasClass('down')) {
96
+ toastController.showToastMessage('leaving live mode');
97
+ return $liveButton.removeClass('down');
98
+ } else {
99
+ reloadLoop();
100
+ toastController.showToastMessage('entering live mode');
101
+ return $liveButton.addClass('down');
102
+ }
103
+ });
104
+ reload = function() {
105
+ var deferable;
106
+ deferable = $.Deferred();
107
+ $.when(frank.fetchViewHierarchy(), frank.fetchResolution(), frank.fetchOrientation(), frank.fetchDevice()).done(function(_arg1, resolution, orientation, deviceFamily) {
108
+ var accessibleViews, rawHier;
109
+ rawHier = _arg1[0];
110
+ if (deviceFamily == 'mac') {
111
+ $liveButton.hide();
112
+ }
113
+ treeView.model.resetViewHier(rawHier);
114
+ ersatzView.model.resetViews(treeView.model.get('allViews'), resolution, deviceFamily, orientation);
115
+ accessibleViews = treeView.model.getAccessibleViews();
116
+ accessibleViewsView.collection.reset(accessibleViews);
117
+ ersatzView.render();
118
+ return deferable.resolve();
119
+ }).fail(function() {
120
+ var args;
121
+ args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
122
+ toastController.showToastMessage('encountered an error while talking to Frank');
123
+ window.alert("Ruh roh. Encountered an error while talking to Frank.\nSee the javascript console for all the details");
124
+ return console.log("Failed while talking to Frank.", args);
125
+ });
126
+ return deferable.promise();
127
+ };
128
+ boot = function() {
129
+ tabsController.selectLocatorTab();
130
+ return reload();
131
+ };
132
+ return {
133
+ boot: boot
134
+ };
135
+ };
136
+ return createController;
137
+ });
138
+
139
+ }).call(this);
@@ -0,0 +1,42 @@
1
+ INTERESTING_PROPERTIES = ['class', 'accessibilityLabel', 'tag', 'alpha', 'isHidden']
2
+ IRREGULAR_PROPERTIES = INTERESTING_PROPERTIES.concat( 'parent', 'subviews', 'children' )
3
+
4
+ renderListItem = ( propertyName, propertyValue, cssClass )->
5
+ propertyValue ?= 'null'
6
+
7
+ if _.isObject( propertyValue )
8
+ propertyValue = JSON.stringify(propertyValue)
9
+
10
+ $("<li>").addClass(cssClass)
11
+ .append(
12
+ $('<div/>').addClass('key').text(propertyName),
13
+ $('<div/>').addClass('value').text(propertyValue)
14
+ )
15
+
16
+ define ->
17
+ DetailsView = Backbone.View.extend
18
+ el: $('#dom-detail')
19
+
20
+ updateModel: (model)->
21
+ @model = model
22
+ @refresh()
23
+
24
+ refresh: ->
25
+ $ul = $('<ul>')
26
+
27
+ for prop in INTERESTING_PROPERTIES
28
+ if @model.has(prop)
29
+ val = @model.get(prop)
30
+ $ul.append( renderListItem( prop, val, 'interesting' ) )
31
+
32
+ for prop in _.keys(@model.attributes).sort()
33
+ continue if _.contains( IRREGULAR_PROPERTIES, prop )
34
+
35
+ val = @model.get(prop)
36
+ $ul.append( renderListItem( prop, val ) )
37
+
38
+ @$el.empty().append($ul)
39
+
40
+
41
+
42
+ DetailsView