capybara 2.18.0 → 3.40.0

data/lib/capybara/spec/public/test.js

@@ -1,21 +1,108 @@
 var activeRequests = 0;
 $(function() {
   $('#change').text('I changed it');
-  $('#drag, #drag_scroll').draggable();
+  $('#drag, #drag_scroll, #drag_link').draggable({
+    start: function(event, ui){
+      $(document.body).append(
+        "<div class='drag_start'>Dragged!" +
+          (event.altKey ? "-alt" : "") +
+          (event.ctrlKey ? "-ctrl" : "") +
+          (event.metaKey ? "-meta" : "") +
+          (event.shiftKey ? "-shift" : "") +
+          "</div>"
+      );
+    }
+  });
   $('#drop, #drop_scroll').droppable({
+    tolerance: 'touch',
     drop: function(event, ui) {
       ui.draggable.remove();
-      $(this).html('Dropped!');
+      $(this).html(
+        "Dropped!" +
+          (event.altKey ? "-alt" : "") +
+          (event.ctrlKey ? "-ctrl" : "") +
+          (event.metaKey ? "-meta" : "") +
+          (event.shiftKey ? "-shift" : "")
+      );
     }
   });
-  $('#clickable').click(function() {
+  $('#drag_html5, #drag_html5_scroll').on('dragstart', function(ev){
+    $(document.body).append(
+        "<div class='drag_start'>HTML5 Dragged!" +
+          (event.altKey ? "-alt" : "") +
+          (event.ctrlKey ? "-ctrl" : "") +
+          (event.metaKey ? "-meta" : "") +
+          (event.shiftKey ? "-shift" : "") +
+          "</div>"
+    );
+    ev.originalEvent.dataTransfer.setData("text", ev.target.id);
+  });
+  $('#drag_html5, #drag_html5_scroll').on('dragend', function(ev){
+    $(this).after('<div class="log">DragEnd with client position: ' + ev.clientX + ',' + ev.clientY)
+  });
+  $('#drop_html5, #drop_html5_scroll').on('dragover', function(ev){
+    $(this).after('<div class="log">DragOver with client position: ' + ev.clientX + ',' + ev.clientY)
+    if ($(this).hasClass('drop')) { ev.preventDefault(); }
+  });
+  $('#drop_html5, #drop_html5_scroll').on('dragenter', function(ev){
+    $(this).after('<div class="log">DragEnter')
+    if ($(this).hasClass('drop')) { ev.preventDefault(); }
+  });
+  $('#drop_html5, #drop_html5_scroll').on('dragleave', function(ev){
+    $(this).after('<div class="log">DragLeave with client position: ' + ev.clientX + ',' + ev.clientY)
+    if ($(this).hasClass('drop')) { ev.preventDefault(); }
+  });
+  $('#drop_html5, #drop_html5_scroll').on('drop', function(ev){
+    $(this).after('<div class="log">Drop with client position: ' + ev.clientX + ',' + ev.clientY)
+    if ($(this).hasClass('drop')) { ev.preventDefault(); }
+  });
+  $('#drop_html5, #drop_html5_scroll').on('drop', function(ev){
+    ev.preventDefault();
+    var oev = ev.originalEvent;
+    if (oev.dataTransfer.items) {
+      for (var i = 0; i < oev.dataTransfer.items.length; i++){
+        var item = oev.dataTransfer.items[i];
+        if (item.kind === 'file'){
+          var file = item.getAsFile();
+          $(this).append('HTML5 Dropped file: ' + file.name);
+        } else {
+          var _this = this;
+          var callback = (function(type) {
+            return function(s) {
+              $(_this).append(
+                "HTML5 Dropped string: " +
+                  type +
+                  " " +
+                  s +
+                  (ev.altKey ? "-alt" : "") +
+                  (ev.ctrlKey ? "-ctrl" : "") +
+                  (ev.metaKey ? "-meta" : "") +
+                  (ev.shiftKey ? "-shift" : "")
+              );
+            };
+          })(item.type);
+          item.getAsString(callback);
+        }
+      }
+    } else {
+      $(this).html('HTML5 Dropped ' + oev.dataTransfer.getData("text"));
+      for (var i = 0; i < oev.dataTransfer.files.length; i++) {
+        $(this).append('HTML5 Dropped file: ' + oev.dataTransfer.files[i].name);
+      }
+      for (var i = 0; i < oev.dataTransfer.types.length; i++) {
+        var type = oev.dataTransfer.types[i];
+        $(this).append('HTML5 Dropped string: ' + type + ' ' + oev.dataTransfer.getData(type));
+      }
+    }
+  });
+  $('#clickable').click(function(e) {
     var link = $(this);
     setTimeout(function() {
       $(link).after('<a id="has-been-clicked" href="#">Has been clicked</a>');
       $(link).after('<input type="submit" value="New Here">');
       $(link).after('<input type="text" id="new_field">');
       $('#change').remove();
-    }, 500);
+    }, 1000);
     return false;
   });
   $('#slow-click').click(function() {
@@ -25,6 +112,13 @@ $(function() {
     }, 4000);
     return false;
   });
+  $('#aria-button').click(function() {
+    var span = $(this);
+    setTimeout(function() {
+      $(span).after('<span role="button">ARIA button has been clicked</span>')
+    }, 1000);
+    return false;
+  });
   $('#waiter').change(function() {
     activeRequests = 1;
     setTimeout(function() {
@@ -63,13 +157,50 @@ $(function() {
       $('title').text('changed title')
     }, 400)
   });
+  $('#change-size').click(function() {
+    setTimeout(function() {
+      document.getElementById('change').style.fontSize = '50px';
+    }, 500)
+  });
   $('#click-test').on({
-    dblclick: function() {
-      $(this).after('<a id="has-been-double-clicked" href="#">Has been double clicked</a>');
+    click: function(e) {
+      window.click_delay = ((new Date().getTime()) - window.mouse_down_time)/1000.0;
+      var desc = "";
+      if (e.altKey) desc += 'alt ';
+      if (e.ctrlKey) desc += 'control ';
+      if (e.metaKey) desc += 'meta ';
+      if (e.shiftKey) desc += 'shift ';
+      var pos = this.getBoundingClientRect();
+      $(this).after('<a id="has-been-clicked" href="#">Has been ' + desc + 'clicked at ' + (e.clientX - pos.left) + ',' + (e.clientY - pos.top) + '</a>');
+    },
+    dblclick: function(e) {
+      var desc = "";
+      if (e.altKey) desc += 'alt ';
+      if (e.ctrlKey) desc += 'control ';
+      if (e.metaKey) desc += 'meta ';
+      if (e.shiftKey) desc += 'shift ';
+      var pos = this.getBoundingClientRect();
+      $(this).after('<a id="has-been-double-clicked" href="#">Has been ' + desc + 'double clicked at ' + (e.clientX - pos.left) + ',' + (e.clientY - pos.top) + '</a>');
     },
     contextmenu: function(e) {
       e.preventDefault();
-      $(this).after('<a id="has-been-right-clicked" href="#">Has been right clicked</a>');
+      var desc = "";
+      if (e.altKey) desc += 'alt ';
+      if (e.ctrlKey) desc += 'control ';
+      if (e.metaKey) desc += 'meta ';
+      if (e.shiftKey) desc += 'shift ';
+      var pos = this.getBoundingClientRect();
+      $(this).after('<a id="has-been-right-clicked" href="#">Has been ' + desc + 'right clicked at ' + (e.clientX - pos.left) + ',' + (e.clientY - pos.top) + '</a>');
+    },
+    mousedown: function(e) {
+      window.click_delay = undefined;
+      window.right_click_delay = undefined;
+      window.mouse_down_time = new Date().getTime();
+    },
+    mouseup: function(e) {
+      if (e.button == 2){
+        window.right_click_delay = ((new Date().getTime()) - window.mouse_down_time)/1000.0;
+      }
     }
   });
   $('#open-alert').click(function() {
@@ -123,23 +254,31 @@ $(function() {
         $(this).attr('confirmed', 'false');
       }
     }
-  })
+  });
   $('#delayed-page-change').click(function() {
     setTimeout(function() {
       window.location.pathname = '/with_html'
     }, 500)
-  })
+  });
   $('#with-key-events').keydown(function(e){
     $('#key-events-output').append('keydown:'+e.which+' ')
   });
   $('#disable-on-click').click(function(e){
-    var input = this
+    var input = this;
     setTimeout(function() {
       input.disabled = true;
     }, 500)
-  })
+  });
   $('#set-storage').click(function(e){
     sessionStorage.setItem('session', 'session_value');
     localStorage.setItem('local', 'local value');
-  })
+  });
+  $('#multiple-file, #hidden_file').change(function(e){
+    $('body').append($('<p class="file_change">File input changed</p>'));
+  });
+
+  var shadow = document.querySelector('#shadow').attachShadow({mode: 'open'});
+  var span = document.createElement('span');
+  span.textContent = 'The things we do in the shadows';
+  shadow.appendChild(span);
 });

