capybara-bootstrap-datepicker 0.0.9 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 619fa46bebfc704db2c86b6d049078073dae8364
-  data.tar.gz: c79c6e0342a20b5f774c4a7c718d4fe029fa00e8
+SHA256:
+  metadata.gz: 474239354a4fa4484007acd25d0e8deeab89d1884b6be95becc964ad84af4c9c
+  data.tar.gz: 4a457207ec5c510526b7d61b7aa6ff3c37989dfed871b0e866545f9bce675d0b
 SHA512:
-  metadata.gz: cb65bd9d7e6c99e02220bff0375f274b340e9878cda6523ffa66f705e2ff28f9efca5adf9b8b7c9ae2f41bcc4949d0333b56eb981ed21a4853956c52a8b47fb7
-  data.tar.gz: 9f7e7167d4e9d9fd58832d3669ac844087953bcb89267686bfd7f9459e4003e4c8c12aa832d954ce7a197bd64f4c80678d57710b40a710e0def264082c080fe4
+  metadata.gz: 1b301917b94b001c16f4e7626ecbf86ae8773cd6d39247bd104f205163c342dc6ca20a5160f46837fdb3b7ea09a1a89b0a2d6c8d223f98acb802d6b7d3c83919
+  data.tar.gz: 0e88d4249bf4e5bd17e1aedb2629d0ab4e44699cbc265c537922bbb28c8a6dd0f7e1627918b4ab1eaabdc7f939eca383ce53defdec606b5add6bc0e9d2cd412b

data/.gitignore

@@ -3,7 +3,6 @@
 *.sassc
 .sass-cache
 capybara-*.html
