simple_javascript_testing 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 35ce285f684371f303456c73f2646a46d244cf15
-  data.tar.gz: 862f64dab962ca84b955d0c2e08e2bf9a3b1d7a7
+  metadata.gz: 3c971bc18303bd8ba9c5156255d8f19d69d2e7be
+  data.tar.gz: 6dd7d1d54630dccc74c7cafdd51f0150c2890466
 SHA512:
-  metadata.gz: 1b9855c6e332397017de35bf9eb17882695d133f0dbd82a4a125d751e7daa403ab273b30850f49613a4dd2af59e325f4d88a4cd9ab1c3b9b2377b27fecd3b973
-  data.tar.gz: bd9251f3c8e1faf8190da20c5f7fa8d75ca7a2e9c51806ad1f04b36a94794f5e5af7d365d57654b95fb81d68e366b1a8876a2530c6853446a0fe199e587dd0a8
+  metadata.gz: 2f1ce314f9ebc5a415e7ebedd24ad30bce78ea1c52f03a0165b2722353c6aba09a6f834e77e48afab45651adfa38f3c7e0a8ee13c9d2d7981b296c73d95b39b7
+  data.tar.gz: f5cf13f3421daafd2a86845abd455408c6db1fa9d25964bf026c514244c9a51babd328d0d09c584ba5d01af983757821eba0d1e5b048b6ed57c522188672acd6

data/.gitignore

@@ -2,3 +2,6 @@ npm-debug.log
 log
 *.swp
 *.gem
