Capybaraのカスタムdriverを書くときのイロイロ

    def trace(klass)
      klass.public_instance_methods(false).each do |method_sym|
        orig = klass.instance_method(method_sym)
        klass.define_method(method_sym) do |*args, **kwargs, &block|
          puts "START: #{klass.name}##{method_sym} #{args.map(&:to_s)} #{kwargs.map {|k, v| "#{k.to_s} => #{v.to_s}"}}"
          orig.bind(self).call(*args, **kwargs, &block)
        end
      end
    end
    trace(Capybara::Selenium::Driver)
    trace(Capybara::Selenium::Node)
    trace(Capybara::Selenium::Find)
    trace(Capybara::DSL)

def trace(klass)
  klass.public_instance_methods(false).each do |method_sym|
    orig = klass.instance_method(method_sym)
    klass.define_method(method_sym) do |*args, &block|
      puts "START: #{klass.name}##{method_sym}, #{args}"
      orig.bind(self).call(*args, &block)
    end
  end
end
trace(Capybara::Cuprite::Driver)
trace(Capybara::Cuprite::Node)

s.add_development_dependency('launchy', ['>= 2.0.4'])
s.add_development_dependency('sinatra', ['>= 1.4.0'])

Capybara.register_driver(:playwright) do |app|
  Capybara::Playwright::Driver.new(app, browser_type: :chromium, headless: false)
end

Capybara.default_driver = :playwright
Capybara.save_path = 'tmp/capybara'
Capybara.server = :webrick

# frozen_string_literal: true

require 'spec_helper'
require 'capybara/spec/spec_helper'

module TestSessions
  Playwright = Capybara::Session.new(:playwright, TestApp)
end

skipped_tests = %i[

]
Capybara::SpecHelper.run_specs TestSessions::Playwright, 'Playwright', capybara_skip: skipped_tests do |example|

end

skipped_tests = %i[

]
Capybara::SpecHelper.run_specs TestSessions::Playwright, 'Playwright', capybara_skip: skipped_tests do |example|
  case example.metadata[:full_description]
  when /on \/html selector/
    pending 'CSS selector with "/html" is not supported'
  end
end

file_path=>"/Users/yusuke-iwaki/.rbenv/versions/2.7.2/lib/ruby/gems/2.7.0/gems/capybara-3.35.3/lib/capybara/spec/session/node_spec.rb",
:line_number=>12,

Capybara::SpecHelper.run_specs TestSessions::Playwright, 'Playwright', capybara_skip: skipped_tests do |example|
  if example.metadata[:file_path].end_with?('/session/node_spec.rb') && example.metadata[:line_number] <= 100
    next
  end
  skip
end

$ bundle exec rspec spec/playwright_driver_spec.rb 

Capybara::Session Playwright
  node
    should act like a session object
    should scope CSS selectors
    #query_scope
      should have a reference to the element the query was evaluated on if there is one
    #text
      should extract node texts
      should return document text on /html selector (PENDING: CSS selector with "/html" is not supported)
    #[]
      should extract node attributes (FAILED - 1)
      should extract boolean node attributes (FAILED - 2)
    #style