data/lib/capybara/spec/session/accept_alert_spec.rb

@@ -1,17 +1,18 @@
 # frozen_string_literal: true
+
 Capybara::SpecHelper.spec '#accept_alert', requires: [:modals] do
   before do
     @session.visit('/with_js')
   end
 
-  it "should accept the alert" do
+  it 'should accept the alert' do
     @session.accept_alert do
       @session.click_link('Open alert')
     end
     expect(@session).to have_xpath("//a[@id='open-alert' and @opened='true']")
   end
 
-  it "should accept the alert if the text matches" do
+  it 'should accept the alert if the text matches' do
     @session.accept_alert 'Alert opened' do
       @session.click_link('Open alert')
     end
@@ -25,14 +26,14 @@ Capybara::SpecHelper.spec '#accept_alert', requires: [:modals] do
     expect(@session).to have_xpath("//a[@id='open-alert' and @opened='true']")
   end
 
-  it "should accept the alert if the text matches a regexp" do
+  it 'should accept the alert if the text matches a regexp' do
     @session.accept_alert(/op.{2}ed/) do
       @session.click_link('Open alert')
     end
     expect(@session).to have_xpath("//a[@id='open-alert' and @opened='true']")
   end
 
-  it "should not accept the alert if the text doesnt match" do
+  it 'should not accept the alert if the text doesnt match' do
     expect do
       @session.accept_alert 'Incorrect Text' do
         @session.click_link('Open alert')