+node_modules
+mkmf.log
+test/html/*

data/Gemfile.lock

@@ -1,8 +1,9 @@
 PATH
   remote: .
   specs:
-    simple_javascript_testing (0.0.1)
+    simple_javascript_testing (0.0.4)
       rails (>= 3.0.7)
+      render_anywhere
 
 GEM
   remote: https://rubygems.org/

data/README.md

@@ -1,4 +1,64 @@
-simple_javascript_testing
+Simple Javascript Testing
 =========================
 
-simple javascript testing with rails and phantomjs 
+Simple javascript testing for rails templates with phantomjs.
+
+This library adds the method call_template_with_js to your tests, if you include SimpleJavascriptTesting.
+This method builds the template you specify (ie users/index) and runs the javascript test file (test/javascript/users/index.js) against it. It stubs out any AJAX calls. 
+
+example ruby test test/phantomjs/template_test.rb:
+```ruby
+
+require 'test_helper'
+require 'simple_javascript_testing'
+
+class TemplateTest < ActiveSupport::TestCase
+  include SimpleJavascriptTesting
+
+  def test_users_index
+    call_template_with_js "users/index"
+  end
+
+  def test_dwarves_show
+    civilization = Civilization.find_or_create_by :id => 100
+    dwarf = civilization.dwarves.find_or_create_by :id => 10
+    call_template_with_js "dwarves/show" do |data|
+      data.set_instance_variable "dwarf", dwarf
+    end
+  end
+end
+```
+
+and example js test file test/javascript/users/index.js:
+```js
+var simple = require('simple_javascript_testing')
+
+simple.runTest("test file", function(page) {
+  var checked = page.evaluate(function() {
+    triggerRequest("/df/artery/user.json", {Id: 1, Name: "Hey", Thoughts: "hey"})
+    triggerRequest("/df/artery/user/get_unit_labors.json", [{Labor: 1}])
+    assertAllRequestsRun()
+    return document.querySelector('#labor_1').checked
+  })
+  this.assert_equal(true, checked)
+})
+
+```
+triggerRequest will manually trigger the callback for an AJAX request with the response you specify.
+page is the phantomjs object
+
+Install
+====
+To run, install the gem and the npm module into your project
+
+`gem install simple_javascript_testing`
+
+`npm install simple_javascript_testing`
+
+and add simple_javascript_testing to your Gemfile
+
+
+To run the tests:
+
+npm install --force simple_javascript_testing
+ruby test/simple_javascript_testing_test.rb

data/index.js

@@ -40,6 +40,7 @@ var testObject = {
   assert_equal: function(a, b){
     if (a != b){
       console.log("assertion failed:", a, "not equal to", b)
+      phantom.exit(-1)
     }
   }
 }
@@ -48,7 +49,7 @@ exports.runTest = function(name, test){
   page.open("file:///" + args[1], function(status){
     try{
       test.bind(testObject)(page)
-      console.log("test succeeded: " + name)
+      //console.log("test succeeded: " + name)
     } catch(e){
       console.log(e.stack)
       console.log("test failed: " + name)

data/lib/simple_javascript_testing.rb

@@ -7,6 +7,14 @@ class AnyClass
 
   class << self
     attr_accessor :prefix
+    
+    def test_directory
+      @test_directory || "test"
+    end
+
+    def test_directory=(dir)
+      @test_directory = dir
+    end
   end
 
   def build_html(template)
@@ -43,16 +51,34 @@ module SimpleJavascriptTesting
     FileUtils.mkdir_p("test/html/#{File.dirname template}")
     FileUtils.mkdir_p("test/javascript/#{File.dirname template}")
     html = data.build_html(template)
-    html.gsub!("<head>", "<head><script src='#{File.expand_path('node_modules')}/simple_javascript_testing/lib/stub_ajax.js'></script>")
-    html.gsub!("<script src='#{AnyClass.prefix}", "<script src='#{File.expand_path('public')}")
+    run_javascript_test(html, template)
+  end
+
+  def run_javascript_test(html, template)
+    html.gsub! /<script src=\"#{AnyClass.prefix}([^\"]*)\"/ do |full|
+      #puts $1
+      #puts File.expand_path("public/assets/#{$1}")
+      if File.exists?(File.expand_path("public/assets/#{$1}"))
+        "<script src=\"#{File.expand_path("public/assets/#{$1}")}\""
+      elsif File.exists?(File.expand_path("vendor/assets/javascripts/#{$1}"))
+        "<script src=\"#{File.expand_path("vendor/assets/javascripts/#{$1}")}\""
+      else
+        full
+      end
+    end
+    #html.gsub!("<script src=\"#{AnyClass.prefix}", "<script src=\"#{File.expand_path('public/assets')}")
+    html.gsub!("</head>", "<script src='#{File.expand_path('node_modules')}/simple_javascript_testing/lib/stub_ajax.js'></script></head>")
     File.write("test/html/#{template}.html", html)
-    thing = "#{File.expand_path('html', 'test')}/#{template}"
-    thing2 = "#{File.expand_path('javascript', 'test')}/#{template}"
+    thing = "#{File.expand_path('html', AnyClass.test_directory)}/#{template}"
+    thing2 = "#{File.expand_path('javascript', AnyClass.test_directory)}/#{template}"
     binary = if find_executable 'phantomjs'
       "phantomjs"
     else
       "node_modules/simple_javascript_testing/node_modules/phantomjs/lib/phantom/bin/phantomjs"
     end
-    system "#{binary} #{thing2}.js #{thing}.html"
+    result = system "#{binary} #{thing2}.js #{thing}.html"
+    if !result
+      raise "Javascript test failed"
+    end
   end
 end

data/lib/stub_ajax.js

@@ -21,3 +21,35 @@ function assertAllRequestsRun(){
 }
 
 XMLHttpRequest.prototype.send = function(){ }
+
+function triggerRequest(url, data){
+  var request = all_requests[url]
+  all_requests_length -= 1
+  request.response = JSON.stringify(data)
+  request.status = 200
+  request.onload(request)
+}
+
+MockChannel = function(name){ 
+  this.initialize(name)
+}
+
+var all_channels = {}
+MockChannel.prototype = {
+  events: {},
+  initialize: function(name){
+    this.name = name
+  },
+  bind: function(event, callback){
+    this.events[event] = callback
+  },
+  triggerEvent: function(event, data){
+    this.events[event](data)
+  }
+}
+
+WebSocketRails.prototype.subscribe = function(channel){
+  var new_channel = new MockChannel("channel")
+  all_channels[channel] = new_channel
+  return new_channel
+}

data/package.json

@@ -1,14 +1,11 @@
 {
   "name": "simple_javascript_testing",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "simple javascript testing for rails",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "dependencies" : {
-      "phantomjs": "latest"
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/towski/simple_javascript_testing.git"

data/simple_javascript_testing.gemspec

@@ -1,6 +1,6 @@
 Gem::Specification.new do |s|
   s.name        = 'simple_javascript_testing'
-  s.version     = '0.0.3'
+  s.version     = '0.0.4'
   s.date        = '2014-10-31'
   s.summary     = "Simple Javascript Testing"
   s.description = "simple javascript testing for rails with phantomjs"

data/test/javascript/users/index.js

@@ -0,0 +1,11 @@
+var simple = require('simple_javascript_testing')
+
+simple.runTest("test file", function(page) {
+  var checked = page.evaluate(function() {
+    //triggerRequest("/df/artery/user.json", {Id: 1, Name: "Hey", Thoughts: "hey"})
+    //triggerRequest("/df/artery/user/get_unit_labors.json", [{Labor: 1}])
+    //assertAllRequestsRun()
+    //return document.querySelector('#labor_1').checked
+  })
+  this.assert_equal(true, true)
+})

data/test/simple_javascript_testing_test.rb

@@ -30,6 +30,6 @@ end
 class SimpleJavascriptTestingTest < Minitest::Test
   include SimpleJavascriptTesting
   def test_call_template_with_js
-    call_template_with_js "users/index"
+    run_javascript_test "<html><head></head></html>", "users/index"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: simple_javascript_testing
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - towski
@@ -55,7 +55,6 @@ files:
 - lib/stub_ajax.js
 - package.json
 - simple_javascript_testing.gemspec
-- test/html/users/index.html
 - test/javascript/users/index.js
 - test/simple_javascript_testing_test.rb
 homepage: http://rubygems.org/gems/simple_javascript_testing