call evaluate_script(args=["(function(){\n  return (function(){\n  var s = window.getComputedStyle(this);\n  var result = {};\n  for (var i = arguments.length; i--; ) {\n    var property_name = arguments[i];\n    result[property_name] = s.getPropertyValue(property_name);\n  }\n  return result;\n}).apply(this, arguments)\n}).apply(arguments[0], Array.prototype.slice.call(arguments,1));", #<Capybara::Playwright::Node tag="p">, "display"], kwargs={})
      should return the computed style value (FAILED - 3)
call evaluate_script(args=["(function(){\n  return (function(){\n  var s = window.getComputedStyle(this);\n  var result = {};\n  for (var i = arguments.length; i--; ) {\n    var property_name = arguments[i];\n    result[property_name] = s.getPropertyValue(property_name);\n  }\n  return result;\n}).apply(this, arguments)\n}).apply(arguments[0], Array.prototype.slice.call(arguments,1));", #<Capybara::Playwright::Node tag="p">, "display", "line-height"], kwargs={})
      should return multiple style values (FAILED - 4)
    #value
      should allow retrieval of the value (FAILED - 5)
      should not swallow extra newlines in textarea (FAILED - 6)
      should not swallow leading newlines for set content in textarea (FAILED - 7)
      return any HTML content in textarea (FAILED - 8)
      defaults to 'on' for checkbox (FAILED - 9)
      defaults to 'on' for radio buttons (FAILED - 10)
    #set
      should allow assignment of field value (FAILED - 11)
      should fill the field even if the caret was not at the end (PENDING: No reason given)
      should not change if the text field is readonly (PENDING: No reason given)
      should not change if the textarea is readonly (PENDING: No reason given)
      should use global default options (PENDING: No reason given)
      with a contenteditable element
        should allow me to change the contents (PENDING: No reason given)
        should allow me to set the contents (PENDING: No reason given)
        should allow me to change the contents of a child element (PENDING: No reason given)
    #tag_name
      should extract node tag name (PENDING: No reason given)
    #disabled?
      should extract disabled node (PENDING: No reason given)
      should see disabled options as disabled (PENDING: No reason given)
      should see enabled options in disabled select as disabled (PENDING: No reason given)

（中略）

Finished in 58.86 seconds (files took 1.37 seconds to load)
1479 examples, 11 failures, 1464 pending

      def perform_click_action(keys, wait: nil, **options)
        raise ArgumentError, 'You must specify both x: and y: for a click offset' if nil ^ options[:x] ^ options[:y]

        options[:offset] ||= :center if session_options.w3c_click_offset
        synchronize(wait) { yield keys, options }
        self
      end

    module ElementClickOptionPatch
      def perform_click_action(keys, **options)
        # Expose `wait` value to the block given to perform_click_action.
        if options[:wait].is_a?(Numeric)
          options[:_playwright_wait] = options[:wait]
        end
        super
      end
    end
    Capybara::Node::Element.prepend(ElementClickOptionPatch)

class TestApp < Sinatra::Base
  get('/') { '<h1>It works!</h1>' }

  get('/alert') {
    <<~HTML
    <html>
    <head>
    <script type="text/javascript">
    window.addEventListener('DOMContentLoaded', () => {
      document.querySelector('button').addEventListener('click', (evt) => {
        alert('Hoge!');
        document.getElementById('result').innerText = "clicked";
      }, false);
    }, false);
    </script>
    </head>
    <body>
      <button>Click me</button>
      <span id="result"></span>
    </body>
    </html>
    HTML
  }
end

visit '/alert'
find('button').click # ここでモーダルが出現
expect(page).to have_content('clicked')

Failures:

  1) example accept modal by default
     Failure/Error: expect(page).to have_content('clicked')
     
     Selenium::WebDriver::Error::UnexpectedAlertOpenError:
       unexpected alert open: {Alert text : Hoge!}
         (Session info: chrome=90.0.4430.93)
     # 0   chromedriver                        0x0000000109851cc9 chromedriver + 2718921
     # 1   chromedriver                        0x0000000109f0e143 chromedriver + 9781571
     # 2   chromedriver                        0x00000001095e3218 chromedriver + 168472
     # 3   chromedriver                        0x0000000109645993 chromedriver + 571795
     # 4   chromedriver                        0x00000001096343d3 chromedriver + 500691
     # 5   chromedriver                        0x000000010960ad9f chromedriver + 331167
     # 6   chromedriver                        0x000000010960c03d chromedriver + 335933
     # 7   chromedriver                        0x000000010981c5f9 chromedriver + 2500089
     # 8   chromedriver                        0x000000010982a8a5 chromedriver + 2558117
     # 9   chromedriver                        0x000000010982b80f chromedriver + 2562063
     # 10  chromedriver                        0x0000000109800741 chromedriver + 2385729
     # 11  chromedriver                        0x000000010982bd1f chromedriver + 2563359
     # 12  chromedriver                        0x0000000109811c3c chromedriver + 2456636
     # 13  chromedriver                        0x0000000109845398 chromedriver + 2667416
     # 14  chromedriver                        0x000000010984555a chromedriver + 2667866
     # 15  chromedriver                        0x0000000109856d18 chromedriver + 2739480
     # 16  libsystem_pthread.dylib             0x00007fff204ca954 _pthread_start + 224
     # 17  libsystem_pthread.dylib             0x00007fff204c64a7 thread_start + 15
     # ./spec/feature/example_spec.rb:12:in `block (2 levels) in <top (required)>'

    visit '/alert'
    accept_alert 'xxx' do
      find('button').click # ここでモーダルが出現
    end
    expect(page).to have_content('clicked')

Failures:

  1) example accept modal by default
     Failure/Error:
       accept_alert 'xxx' do
         find('button').click
       end
     
     Capybara::ModalNotFound:
       Unable to find modal dialog with xxx - found 'Hoge!' instead.
     # ./spec/feature/example_spec.rb:11:in `block (2 levels) in <top (required)>'

    visit '/alert'
    accept_alert do
      find('button').click
      find('button').click
      find('button').click
    end
    expect(page).to have_content('clicked')

Failures:

  1) example accept modal by default
     Failure/Error: find('button').click
     
     Selenium::WebDriver::Error::UnexpectedAlertOpenError:
       unexpected alert open: {Alert text : Hoge!}
         (Session info: chrome=90.0.4430.93)
     # 0   chromedriver                        0x0000000100cb9cc9 chromedriver + 2718921
     # 1   chromedriver                        0x0000000101376143 chromedriver + 9781571
     # 2   chromedriver                        0x0000000100a4b218 chromedriver + 168472
     # 3   chromedriver                        0x0000000100aad993 chromedriver + 571795
     # 4   chromedriver                        0x0000000100a9c3d3 chromedriver + 500691
     # 5   chromedriver                        0x0000000100a72d9f chromedriver + 331167
     # 6   chromedriver                        0x0000000100a7403d chromedriver + 335933
     # 7   chromedriver                        0x0000000100c845f9 chromedriver + 2500089
     # 8   chromedriver                        0x0000000100c928a5 chromedriver + 2558117
     # 9   chromedriver                        0x0000000100c9380f chromedriver + 2562063
     # 10  chromedriver                        0x0000000100c68741 chromedriver + 2385729
     # 11  chromedriver                        0x0000000100c93d1f chromedriver + 2563359
     # 12  chromedriver                        0x0000000100c79c3c chromedriver + 2456636
     # 13  chromedriver                        0x0000000100cad398 chromedriver + 2667416
     # 14  chromedriver                        0x0000000100cad55a chromedriver + 2667866
     # 15  chromedriver                        0x0000000100cbed18 chromedriver + 2739480
     # 16  libsystem_pthread.dylib             0x00007fff204ca954 _pthread_start + 224
     # 17  libsystem_pthread.dylib             0x00007fff204c64a7 thread_start + 15
     # ./spec/feature/example_spec.rb:13:in `block (3 levels) in <top (required)>'
     # ./spec/feature/example_spec.rb:11:in `block (2 levels) in <top (required)>'

    visit '/alert'
    accept_alert do
      # find('button').click
    end
    expect(page).to have_content('clicked')

Failures:

  1) example accept modal by default
     Failure/Error:
       accept_alert do
         # find('button').click
       end
     
     Capybara::ModalNotFound:
       Unable to find modal dialog
     # ./spec/feature/example_spec.rb:11:in `block (2 levels) in <top (required)>'
     # ------------------
     # --- Caused by: ---
     # Selenium::WebDriver::Error::TimeoutError:
     #   timed out after 2 seconds (no such alert
     #     (Session info: chrome=90.0.4430.93))
     #   ./spec/feature/example_spec.rb:11:in `block (2 levels) in <top (required)>'

  it 'passes with nested handler on 2 dialog shown' do
    visit '/confirm_twice'
    accept_confirm do
      accept_confirm do
        find('button').click # 2回confirmダイアログが出る
      end
    end
    expect(page).to have_content('clicked')
  end