da-js 0.1.0 → 0.2.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 6330c64a5ac18fee03cfc476aa45c8a999a8f636
+  data.tar.gz: 312b0583a044dde7056ce27e0d1a847d703cbd1f
+SHA512:
+  metadata.gz: da4b21324ac5b08380a16448fa3bbf8a3cfa36366d346b35216afc062a7f80f27daece0c75a825b0d1aef0dcfe8dfb9f19b5acee15bf502987023570bd189ff0
+  data.tar.gz: 99cdbc0654ae9f8cbee10ca6174d83126babe17f56d9d51705231bd615ad6c2dc1931eec3c256456245bf328edabb274f43ca07dd96358b77d849773c8e102ce

data/CHANGELOG.md

@@ -1,5 +1,8 @@
+## Devel
+* Add $.fn.numericValue().
+
 ## Version 0.1.0
-* Add conditionalVisibility().
+* Add $.fn.conditionalVisibility().
 * Now requires CoffeeScript.
 
 ## Version 0.0.2

data/da-js.gemspec

@@ -18,14 +18,14 @@ Gem::Specification.new do |s|
   s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
   s.require_paths = ["lib"]
 
-  s.add_dependency "railties", ">= 3.1.0"
+  s.add_dependency "railties", ">= 3.1.0", "< 5"
   s.add_dependency "sprockets", "~> 2.0"
   s.add_dependency "coffee-script", "~> 2.2"
   
-  s.add_development_dependency "cucumber", ">= 1.1.4"
-  s.add_development_dependency "rspec-expectations", ">= 2.7.0"
-  s.add_development_dependency "sinatra"
+  s.add_development_dependency "cucumber", "~> 1.3"
+  s.add_development_dependency "rspec-expectations", "~> 2.7"
+  s.add_development_dependency "sinatra", "~> 1.4"
   s.add_development_dependency "sinatra-contrib"
-  s.add_development_dependency "capybara-webkit", ">= 0.11.0"
+  s.add_development_dependency "capybara-webkit", "~> 1.3"
   s.add_development_dependency "launchy"
 end

data/features/conditional_visibility.feature

@@ -26,4 +26,30 @@ Feature: Conditional visibility for elements
     
     When I trigger the "updateVisibilities" event on the form
     Then the "Message" input should be hidden
+
+
+  Scenario: Manually configuring events triggering visibility re-calculations
+    # Assert default behaviour first
+    When I enter "foo" in the "amount" field
+    Then the "#amount_info" element should be hidden
+    When I blur the "amount" field
+    Then the "#amount_info" element should be visible
+    
+    Given I visit the test page for "conditional visibility" with options "{events: 'keypress'}"
+    Then the "#amount_info" element should be hidden
+    When I enter "foo" in the "amount" field
+    Then the "#amount_info" element should be visible
+    
+    
+  Scenario: Using the triggered events
+    Given I bind an event listener to "shown.conditionalVisibility"
+    And I bind an event listener to "hidden.conditionalVisibility"
+    When I select "Other …" from the "Country" select
+    Then the event listener for "shown.conditionalVisibility" should have been called "1" time
+    And the event listener for "hidden.conditionalVisibility" should have been called "0" times
+    When I select "Austria" from the "Country" select
+    Then the event listener for "shown.conditionalVisibility" should have been called "1" times
+    And the event listener for "hidden.conditionalVisibility" should have been called "1" times
+    
+    
     

data/features/numeric_value.feature

@@ -0,0 +1,60 @@
+@javascript
+Feature: Numeric value of input elements
+  
+  Background:
+    Given I visit the test page for "numeric value"
+
+  Scenario Outline: English locale
+    When I fill in "textfield" with "<String>"
+    Then the numeric value of "textfield" should be "<Value>"
+    
+    Examples:
+      | String   | Value   |
+      | 1        | 1       |
+      | 1.2      | 1.2     |
+      | 1234.56  | 1234.56 |
+      | 1,234.56 | 1234.56 |
+      | 1,234    | 1234    |
+      | abc      | 0       |
+      | $ 3      | 0       |
+      |          | 0       |
+
+  Scenario Outline: German locale
+    Given the HTML element has a lang attribute set to "de"
+    When I fill in "textfield" with "<String>"
+    Then the numeric value of "textfield" should be "<Value>"
+    
+    Examples:
+      | String   | Value   |
+      | 1        | 1       |
+      | 1,2      | 1.2     |
+      | 1234,56  | 1234.56 |
+      | 1.234,56 | 1234.56 |
+      | 1.234    | 1234    |
+      | abc      | 0       |
+      | € 5      | 0       |
+      |          | 0       |
+
+  Scenario: Reading value from non-input elements
+    Then the numeric value of "non_input_element_english" should be "1234.56"
+    Given the HTML element has a lang attribute set to "de"
+    Then the numeric value of "non_input_element_german" should be "5678.9"
+    
+  Scenario Outline: Ignoring the currency sign
+    When I fill in "textfield" with "<String>"
+    Then the numeric value (ignoring currency sign) of "textfield" should be "<Value>"
+    Examples:
+      | String   | Value   |
+      | € 1      | 1       |
+      | $123.45  | 123.45  |
+      | $$ 3     | 0       |
+      | €$ 7     | 0       |
+      
+  Scenario Outline: Using `nullOnError`
+    When I fill in "textfield" with "<String>"
+    Then the numeric value (using `nullOnError: true`) of "textfield" should be "<Value>"
+    Examples:
+      | String   | Value   |
+      | 1,234    | 1234    |
+      | abc      | null    |
+      | € 5      | null    |