@@ -40,37 +41,37 @@ Capybara::SpecHelper.spec '#accept_alert', requires: [:modals] do
     end.to raise_error(Capybara::ModalNotFound)
   end
 
-  it "should return the message presented" do
+  it 'should return the message presented' do
     message = @session.accept_alert do
       @session.click_link('Open alert')
     end
     expect(message).to eq('Alert opened [*Yay?*]')
   end
 
-  it "should handle the alert if the page changes" do
+  it 'should handle the alert if the page changes' do
     @session.accept_alert do
       @session.click_link('Alert page change')
       sleep 1 # ensure page change occurs before the accept_alert block exits
     end
-    expect(@session).to have_current_path('/with_html')
+    expect(@session).to have_current_path('/with_html', wait: 5)
   end
 
-  context "with an asynchronous alert" do
-    it "should accept the alert" do
+  context 'with an asynchronous alert' do
+    it 'should accept the alert' do
       @session.accept_alert do
         @session.click_link('Open delayed alert')
       end
       expect(@session).to have_xpath("//a[@id='open-delayed-alert' and @opened='true']")
     end
 
-    it "should return the message presented" do
+    it 'should return the message presented' do
       message = @session.accept_alert do
         @session.click_link('Open delayed alert')
       end
       expect(message).to eq('Delayed alert opened')
     end
 
-    it "should allow to adjust the delay" do
+    it 'should allow to adjust the delay' do
       @session.accept_alert wait: 10 do
         @session.click_link('Open slow alert')
       end

data/lib/capybara/spec/session/accept_confirm_spec.rb

@@ -1,31 +1,32 @@
 # frozen_string_literal: true
+
 Capybara::SpecHelper.spec '#accept_confirm', requires: [:modals] do
   before do
     @session.visit('/with_js')
   end
 
-  it "should accept the confirm" do
+  it 'should accept the confirm' do
     @session.accept_confirm do
       @session.click_link('Open confirm')
     end
     expect(@session).to have_xpath("//a[@id='open-confirm' and @confirmed='true']")
   end
 
-  it "should return the message presented" do
+  it 'should return the message presented' do
     message = @session.accept_confirm do
       @session.click_link('Open confirm')
     end
     expect(message).to eq('Confirm opened')
   end
 
