red-glass 0.0.6 → 0.1.0

data/lib/red-glass/red-glass-js/serialize-dom.js

@@ -0,0 +1,62 @@
+var domgun = {}; domgun.query = jQuery.noConflict();
+var uniqueIds = [];
+
+function toInt(n){ return Math.round(Number(n)); };
+
+function isUniqueId(id, idArray){
+    return domgun.query.inArray(id, idArray) == -1 ? true : false;
+}
+
+function getPath($thing)
+{
+    elt = $thing[0];
+    var path = '';
+    for (; elt && elt.nodeType == 1; elt = elt.parentNode)
+    {
+        var idx = domgun.query(elt.parentNode).children(elt.tagName).index(elt) + 1;
+        if(elt.tagName.substring(0,1) != "/"){//Internet explorer oddity- some tagnames can begin with backslash.
+            if(elt.id != 'undefined' && elt.id !='' && isUniqueId(elt.id, uniqueIds)){
+                uniqueIds.push(elt.id);
+                idPath="[@id=" + "'" + elt.id + "'" + "]";
+                path = '/' + elt.tagName.toLowerCase() + idPath + path;
+            }
+            else{
+                idx='[' + idx + ']';
+                path = '/' + elt.tagName.toLowerCase() + idx + path;
+            }
+        }
+    }
+    return path;
+}
+
+function hasText($thing){
+    var isTxt = true;
+    if($thing.text() == ""){
+        isTxt = false;
+    }
+    return isTxt;
+}
+
+function isVisible($thing) {
+    return $thing.is(':visible');
+}
+
+function RecurseDomJSON($item, domJSON) {
+    $item.each(function() {
+        try{
+            domJSON += '{"tagName":' + '"' + domgun.query(this).get(0).tagName + '"' + ',' + '"id":' + '"' +
+                domgun.query(this).attr("id") + '"' + ',' + '"top":' + '"' + toInt(domgun.query(this).offset().top) + '"' +
+                ',' + '"left":' + '"' + toInt(domgun.query(this).offset().left) + '"' +
+                ',' + '"xpath":' + '"' + getPath(domgun.query(this)) + '"' +
+                ',' + '"width":' + '"' + toInt(domgun.query(this).width()) + '"' +
+                ',' + '"height":' + '"' + toInt(domgun.query(this).height()) + '"' +
+                ',' + '"isVisible":' + '"' + isVisible(domgun.query(this)) + '"' +
+                ',' + '"hasText":' + '"' + hasText(domgun.query(this)) +'"},\n\t' ;
+        }
+        catch(err){
+
+        }
+    });
+    uniqueIds = [];
+    return domJSON;
+}

data/lib/red-glass/red_glass.rb

@@ -3,7 +3,7 @@ require "uuid"
 require "net/http"
 
 class RedGlass
-  attr_accessor :driver, :test_id, :opts, :port, :pid, :recording
+  attr_accessor :driver, :test_id, :opts, :port, :pid, :recording, :event_sequence, :page_metadata, :archive_dir
 
   PROJ_ROOT = File.dirname(__FILE__).to_s
 
@@ -11,14 +11,15 @@ class RedGlass
     @driver = driver
     @opts = opts
     opts[:listener].red_glass = self if opts[:listener]
+    @test_id = opts[:test_id] || UUID.new.generate
+    @event_sequence = []
+    @page_metadata = {}
     @recording = false
   end
 
   def start
     set_config
     start_server
-    uuid = UUID.new
-    @test_id = uuid.generate
     load_js
     @recording = true
   end
@@ -38,6 +39,15 @@ class RedGlass
     @recording = false
   end
 
+  def take_snapshot
+    capture_page_metadata
+    create_page_archive_directory
+    take_screenshot
+    capture_page_source
+    serialize_dom
+    write_metadata
+  end
+
   private
 
   def is_server_ready?(time_limit=30)
@@ -59,7 +69,7 @@ class RedGlass
 
   def start_server
     if !is_server_ready? 1
-      @pid = Process.spawn("ruby","#{PROJ_ROOT}/red-glass-app.rb")
+      @pid = Process.spawn("ruby","#{PROJ_ROOT}/red-glass-app/red-glass-app.rb")
       raise "Red Glass server could not bet started." if !is_server_ready?
       Process.detach @pid
     end
@@ -79,19 +89,19 @@ class RedGlass
 
   def load_jQuery
     has_jQuery = @driver.execute_script "var hasJQuery = typeof jQuery == 'function' ? true : false; return hasJQuery"