data/features/step_definitions/change_tracker_steps.rb

@@ -1,6 +1,6 @@
 RSpec::Matchers.define :be_marked_as_changed do 
   match do |element|
-    element["class"].split(" ").include?("changed")   
+    (element["class"] || "").split(" ").include?("changed")   
   end
 end
 

data/features/step_definitions/conditional_visibility_steps.rb

@@ -1,29 +1,58 @@
-Then /^the "([^"]*)" input should be hidden$/ do |input|
-  find_field(input).should_not be_visible
+Given %r{^I bind an event listener to "([^"]*)"$} do |event|
+  page.execute_script %{
+    if (!window.eventCounts) window.eventCounts = {};
+    window.eventCounts['#{event}'] = 0;
+    $('body').on('#{event}', function(){ window.eventCounts['#{event}']++ });
+  }
 end
 
-Then /^the "([^"]*)" input should be visible$/ do |input|
+Then %r{^the event listener for "([^"]*)" should have been called "([^"]*)" times?$} do |event, counter|
+  actual = page.evaluate_script "window.eventCounts['#{event}']"
+  actual.should eq counter.to_i
+end
+
+Then %r{^the "([^"]*)" input should be hidden$} do |input|
+  find_field(input, visible: false).should_not be_visible
+end
+
+Then %r{^the "([^"]*)" input should be visible$} do |input|
   find_field(input).should be_visible
 end
 
-When /^I select "([^"]*)" from the "([^"]*)" select$/ do |option, input|
+Then %r{^the "([^"]*)" element should be hidden$} do |selector|
+  find(selector, visible: false).should_not be_visible
+end
+
+Then %r{^the "([^"]*)" element should be visible$} do |selector|
+  find(selector).should be_visible
+end
+
+When %r{^I select "([^"]*)" from the "([^"]*)" select$} do |option, input|
   select option, :from => input
 end
 
-When /^I uncheck the "([^"]*)" checkbox$/ do |input|
+When %r{^I uncheck the "([^"]*)" checkbox$} do |input|
   uncheck input
 end
 
-When /^I check the "([^"]*)" checkbox$/ do |input|
+When %r{^I check the "([^"]*)" checkbox$} do |input|
   check input
 end
 
-When /^I set the "([^"]*)" checkbox to unchecked using JavaScript$/ do |input|
+When %r{I enter "([^"]*)" in the "([^"]*)" field} do |value, input|
+  fill_in input, with: value
+end
+
+When %r{I blur the "([^"]*)" field} do |input|
+  find_field(input).trigger("blur")
+end
+
+When %r{^I set the "([^"]*)" checkbox to unchecked using JavaScript$} do |input|
   id = find_field(input)["id"]
   page.execute_script "$('##{id}')[0].checked = false"
 end
 
-When /^I trigger the "([^"]*)" event on the form$/ do |event|
+When %r{^I trigger the "([^"]*)" event on the form$} do |event|
   page.execute_script "$('form').trigger('#{event}')"
 end
 

data/features/step_definitions/numeric_value_steps.rb

@@ -0,0 +1,21 @@
+Given %r{the HTML element has a lang attribute set to "([^"]*)"$} do |lang|
+  page.execute_script("$('html').attr('lang', '#{lang}')")
+end
+
+Then %r{^the numeric value of "([^"]*)" should be "([^"]*)"$} do |input, value|
+  page.evaluate_script("$('##{input}').numericValue()").should be_within(0.0001).of value.to_f
+end
+
+Then %r{^the numeric value \(ignoring currency sign\) of "([^"]*)" should be "([^"]*)"$} do |input, value|
+  page.evaluate_script("$('##{input}').numericValue({ignoreCurrencySign: true})").should be_within(0.0001).of value.to_f
+end
+
+Then %r{^the numeric value \(using `nullOnError: true`\) of "([^"]*)" should be "([^"]*)"$} do |input, value|
+  actual = page.evaluate_script("$('##{input}').numericValue({nullOnError: true})")
+  if value == "null"
+    actual.should eq("") 
+  else
+    actual.should be_within(0.0001).of(value.to_f)
+  end
+end
+

data/features/step_definitions/shared_steps.rb

@@ -1,5 +1,15 @@
 require "active_support/inflector"
+require "active_support/core_ext/object/to_query"
 
-When /^I visit the test page for "([^"]*)"$/ do |feature|
+When %r{^I visit the test page for "([^"]*)"$} do |feature|
   visit "/#{feature.parameterize '_'}"
 end
+
+When %r{^I visit the test page for "([^"]*)" with options "([^"]*)"?$} do |feature, options|
+  visit "/#{feature.parameterize '_'}?" + {options: options}.to_query
+end
+
+When %r{^I fill in "([^"]*)" with "([^"]*)"$} do |input, value|
+  fill_in input, :with => value
+end
+

data/features/support/env.rb

@@ -2,6 +2,7 @@ require "rails/engine"
 require "capybara/cucumber"
 require "capybara-webkit"
 require "rack"
+require "rspec/expectations"
 
 Capybara.javascript_driver = :webkit
 Capybara.app, _ = Rack::Builder.parse_file(File.dirname(__FILE__) + "/testapp/config.ru")

data/features/support/testapp/testapp.rb

@@ -3,9 +3,10 @@ require "sinatra/reloader" if development?
 require "coffee_script"
 
 set :app_file, __FILE__
+disable :logging
 
 before do
-  @jquery_version = params[:jquery] || "1.7.1"
+  @jquery_version = params[:jquery] || "1.11.1"
 end
 
 get "/vendor/:file" do |file|