-  it "should work with nested modals" do
-    expect {
+  it 'should work with nested modals' do
+    expect do
       @session.dismiss_confirm 'Are you really sure?' do
         @session.accept_confirm 'Are you sure?' do
           @session.click_link('Open check twice')
         end
       end
-    }.not_to raise_error
+    end.not_to raise_error
     expect(@session).to have_xpath("//a[@id='open-twice' and @confirmed='false']")
   end
 end

data/lib/capybara/spec/session/accept_prompt_spec.rb

@@ -1,60 +1,60 @@
 # frozen_string_literal: true
+
 Capybara::SpecHelper.spec '#accept_prompt', requires: [:modals] do
   before do
     @session.visit('/with_js')
   end
 
-  it "should accept the prompt with no message" do
+  it 'should accept the prompt with no message' do
     @session.accept_prompt do
       @session.click_link('Open prompt')
     end
     expect(@session).to have_xpath("//a[@id='open-prompt' and @response='']")
   end
 
-  it "should accept the prompt with no message when there is a default" do
+  it 'should accept the prompt with no message when there is a default' do
     @session.accept_prompt do
       @session.click_link('Open defaulted prompt')
     end
     expect(@session).to have_xpath("//a[@id='open-prompt-with-default' and @response='Default value!']")
   end
 
-  it "should return the message presented" do
+  it 'should return the message presented' do
     message = @session.accept_prompt do
       @session.click_link('Open prompt')
     end
     expect(message).to eq('Prompt opened')
   end
 
-  it "should accept the prompt with a response" do
+  it 'should accept the prompt with a response' do
     @session.accept_prompt with: 'the response' do
       @session.click_link('Open prompt')
     end
     expect(@session).to have_xpath("//a[@id='open-prompt' and @response='the response']")
   end
 
-  it "should accept the prompt with a response when there is a default" do
+  it 'should accept the prompt with a response when there is a default' do
     @session.accept_prompt with: 'the response' do
       @session.click_link('Open defaulted prompt')
     end
     expect(@session).to have_xpath("//a[@id='open-prompt-with-default' and @response='the response']")
   end
 
-  it "should accept the prompt with a blank response when there is a default" do
-    pending "Geckodriver doesn't set a blank response currently" if marionette?(@session)
+  it 'should accept the prompt with a blank response when there is a default' do
     @session.accept_prompt with: '' do
       @session.click_link('Open defaulted prompt')
     end
     expect(@session).to have_xpath("//a[@id='open-prompt-with-default' and @response='']")
   end
 
-  it "should allow special characters in the reponse" do
+  it 'should allow special characters in the reponse' do
     @session.accept_prompt with: '\'the\' \b "response"' do
       @session.click_link('Open prompt')
     end
     expect(@session).to have_xpath(%{//a[@id='open-prompt' and @response=concat("'the' ", '\\b "response"')]})
   end
 
-  it "should accept the prompt if the message matches" do
+  it 'should accept the prompt if the message matches' do
     @session.accept_prompt 'Prompt opened', with: 'matched' do
       @session.click_link('Open prompt')
     end
@@ -69,7 +69,7 @@ Capybara::SpecHelper.spec '#accept_prompt', requires: [:modals] do
     end.to raise_error(Capybara::ModalNotFound)
   end
 
-  it "should return the message presented" do
+  it 'should return the message presented' do
     message = @session.accept_prompt with: 'the response' do
       @session.click_link('Open prompt')
     end

data/lib/capybara/spec/session/active_element_spec.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+Capybara::SpecHelper.spec '#active_element', requires: [:active_element] do
+  it 'should return the active element' do
+    @session.visit('/form')
+    @session.send_keys(:tab)
+
+    expect(@session.active_element).to match_selector(:css, '[tabindex="1"]')
+
+    @session.send_keys(:tab)
+
+    expect(@session.active_element).to match_selector(:css, '[tabindex="2"]')
+  end
+
+  it 'should support reloading' do
+    @session.visit('/form')
+    expect(@session.active_element).to match_selector(:css, 'body')
+    @session.execute_script <<-JS
+      window.setTimeout(() => {
+        document.querySelector('#form_title').focus();
+      }, 1000)
+    JS
+    expect(@session.active_element).to match_selector(:css, 'body', wait: false)
+    expect(@session.active_element).to match_selector(:css, '#form_title', wait: 2)
+  end
+
+  it 'should return a Capybara::Element' do
+    @session.visit('/form')
+    expect(@session.active_element).to be_a Capybara::Node::Element
+  end
+end