-    raw_js = File.open(File.expand_path("#{PROJ_ROOT}/public/scripts/jquery-1.8.0.min.js"), 'rb').read
+    raw_js = File.open(File.expand_path("#{PROJ_ROOT}/red-glass-app/public/scripts/jquery-1.8.0.min.js"), 'rb').read
     @driver.execute_script raw_js if !has_jQuery
   end
 
   def load_json2
     has_old_json = @driver.execute_script "var hasOldJSON = typeof JSON.license == 'undefined' ? false : true; return hasOldJSON"
     @driver.execute_script "delete JSON" if has_old_json
-    raw_js = File.open(File.expand_path("#{PROJ_ROOT}/public/scripts/json2.js"), 'rb').read
+    raw_js = File.open(File.expand_path("#{PROJ_ROOT}/red-glass-js/json2.js"), 'rb').read
     @driver.execute_script raw_js
   end
 
   def load_get_path
-    raw_js = File.open(File.expand_path("#{PROJ_ROOT}/public/scripts/jquery.getpath.js"), 'rb').read
+    raw_js = File.open(File.expand_path("#{PROJ_ROOT}/red-glass-js/jquery.getpath.js"), 'rb').read
     @driver.execute_script raw_js
   end
 
@@ -100,10 +110,73 @@ class RedGlass
   end
 
   def load_red_glass_js
-    raw_js = File.open(File.expand_path("#{PROJ_ROOT}/public/scripts/jquery.red-glass-0.1.0.js"), 'rb').read
+    raw_js = File.open(File.expand_path("#{PROJ_ROOT}/red-glass-js/jquery.red-glass-0.1.0.js"), 'rb').read
     @driver.execute_script raw_js if !has_red_glass_js?
     @driver.execute_script("jQuery(document).redGlass('#{@test_id}', '#{@port}')")
     #@driver.execute_script "jQuery.noConflict(true)"
   end
 
+  def create_page_archive_directory
+    detect_archive_location
+    unless @archive_dir
+      @archive_dir = "#{@opts[:archive_location].chomp('/')}/#{@test_id}"
+      Dir::mkdir @archive_dir unless File.directory? @archive_dir
+    end
+    Dir::mkdir construct_page_archive_path
+  end
+
+  def construct_page_archive_path
+    "#{@archive_dir}/#{@page_metadata[:browser][:name]}_#{@page_metadata[:browser][:version]}_#{@page_metadata[:time]}"
+  end
+
+  def detect_archive_location
+    unless @opts[:archive_location] && File.directory?(@opts[:archive_location])
+      raise 'You must specify a valid archive location by passing an :archive_location option into the RedGlass initializer.'
+    end
+  end
+
+  def capture_page_metadata
+    @page_metadata[:test_id] = @test_id
+    @page_metadata[:time] = Time.now.to_i
+    @page_metadata[:page_url] = @driver.current_url
+    @page_metadata[:browser] = {name: @driver.capabilities[:browser_name],
+                                        version: @driver.capabilities[:version],
+                                        platform: @driver.capabilities[:platform].to_s}
+    @page_metadata[:event_sequence] = @event_sequence
+  end
+
+  def take_screenshot
+    @driver.save_screenshot "#{construct_page_archive_path}/screenshot.png"
+  end
+
+  def capture_page_source
+    File.open("#{construct_page_archive_path}/source.html", 'w') { |file| file.write @driver.page_source }
+  end
+
+  def write_metadata
+    File.open("#{construct_page_archive_path}/metadata.json", 'w') { |file| file.write @page_metadata.to_json }
+  end
+
+  def write_serialized_dom(dom_json_string)
+    File.open("#{construct_page_archive_path}/dom.json", 'w') { |file| file.write dom_json_string }
+  end
+
+  def serialize_dom
+    dom_json_string = "{\n\t\"browser\":" + "\"" + @page_metadata[:browser][:name] + "\","
+    dom_json_string += "\n\t\"elements\":\n\t[\n\t"
+    serialize_dom_js_string = stringify_serialize_dom_js
+    dom_json_string += @driver.execute_script(serialize_dom_js_string + " return RecurseDomJSON(domgun.query('*'),'')")
+    dom_json_string = dom_json_string[0, (dom_json_string.length - 3)] + "\n\t]\n}"
+    @page_metadata[:doc_width] = @driver.execute_script(serialize_dom_js_string + " return domgun.query(document).width()")
+    @page_metadata[:doc_height] = @driver.execute_script(serialize_dom_js_string + " return domgun.query(document).height()")
+    write_serialized_dom dom_json_string
+  end
+
+  def stringify_serialize_dom_js
+    domgun_recurse_dom_file = File.open("#{PROJ_ROOT}/red-glass-js/serialize-dom.js", 'rb')
+    domgun_recurse_dom_string = domgun_recurse_dom_file.read
+    domgun_recurse_dom_file.close
+    domgun_recurse_dom_string
+  end
+
 end