-.rspec
 /.bundle
 /vendor/bundle
 /log/*
@@ -11,8 +10,10 @@ capybara-*.html
 /db/*.sqlite3
 /public/system/*
 /coverage/
+/screenshot_*
 /spec/tmp/*
 **.orig
 rerun.txt
 pickle-email-*.html
-/Gemfile.lock
+/.yardoc
+/doc

data/.rspec

@@ -0,0 +1,2 @@
+--color
+--require spec_helper

data/.ruby-version

@@ -0,0 +1 @@
+2.5.7

data/.travis.yml

@@ -0,0 +1,11 @@
+language: ruby
+rvm:
+  - "2.6.5"
+  - "2.5.7"
+before_install:
+  - gem install bundler
+script: bundle exec rspec spec
+addons:
+  code_climate:
+    repo_token:
+      secure: SFpmOHwZ3HBMqMH0NKq0B6DqoQjeDtsr5V9YCRLM7D6LvkoMhbkFYPoNo4nz6EWQ0Ml9JzP7ORumUPv1ujhCcYV+yLQ5eIL/xg+g+3H0Xu1sx6CuzDY4C7mZJO5s84KoH7yu9pBrlIa+UJwezwrCOm7JWURsPhR94YvmKobyOZHEuAyvUbYb+eqAkYfXrl71dC6hywfdlSOP/OEncPpIDZ6EApfWRhqZYHHHoj9EqXuHasNzmr6c2cqAh++7XDIOlHJ8JUEjeZN9ofTrqN4oq4JkGvIVmUHOe62jaj92z4vi3ZH+4lv0GmM5KlxgwRZKcCts5WivaNTyQzUnInUbWlWcIHnBFQMPj17ggjhixb6O+w3uAKlbLUGDYkKRSc+MWEdURpFIhyNCMtesHA1GS9+aU6yuxgz3REJCu7K3s5XkenvqxWucWweCOhNVRYSHhwhXAFO4Atg8ZdgIvGA7gF50TMfvJvQ0UIUvOmCxpVi2dwXDfwCgeks5ghP4Hyf0qXbnkLn3/4CE6khYPjQhb3tDu5AnouzKC3SedVxg9QDKZZYD0XEr7TTB89/LelqDYOjDy1C7/+aLGIi24zgzE7A02W6G8SikX08Er5tUvRw1Fgohkr7Th6YFisIgYqNCyreUeV2co/dhI7lTGk6GrBDqltYPht78EIbto4PVu9s=

data/Gemfile

@@ -1,4 +1,9 @@
+# frozen_string_literal: true
+
 source 'https://rubygems.org'
 
 # Specify your gem's dependencies in capybara-bootstrap-datepicker.gemspec
 gemspec
+
+gem 'nokogiri', '>= 1.6.7.2'
+gem 'rack', '>= 1.6.11'

data/Gemfile.lock

@@ -0,0 +1,73 @@
+PATH
+  remote: .
+  specs:
+    capybara-bootstrap-datepicker (0.2.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.7.0)
+      public_suffix (>= 2.0.2, < 5.0)
+    capybara (3.29.0)
+      addressable
+      mini_mime (>= 0.1.3)
+      nokogiri (~> 1.8)
+      rack (>= 1.6.0)
+      rack-test (>= 0.6.3)
+      regexp_parser (~> 1.5)
+      xpath (~> 3.2)
+    capybara-screenshot (1.0.24)
+      capybara (>= 1.0, < 4)
+      launchy
+    cliver (0.3.2)
+    diff-lcs (1.3)
+    launchy (2.4.3)
+      addressable (~> 2.3)
+    mini_mime (1.0.2)
+    mini_portile2 (2.4.0)
+    nokogiri (1.10.8)
+      mini_portile2 (~> 2.4.0)
+    phantomjs (2.1.1.0)
+    poltergeist (1.18.1)
+      capybara (>= 2.1, < 4)
+      cliver (~> 0.3.1)
+      websocket-driver (>= 0.2.0)
+    public_suffix (4.0.1)
+    rack (2.0.8)
+    rack-test (1.1.0)
+      rack (>= 1.0, < 3)
+    regexp_parser (1.6.0)
+    rspec (3.9.0)
+      rspec-core (~> 3.9.0)
+      rspec-expectations (~> 3.9.0)
+      rspec-mocks (~> 3.9.0)
+    rspec-core (3.9.0)
+      rspec-support (~> 3.9.0)
+    rspec-expectations (3.9.0)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.9.0)
+    rspec-mocks (3.9.0)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.9.0)
+    rspec-support (3.9.0)
+    websocket-driver (0.7.1)
+      websocket-extensions (>= 0.1.0)
+    websocket-extensions (0.1.5)
+    xpath (3.2.0)
+      nokogiri (~> 1.8)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  capybara (~> 3.29, >= 3.29.0)
+  capybara-bootstrap-datepicker!
+  capybara-screenshot (~> 1.0, >= 1.0.22)
+  nokogiri (>= 1.6.7.2)
+  phantomjs (~> 2.1, >= 2.1.1.0)
+  poltergeist (~> 1.18, >= 1.18.1)
+  rack (>= 1.6.11)
+  rspec (~> 3.9, >= 3.9.0)
+
+BUNDLED WITH
+   2.1.0

data/README.md

@@ -1,4 +1,5 @@
-[![Gem Version](https://badge.fury.io/rb/capybara-bootstrap-datepicker.png)](http://badge.fury.io/rb/capybara-bootstrap-datepicker)
+[![Gem Version](https://badge.fury.io/rb/capybara-bootstrap-datepicker.svg)](http://badge.fury.io/rb/capybara-bootstrap-datepicker)
+[![Travis CI](https://travis-ci.org/akarzim/capybara-bootstrap-datepicker.svg?branch=master)](https://travis-ci.org/akarzim/capybara-bootstrap-datepicker.svg?branch=master)
 
 # Capybara::BootstrapDatepicker
 
@@ -10,14 +11,18 @@ All this gem does is something very simple : allow you to trigger Bootstrap date
 
 Add this line to your application's Gemfile:
 
-    gem 'capybara-bootstrap-datepicker', group: :test
+```ruby
+gem 'capybara-bootstrap-datepicker', group: :test
+```
 
 Or, add it into your test group
 
-    group :test do
-        gem 'capybara-bootstrap-datepicker'
-        ...
-    end
+```ruby
+group :test do
+    gem 'capybara-bootstrap-datepicker'
+    ...
+end
+```
 
 And then execute:
 
@@ -33,13 +38,17 @@ The gem automatically hook itself into rspec helper using Rspec.configure.
 
 Just use this method inside your capybara test:
 
-    select_date(2.weeks.ago, from: "Label of the date input")
+```ruby
+select_date(2.weeks.ago, from: "Label of the date input")
+```
 
 Or even:
 
-    select_date(2.weeks.ago, from: "Date", match: :prefer_exact)
-    select_date(Date.tomorrow, from: "Label of the date input", format: "%d/%m/%Y")
-    select_date("2013-05-24", xpath: "//path_to//your_date_input", datepicker: :bootstrap)
+```ruby
+select_date(2.weeks.ago, from: "Date", match: :prefer_exact)
+select_date(Date.tomorrow, from: "Label of the date input", format: "%d/%m/%Y")
+select_date("2013-05-24", xpath: "//path_to//your_date_input", datepicker: :bootstrap)
+```
 
 Available options are:
 + **from:** the label of your date input
@@ -48,6 +57,17 @@ Available options are:
 + **datepicker:** the way to fill your date input (:bootstrap = by clicking the popover using [bootstrap-datepicker](https://github.com/eternicode/bootstrap-datepicker))
     ; by default it just fill the input date.
 
+## Test
+
+Just run rspec in your terminal:
+
+    $ rspec
+
+## Upgrading from 0.0.x
+
+RSpec support has been split into a separate file. You'll need to change
+`spec_helper.rb` to `require 'capybara-bootstrap-datepicker/rspec'`.
+
 ## Contributing
 
 1. Fork it

data/capybara-bootstrap-datepicker.gemspec

@@ -1,26 +1,31 @@
-# -*- encoding: utf-8 -*-
-lib = File.expand_path('../lib', __FILE__)
+# frozen_string_literal: true
+
+lib = File.expand_path('lib', __dir__)
 $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+
+require 'English'
 require 'capybara-bootstrap-datepicker/version'
 
 Gem::Specification.new do |gem|
   gem.name          = 'capybara-bootstrap-datepicker'
   gem.version       = Capybara::BootstrapDatepicker::VERSION
   gem.authors       = ['François Vantomme']
-  gem.email         = ['akarzim@gmail.com']
-  gem.description   = %q{Helper for triggering date input for bootstrap-datepicker javascript library}
+  gem.email         = ['akarzim@pm.me']
+  gem.summary       = 'Bootstrap datepicker helper for Capybara'
+  gem.description   = 'Helper for triggering date input for bootstrap-datepicker javascript library'
   gem.homepage      = 'https://github.com/akarzim/capybara-bootstrap-datepicker'
-  gem.summary       = gem.description
   gem.license       = 'MIT'
 
-  gem.files         = `git ls-files`.split($/)
-  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.files         = `git ls-files`.split($RS)
+  gem.executables   = gem.files.grep(%r{^bin/}).map { |f| File.basename(f) }
   gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
   gem.require_paths = ['lib']
 
-  gem.add_dependency 'rspec', '~> 3.1', '>= 3.1.0'
-  gem.add_dependency 'capybara', '~> 2.4', '>= 2.4.4'
-  gem.add_development_dependency 'phantomjs', '~> 1.9', '>= 1.9.7.1'
-  gem.add_development_dependency 'poltergeist', '~> 1.5', '>= 1.5.1'
-  gem.add_development_dependency 'pry', '~> 0.9', '>= 0.9.12.6'
+  gem.required_ruby_version = '>= 2.5.7'
+
+  gem.add_development_dependency 'capybara', '~> 3.29', '>= 3.29.0'
+  gem.add_development_dependency 'capybara-screenshot', '~> 1.0', '>= 1.0.22'
+  gem.add_development_dependency 'phantomjs', '~> 2.1', '>= 2.1.1.0'
+  gem.add_development_dependency 'poltergeist', '~> 1.18', '>= 1.18.1'
+  gem.add_development_dependency 'rspec', '~> 3.9', '>= 3.9.0'
 end

data/lib/capybara-bootstrap-datepicker.rb

@@ -1,71 +1,208 @@
 require 'capybara-bootstrap-datepicker/version'
-require 'rspec/core'
 
 module Capybara
+  # Adds datepicker interaction facilities to {Capybara}
   module BootstrapDatepicker
+    # Selects a date by simulating human interaction with the datepicker or filling the input field
+    # @param value [#to_date, String] any object that responds to `#to_date` or a parsable date string
+    # @param datepicker [:bootstrap, :simple] the datepicker to use (are supported: bootstrap or input field)
+    # @param format [String, nil] a valid date format used to format value
+    # @param from [String, nil] the path to input field (required if `xpath` is nil)
+    # @param xpath [String, nil] the xpath to input field (required if `from` is nil)
+    # @param args [Hash] extra args to find the input field
     def select_date(value, datepicker: :bootstrap, format: nil, from: nil, xpath: nil, **args)
       fail "Must pass a hash containing 'from' or 'xpath'" if from.nil? && xpath.nil?
 
-      value = Date.parse(value) unless value.respond_to? :to_date
-
+      value = value.respond_to?(:to_date) ? value.to_date : Date.parse(value)
       date_input = xpath ? find(:xpath, xpath, **args) : find_field(from, **args)
 
       case datepicker
       when :bootstrap
         select_bootstrap_date date_input, value
       else
-        select_simple_date date_input, value
+        select_simple_date date_input, value, format
       end
+
+      first(:xpath, '//body').click
     end
 
-    def select_simple_date(date_input, value)
-      value = value.strftime format if format.present?
+    # Selects a date by filling the input field
+    # @param date_input the input field
+    # @param value [Date] the date to set
+    # @param format [String, nil] a valid date format used to format value
+    def select_simple_date(date_input, value, format = nil)
+      value = value.strftime format unless format.nil?
 
       date_input.set "#{value}\e"
-      first(:xpath, '//body').click
     end
 
+    # Selects a date by simulating human interaction with the datepicker
+    # @param (see #select_simple_date)
     def select_bootstrap_date(date_input, value)
       date_input.click
-      picker = find(:xpath, '//body').find('.datepicker')
 
-      picker_years = picker.find('.datepicker-years', visible: false)
-      picker_months = picker.find('.datepicker-months', visible: false)
-      picker_days = picker.find('.datepicker-days', visible: false)
+      picker = Picker.new
 
-      picker_current_decade = picker_years.find('th.datepicker-switch', visible: false)
-      picker_current_year = picker_months.find('th.datepicker-switch', visible: false)
-      picker_current_month = picker_days.find('th.datepicker-switch', visible: false)
+      picker.goto_decade_panel
+      picker.navigate_through_decades value.year
 
-      picker_current_month.click if picker_days.visible?
-      picker_current_year.click if picker_months.visible?
+      picker.find_year(value.year).click
+      picker.find_month(value.month).click
+      picker.find_day(value.day).click
+
+      fail if Date.parse(date_input.value) != value
+    end
 
-      decade_start, decade_end = picker_current_decade.text.split('-').map(&:to_i)
+    private
 
-      if value.year < decade_start.to_i
-        gap = decade_start / 10 - value.year / 10
-        gap.times { picker_years.find('th.prev').click }
-      elsif value.year > decade_end
-        gap = value.year / 10 - decade_end / 10
-        gap.times { picker_years.find('th.next').click }
+    # The Picker class interacts with the datepicker
+    class Picker
+      # Initializes the picker
+      def initialize
+        @element = find_picker
       end
 
-      picker_years.find('.year', text: value.year).click
-      picker_months.find('.month', text: value.strftime('%b')).click
-      day_xpath = <<-eos
-          .//*[contains(concat(' ', @class, ' '), ' day ')
-          and not(contains(concat(' ', @class, ' '), ' old '))
-          and not(contains(concat(' ', @class, ' '), ' new '))
-          and normalize-space(text())='#{value.day}']
-      eos
-      picker_days.find(:xpath, day_xpath).click
+      # Reveals the decade panel
+      def goto_decade_panel
+        current_month.click if days.visible?
+        current_year.click if months.visible?
+      end
 
-      fail if Date.parse(date_input.value) != value
-      # fail unless page.has_no_css? '.datepicker'
+      # Navigates through the decade panels until the correct one
+      # @param value [Fixnum] the year of the desired date
+      def navigate_through_decades(value)
+        decade_start, decade_end = current_decade_minmax
+        goto_prev_decade(value, decade_start) if value < decade_start
+        goto_next_decade(decade_end, value) if value > decade_end
+      end
+
+      # Get the year we want to click on
+      # @param value [Fixnum] the year of the desired date
+      # @return the DOM element to click on
+      def find_year(value)
+        years.find '.year', text: value
+      end
+
+      # Get the month we want to click on
+      # @param value [Fixnum] the month of the desired date
+      # @return the DOM element to click on
+      def find_month(value)
+        months.find ".month:nth-child(#{value})"
+      end
+
+      # Get the day we want to click on
+      # @param value [Fixnum] the day of the desired date
+      # @return the DOM element to click on
+      def find_day(value)
+        day_xpath = <<-eos
+            .//*[contains(concat(' ', @class, ' '), ' day ')
+            and not(contains(concat(' ', @class, ' '), ' old '))
+            and not(contains(concat(' ', @class, ' '), ' new '))
+            and normalize-space(text())='#{value}']
+        eos
+        days.find :xpath, day_xpath
+      end
+
+      private
+
+      # Get the datepicker
+      # @return the DOM element of the datepicker
+      def find_picker
+        Capybara.find(:xpath, '//body').find('.datepicker')
+      end
+
+      # Get the datepicker panel
+      # @param period [:years, :months, :days] the panel's period
+      # @return the DOM element of the panel
+      def find_period(period)
+        @element.find(".datepicker-#{period}", visible: false)
+      end
+
+      # Get the up level panel
+      # @param (see #find_period)
+      # @return the DOM element of the switch panel button
+      def find_switch(period)
+        send(period).find('th.datepicker-switch', visible: false)
+      end
+
+      # Get the years panel
+      # @param (see #find_period)
+      # @return (see #find_period)
+      def years
+        find_period :years
+      end
+
+      # Get the months panel
+      # @param (see #find_period)
+      # @return (see #find_period)
+      def months
+        find_period :months
+      end
+
+      # Get the days panel
+      # @param (see #find_period)
+      # @return (see #find_period)
+      def days
+        find_period :days
+      end
+
+      # Get the current decade panel
+      # @param (see #find_switch)
+      # @return (see #find_switch)
+      def current_decade
+        find_switch :years
+      end
+
+      # Get the current year panel
+      # @param (see #find_switch)
+      # @return (see #find_switch)
+      def current_year
+        find_switch :months
+      end
+
+      # Get the current month panel
+      # @param (see #find_switch)
+      # @return (see #find_switch)
+      def current_month
+        find_switch :days
+      end
+
+      # Get the current decade period
+      # @return [Array<Fixnum, Fixnum>] the min and max years of the decade
+      def current_decade_minmax
+        current_decade.text.split('-').map(&:to_i)
+      end
+
+      # Click and display previous decade
+      def click_prev_decade
+        years.find('th.prev').click
+      end
+
+      # Click and display next decade
+      def click_next_decade
+        years.find('th.next').click
+      end
+
+      # Calculates the distance in decades between min and max
+      # @return [Fixnum] the distance in decades between min and max
+      def gap(min, max)
+        return 0 if min >= max
+        (max - min) / 10
+      end
+
+      # Go backward to the wanted decade
+      # @param value [Fixnum] the year of the desired date
+      # @param decade_start [Fixnum] the first year of a decade
+      def goto_prev_decade(value, decade_start)
+        gap(value, decade_start).times { click_prev_decade }
+      end
+
+      # Go forward to the wanted decade
+      # @param decade_end [Fixnum] the last year of a decade
+      # @param value [Fixnum] the year of the desired date
+      def goto_next_decade(decade_end, value)
+        gap(decade_end, value).times { click_next_decade }
+      end
     end
   end
 end
-
-RSpec.configure do |c|
-  c.include Capybara::BootstrapDatepicker
-end

data/lib/capybara-bootstrap-datepicker/rspec.rb

@@ -0,0 +1,5 @@
+require 'capybara-bootstrap-datepicker'
+
+RSpec.configure do |c|
+  c.include Capybara::BootstrapDatepicker
+end

data/lib/capybara-bootstrap-datepicker/version.rb

@@ -1,5 +1,9 @@
+# frozen_string_literal: true
+
+# The gem's version
 module Capybara
   module BootstrapDatepicker
-    VERSION = "0.0.9"
+    # the current version of the gem
+    VERSION = '0.2.1'
   end
 end

data/spec/features/bootstrap-3.4.html

@@ -0,0 +1,51 @@
+<html>
+<head>
+  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css">
+  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker3.min.css">
+</head>
+<body>
+  <div class="container">
+    <h1>Bootstrap 3.4 Datepicker</h1>
+
+    <form action=".">
+      <div class="form-group">
+        <label for="my-date-input">Label of my date input</label>
+        <div class="input-group date default-date">
+          <input type="text" class="form-control" id="my-date-input">
+          <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
+        </div>
+      </div>
+
+      <div class="form-group">
+        <label for="my-localized-date-input">Label of my localized date input</label>
+        <div class="input-group date locale-date">
+          <input type="text" class="form-control" id="my-localized-date-input">
+          <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
+        </div>
+      </div>
+
+      <div class="required form-group" id="cfp_start_date_input">
+        <span class="form-label">
+          <label for="registration-period-start-datapicker" class="control-label">
+            Start date&nbsp;
+            <span class="text-warning">
+              <abbr title="This field is required">*</abbr>
+            </span>
+          </label>
+        </span>
+        <span class="form-wrapper">
+          <input id="registration-period-start-datapicker" class="form-control" type="text" name="cfp[start_date]">
+        </span>
+      </div>
+    </form>
+  </div>
+  <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+  <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
+  <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
+  <script type="text/javascript">
+    $('.input-group.default-date').datepicker({ format: 'yyyy-mm-dd' });
+    $('.input-group.locale-date').datepicker({ format: 'yyyy-mm-dd', language: 'ja' });
+    $('#registration-period-start-datapicker').datepicker({ format: 'yyyy-mm-dd', minDate : '2019-03-06', maxDate : '2019-03-12' });
+  </script>
+</body>
+</html>

data/spec/features/bootstrap-4.4.html

@@ -0,0 +1,56 @@
+<html>
+<head>
+  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css">
+  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker3.min.css">
+</head>
+<body>
+  <div class="container">
+    <h1>Bootstrap 4.4 Datepicker</h1>
+
+    <form action=".">
+      <div class="form-group">
+        <label for="my-date-input">Label of my date input</label>
+        <div class="input-group date default-date">
+          <input type="text" class="form-control" id="my-date-input">
+          <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
+        </div>
+      </div>
+
+      <div class="form-group">
+        <label for="my-localized-date-input">Label of my localized date input</label>
+        <div class="input-group date locale-date">
+          <input type="text" class="form-control" id="my-localized-date-input">
+          <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
+        </div>
+      </div>
+
+      <div class="required form-group" id="cfp_start_date_input">
+        <span class="form-label">
+          <label for="registration-period-start-datapicker" class="control-label">
+            Start date&nbsp;
+            <span class="text-warning">
+              <abbr title="This field is required">*</abbr>
+            </span>
+          </label>
+        </span>
+        <span class="form-wrapper">
+          <input id="registration-period-start-datapicker" class="form-control" type="text" name="cfp[start_date]">
+        </span>
+      </div>
+    </form>
+  </div>
+  <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+  <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
+  <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
+  <script type="text/javascript">
+    $('.input-group.default-date').datepicker({ format: 'yyyy-mm-dd' });
+    $('.input-group.locale-date').datepicker({ format: 'yyyy-mm-dd', language: 'ja' });
+
+    $('#registration-period-start-datapicker').datepicker({
+      format: 'yyyy-mm-dd',
+      minDate : '2019-03-06',
+      maxDate : '2019-03-12'
+    });
+  </script>
+</body>
+</html>

data/spec/features/bootstrap_datepicker_spec.rb

@@ -1,11 +1,71 @@
-# encoding: utf-8
-feature 'Bootstrap Datepicker' do
-  scenario 'fill in datepicker based on Bootstrap 3.3', js: true do
-    Capybara.current_session.driver.visit "#{Capybara.app_host}/bootstrap.html"
-    expect(page).to have_content 'Bootstrap3 Datepicker'
+# frozen_string_literal: true
 
-    select_date Date.today, from: 'Label of my date input', datepicker: :bootstrap
-    expect(Date.parse find_field('Label of my date input').value).to eq Date.today
+RSpec.shared_examples 'a datepicker' do
+  context 'default date' do
+    subject { Date.parse(find_field('Label of my date input').value) }
+
+    it 'fills in an input without using the datepicker', js: true do
+      select_date Date.today, from: 'Label of my date input'
+      expect(subject).to eq Date.today
+    end
+
+    it 'fills in a standard datepicker', js: true do
+      select_date Date.today, from: 'Label of my date input', datepicker: :simple
+      expect(subject).to eq Date.today
+    end
+
+    it 'fills in a datepicker based on Bootstrap', js: true do
+      select_date Date.today, from: 'Label of my date input', datepicker: :bootstrap
+      expect(subject).to eq Date.today
+    end
+
+    it 'fills in an input with DateTime object', js: true do
+      select_date DateTime.now, from: 'Label of my date input'
+      expect(subject).to eq Date.today
+    end
+  end
+
+  context 'locale date' do
+    subject { Date.parse(find_field('Label of my localized date input').value) }
+
+    it 'fills in a localized datepicker based on Bootstrap', js: true do
+      select_date Date.today, from: 'Label of my localized date input', datepicker: :bootstrap
+      expect(subject).to eq Date.today
+    end
+  end
+
+  context 'required date' do
+    subject { Date.parse(find_field('Start date').value) }
+
+    it 'fills in a required datepicker based on Bootstrap', js: true do
+      select_date Date.today, from: 'Start date', datepicker: :bootstrap
+      expect(subject).to eq Date.today
+    end
   end
 end
 
+RSpec.describe 'Bootstrap Datepicker', type: :feature do
+  describe 'Boostrap 3.4' do
+    before :each do
+      Capybara.current_session.driver.visit "#{Capybara.app_host}/bootstrap-3.4.html"
+    end
+
+    it 'loads the page correctly', js: true do
+      expect(page).to have_content 'Bootstrap 3.4 Datepicker'
+    end
+
+    it_behaves_like 'a datepicker'
+  end
+
+  describe 'Boostrap 4.4' do
+    before :each do
+      Capybara.current_session.driver.visit "#{Capybara.app_host}/bootstrap-4.4.html"
+    end
+
+    it 'loads the page correctly', js: true do
+      expect(page).to have_content 'Bootstrap 4.4 Datepicker'
+    end
+
+    it_behaves_like 'a datepicker'
+  end
+end

data/spec/spec_helper.rb

@@ -1,36 +1,17 @@
-# This file was generated by the `rspec --init` command. Conventionally, all
-# specs live under a `spec` directory, which RSpec adds to the `$LOAD_PATH`.
-# The generated `.rspec` file contains `--require spec_helper` which will cause this
-# file to always be loaded, without a need to explicitly require it in any files.
-#
-# Given that it is always loaded, you are encouraged to keep this file as
-# light-weight as possible. Requiring heavyweight dependencies from this file
-# will add to the boot time of your test suite on EVERY test run, even for an
-# individual file that may not need all of that loaded. Instead, consider making
-# a separate helper file that requires the additional dependencies and performs
-# the additional setup, and require it from the spec files that actually need it.
-#
-# The `.rspec` file also contains a few flags that are not defaults but that
-# users commonly want.
-#
 # See http://rubydoc.info/gems/rspec-core/RSpec/Core/Configuration
-
 require 'bundler/setup'
 Bundler.setup
 
-require 'capybara-bootstrap-datepicker'
+require 'capybara-bootstrap-datepicker/rspec'
 require 'capybara'
 require 'capybara/rspec'
+require 'capybara-screenshot/rspec'
 require 'capybara/poltergeist'
 require 'phantomjs/poltergeist'
-require 'pry'
 
 Capybara.configure do |config|
   config.javascript_driver = :poltergeist
-  config.app_host = 'file:///home/francois/git/capybara-bootstrap-datepicker/spec/features/'
-  # config.app_host = 'http://localhost:3007'
-  # config.server_host = 'localhost'
-  # config.server_port = '3007'
+  config.app_host = "file://#{File.expand_path('features', __dir__)}"
 end
 
 Capybara.register_driver :poltergeist do |app|
@@ -38,32 +19,14 @@ Capybara.register_driver :poltergeist do |app|
 end
 
 RSpec.configure do |config|
-  # rspec-expectations config goes here. You can use an alternate
-  # assertion/expectation library such as wrong or the stdlib/minitest
-  # assertions if you prefer.
   config.expect_with :rspec do |expectations|
-    # This option will default to `true` in RSpec 4. It makes the `description`
-    # and `failure_message` of custom matchers include text for helper methods
-    # defined using `chain`, e.g.:
-    # be_bigger_than(2).and_smaller_than(4).description
-    #   # => "be bigger than 2 and smaller than 4"
-    # ...rather than:
-    #   # => "be bigger than 2"
     expectations.include_chain_clauses_in_custom_matcher_descriptions = true
   end
 
-  # rspec-mocks config goes here. You can use an alternate test double
-  # library (such as bogus or mocha) by changing the `mock_with` option here.
   config.mock_with :rspec do |mocks|
-    # Prevents you from mocking or stubbing a method that does not exist on
-    # a real object. This is generally recommended, and will default to
-    # `true` in RSpec 4.
     mocks.verify_partial_doubles = true
   end
 
-# The settings below are suggested to provide a good initial experience
-# with RSpec, but feel free to customize to your heart's content.
-=begin
   # These two settings work together to allow you to limit a spec run
   # to individual examples or groups you care about by tagging them with
   # `:focus` metadata. When nothing is tagged with `:focus`, all examples
@@ -71,8 +34,8 @@ RSpec.configure do |config|
   config.filter_run :focus
   config.run_all_when_everything_filtered = true
 
-  # Limits the available syntax to the non-monkey patched syntax that is recommended.
-  # For more details, see:
+  # Limits the available syntax to the non-monkey patched syntax that is
+  # recommended. For more details, see:
   #   - http://myronmars.to/n/dev-blog/2012/06/rspecs-new-expectation-syntax
   #   - http://teaisaweso.me/blog/2013/05/27/rspecs-new-message-expectation-syntax/
   #   - http://myronmars.to/n/dev-blog/2014/05/notable-changes-in-rspec-3#new__config_option_to_disable_rspeccore_monkey_patching
@@ -80,7 +43,7 @@ RSpec.configure do |config|
 
   # This setting enables warnings. It's recommended, but in some cases may
   # be too noisy due to issues in dependencies.
-  config.warnings = true
+  # config.warnings = true
 
   # Many RSpec users commonly either run the entire suite or an individual
   # file, and it's useful to allow more verbose output when running an
@@ -108,5 +71,4 @@ RSpec.configure do |config|
   # test failures related to randomization by passing the same `--seed` value
   # as the one that triggered the failure.
   Kernel.srand config.seed
-=end
 end

metadata

@@ -1,140 +1,146 @@
 --- !ruby/object:Gem::Specification
 name: capybara-bootstrap-datepicker
 version: !ruby/object:Gem::Version
-  version: 0.0.9
+  version: 0.2.1
 platform: ruby
 authors:
 - François Vantomme
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2015-05-07 00:00:00.000000000 Z
+date: 2020-06-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
-  name: rspec
+  name: capybara
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.1'
+        version: '3.29'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 3.1.0
-  type: :runtime
+        version: 3.29.0
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.1'
+        version: '3.29'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 3.1.0
+        version: 3.29.0
 - !ruby/object:Gem::Dependency
-  name: capybara
+  name: capybara-screenshot
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.4'
+        version: '1.0'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 2.4.4
-  type: :runtime
+        version: 1.0.22
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.4'
+        version: '1.0'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 2.4.4
+        version: 1.0.22
 - !ruby/object:Gem::Dependency
   name: phantomjs
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.9'
+        version: '2.1'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 1.9.7.1
+        version: 2.1.1.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.9'
+        version: '2.1'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 1.9.7.1
+        version: 2.1.1.0
 - !ruby/object:Gem::Dependency
   name: poltergeist
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.5'
+        version: '1.18'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 1.5.1
+        version: 1.18.1
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.5'
+        version: '1.18'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 1.5.1
+        version: 1.18.1
 - !ruby/object:Gem::Dependency
-  name: pry
+  name: rspec
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.9'
+        version: '3.9'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.9.12.6
+        version: 3.9.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.9'
+        version: '3.9'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.9.12.6
+        version: 3.9.0
 description: Helper for triggering date input for bootstrap-datepicker javascript
   library
 email:
-- akarzim@gmail.com
+- akarzim@pm.me
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
 - ".gitignore"
+- ".rspec"
+- ".ruby-version"
+- ".travis.yml"
 - Gemfile
+- Gemfile.lock
 - LICENSE.txt
 - README.md
 - Rakefile
 - capybara-bootstrap-datepicker.gemspec
 - lib/capybara-bootstrap-datepicker.rb
+- lib/capybara-bootstrap-datepicker/rspec.rb
 - lib/capybara-bootstrap-datepicker/version.rb
 - lib/capybara/bootstrap-datepicker.rb
-- spec/features/bootstrap.html
+- spec/features/bootstrap-3.4.html
+- spec/features/bootstrap-4.4.html
 - spec/features/bootstrap_datepicker_spec.rb
 - spec/spec_helper.rb
 homepage: https://github.com/akarzim/capybara-bootstrap-datepicker
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -142,19 +148,20 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 2.5.7
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.4.5
-signing_key: 
+rubyforge_project:
+rubygems_version: 2.7.6.2
+signing_key:
 specification_version: 4
-summary: Helper for triggering date input for bootstrap-datepicker javascript library
+summary: Bootstrap datepicker helper for Capybara
 test_files:
-- spec/features/bootstrap.html
+- spec/features/bootstrap-3.4.html
+- spec/features/bootstrap-4.4.html
 - spec/features/bootstrap_datepicker_spec.rb
 - spec/spec_helper.rb

data/spec/features/bootstrap.html

@@ -1,25 +0,0 @@
-<html>
-<head>
-  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
-  <link rel="stylesheet" href="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker3.css">
-</head>
-<body>
-  <div class="container">
-    <h1>Bootstrap3 Datepicker</h1>
-
-    <form>
-      <div class="form-group">
-        <label for="my-date-input">Label of my date input</label>
-        <div class="input-group date">
-          <input type="text" class="form-control" id="my-date-input">
-          <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
-        </div>
-      </div>
-    </form>
-  </div>
-  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
-  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
-  <script src="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
-  <script type="text/javascript">$('.input-group.date').datepicker({});</script>
-</body>
-</html>