data/lib/red-glass/red_glass_listener.rb

@@ -3,15 +3,29 @@ require 'selenium/webdriver/support/abstract_event_listener'
 class RedGlassListener < Selenium::WebDriver::Support::AbstractEventListener
   attr_accessor :red_glass
 
+  def before_change_value_of(element, driver)
+    @red_glass.event_sequence << {:change_value => element.tag_name}
+  end
+
+  def before_click(element, driver)
+    @red_glass.event_sequence << {:click => element.tag_name}
+  end
+
   def after_navigate_back(driver)
+    @red_glass.event_sequence.clear
+    @red_glass.page_metadata = {}
     @red_glass.reload
   end
 
   def after_navigate_forward(driver)
+    @red_glass.event_sequence.clear
+    @red_glass.page_metadata = {}
     @red_glass.reload
   end
 
   def after_navigate_to(url, driver)
+    @red_glass.event_sequence.clear
+    @red_glass.page_metadata = {}
     @red_glass.reload
   end
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: red-glass
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.1.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-05-18 00:00:00.000000000 Z
+date: 2013-05-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sinatra
@@ -147,77 +147,78 @@ extensions: []
 extra_rdoc_files: []
 files:
 - lib/red-glass/Gemfile~
-- lib/red-glass/public/images/ajax-loader.gif
-- lib/red-glass/public/images/rg-logo.png
-- lib/red-glass/public/scripts/jquery-1.8.0.min.js
-- lib/red-glass/public/scripts/jquery-ui-1.8.23.custom.min.js
-- lib/red-glass/public/scripts/jquery.getpath.js
-- lib/red-glass/public/scripts/jquery.red-glass-0.1.0.js
-- lib/red-glass/public/scripts/json2.js
-- lib/red-glass/public/scripts/prettify/lang-apollo.js
-- lib/red-glass/public/scripts/prettify/lang-clj.js
-- lib/red-glass/public/scripts/prettify/lang-css.js
-- lib/red-glass/public/scripts/prettify/lang-go.js
-- lib/red-glass/public/scripts/prettify/lang-hs.js
-- lib/red-glass/public/scripts/prettify/lang-lisp.js
-- lib/red-glass/public/scripts/prettify/lang-lua.js
-- lib/red-glass/public/scripts/prettify/lang-ml.js
-- lib/red-glass/public/scripts/prettify/lang-n.js
-- lib/red-glass/public/scripts/prettify/lang-proto.js
-- lib/red-glass/public/scripts/prettify/lang-scala.js
-- lib/red-glass/public/scripts/prettify/lang-sql.js
-- lib/red-glass/public/scripts/prettify/lang-tex.js
-- lib/red-glass/public/scripts/prettify/lang-vb.js
-- lib/red-glass/public/scripts/prettify/lang-vhdl.js
-- lib/red-glass/public/scripts/prettify/lang-wiki.js
-- lib/red-glass/public/scripts/prettify/lang-xq.js
-- lib/red-glass/public/scripts/prettify/lang-yaml.js
-- lib/red-glass/public/scripts/prettify/prettify.js
-- lib/red-glass/public/scripts/red-glass-app.js
-- lib/red-glass/public/stylesheets/blueprint/ie.css
-- lib/red-glass/public/stylesheets/blueprint/plugins/buttons/icons/cross.png
-- lib/red-glass/public/stylesheets/blueprint/plugins/buttons/icons/key.png
-- lib/red-glass/public/stylesheets/blueprint/plugins/buttons/icons/tick.png
-- lib/red-glass/public/stylesheets/blueprint/plugins/buttons/readme.txt
-- lib/red-glass/public/stylesheets/blueprint/plugins/buttons/screen.css
-- lib/red-glass/public/stylesheets/blueprint/plugins/fancy-type/readme.txt
-- lib/red-glass/public/stylesheets/blueprint/plugins/fancy-type/screen.css
-- lib/red-glass/public/stylesheets/blueprint/plugins/link-icons/icons/doc.png
-- lib/red-glass/public/stylesheets/blueprint/plugins/link-icons/icons/email.png
-- lib/red-glass/public/stylesheets/blueprint/plugins/link-icons/icons/external.png
-- lib/red-glass/public/stylesheets/blueprint/plugins/link-icons/icons/feed.png
-- lib/red-glass/public/stylesheets/blueprint/plugins/link-icons/icons/im.png
-- lib/red-glass/public/stylesheets/blueprint/plugins/link-icons/icons/lock.png
-- lib/red-glass/public/stylesheets/blueprint/plugins/link-icons/icons/pdf.png
-- lib/red-glass/public/stylesheets/blueprint/plugins/link-icons/icons/visited.png
-- lib/red-glass/public/stylesheets/blueprint/plugins/link-icons/icons/xls.png
-- lib/red-glass/public/stylesheets/blueprint/plugins/link-icons/readme.txt
-- lib/red-glass/public/stylesheets/blueprint/plugins/link-icons/screen.css
-- lib/red-glass/public/stylesheets/blueprint/plugins/rtl/readme.txt
-- lib/red-glass/public/stylesheets/blueprint/plugins/rtl/screen.css
-- lib/red-glass/public/stylesheets/blueprint/print.css
-- lib/red-glass/public/stylesheets/blueprint/screen.css
-- lib/red-glass/public/stylesheets/prettify.css
-- lib/red-glass/public/stylesheets/red-glass.css
-- lib/red-glass/public/stylesheets/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
-- lib/red-glass/public/stylesheets/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
-- lib/red-glass/public/stylesheets/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
-- lib/red-glass/public/stylesheets/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
-- lib/red-glass/public/stylesheets/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
-- lib/red-glass/public/stylesheets/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
-- lib/red-glass/public/stylesheets/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
-- lib/red-glass/public/stylesheets/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
-- lib/red-glass/public/stylesheets/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
-- lib/red-glass/public/stylesheets/ui-lightness/images/ui-icons_222222_256x240.png
-- lib/red-glass/public/stylesheets/ui-lightness/images/ui-icons_228ef1_256x240.png
-- lib/red-glass/public/stylesheets/ui-lightness/images/ui-icons_ef8c08_256x240.png
-- lib/red-glass/public/stylesheets/ui-lightness/images/ui-icons_ffd27a_256x240.png
-- lib/red-glass/public/stylesheets/ui-lightness/images/ui-icons_ffffff_256x240.png
-- lib/red-glass/public/stylesheets/ui-lightness/jquery-ui-1.8.23.custom.css
-- lib/red-glass/red-glass-app.rb
+- lib/red-glass/red-glass-app/public/images/ajax-loader.gif
+- lib/red-glass/red-glass-app/public/images/rg-logo.png
+- lib/red-glass/red-glass-app/public/scripts/jquery-1.8.0.min.js
+- lib/red-glass/red-glass-app/public/scripts/jquery-ui-1.8.23.custom.min.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-apollo.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-clj.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-css.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-go.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-hs.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-lisp.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-lua.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-ml.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-n.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-proto.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-scala.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-sql.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-tex.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-vb.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-vhdl.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-wiki.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-xq.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/lang-yaml.js
+- lib/red-glass/red-glass-app/public/scripts/prettify/prettify.js
+- lib/red-glass/red-glass-app/public/scripts/red-glass-app.js
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/ie.css
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/buttons/icons/cross.png
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/buttons/icons/key.png
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/buttons/icons/tick.png
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/buttons/readme.txt
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/buttons/screen.css
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/fancy-type/readme.txt
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/fancy-type/screen.css
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/link-icons/icons/doc.png
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/link-icons/icons/email.png
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/link-icons/icons/external.png
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/link-icons/icons/feed.png
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/link-icons/icons/im.png
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/link-icons/icons/lock.png
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/link-icons/icons/pdf.png
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/link-icons/icons/visited.png
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/link-icons/icons/xls.png
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/link-icons/readme.txt
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/link-icons/screen.css
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/rtl/readme.txt
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/plugins/rtl/screen.css
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/print.css
+- lib/red-glass/red-glass-app/public/stylesheets/blueprint/screen.css
+- lib/red-glass/red-glass-app/public/stylesheets/prettify.css
+- lib/red-glass/red-glass-app/public/stylesheets/red-glass.css
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/images/ui-icons_222222_256x240.png
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/images/ui-icons_228ef1_256x240.png
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/images/ui-icons_ef8c08_256x240.png
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/images/ui-icons_ffd27a_256x240.png
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/images/ui-icons_ffffff_256x240.png
+- lib/red-glass/red-glass-app/public/stylesheets/ui-lightness/jquery-ui-1.8.23.custom.css
+- lib/red-glass/red-glass-app/red-glass-app.rb
+- lib/red-glass/red-glass-app/views/index.erb
+- lib/red-glass/red-glass-js/jquery.getpath.js
+- lib/red-glass/red-glass-js/jquery.red-glass-0.1.0.js
+- lib/red-glass/red-glass-js/json2.js
+- lib/red-glass/red-glass-js/serialize-dom.js
 - lib/red-glass/red_glass.rb
 - lib/red-glass/red_glass_listener.rb
-- lib/red-glass/views/index.erb
 - lib/red-glass.rb
 homepage: https://github.com/fohara/red-glass
 licenses: []