वेबकिट या सेलेनियम ड्राइवर के साथ कैपिबरा से सीकेडिटर को कैसे भरें

Question

मैं कैपिबरा के भीतर एक सीकेईडिटर क्षेत्र कैसे भर सकता हूं, मानते हुए कि मैं कैप्बारा-वेबकिट या सेलेनियम जैसे जावास्क्रिप्ट सक्षम ड्राइवर का उपयोग कर रहा हूं?

Answer 1

मैं क्या here पाया से प्रेरित होकर, मैं छिपा textarea पर और CKEditor वस्तु पर डेटा सेट दोनों के लिए जावास्क्रिप्ट का उपयोग करने का समाधान के साथ आया था। परिस्थितियों के आधार पर पर्याप्त नहीं लग रहा था।

def fill_in_ckeditor(locator, opts) 
    content = opts.fetch(:with).to_json # convert to a safe javascript string 
    page.execute_script <<-SCRIPT 
    CKEDITOR.instances['#{locator}'].setData(#{content}); 
    $('textarea##{locator}').text(#{content}); 
    SCRIPT 
end 

# Example: 
fill_in_ckeditor 'email_body', :with => 'This is my message!' 

Answer 2

RSpec + Capybara समर्थन CKEditor उदाहरणों के साथ काम करने के लिए फ़ाइल

module Ckeditor 
    class Instance 
    attr_reader :capybara 
    private :capybara 

    def initialize(instance_id, capybara) 
     @instance_id, @capybara = instance_id, capybara 
    end 

    def val(value) 
     capybara.execute_script "jQuery('textarea##{@instance_id}').val('#{value}')" 
    end 

    def reload_all 
     capybara.execute_script "for(var instance in CKEDITOR.instances) { if(CKEDITOR.instances.hasOwnProperty(instance)) {CKEDITOR.instances[instance].destroy(true);} }" 
     capybara.execute_script "CKEDITOR.replaceAll();" 
    end 
    end 
end 

# usage 
# rte = Ckeditor::Instance.new(:my_instance_id, page) 
# rte.val 'foo' 
# rte.reload_all 
# NOTE: page is provided by Capybara 

https://gist.github.com/3308129

Answer 3

Marc-André's awesome answer

लिए एक छोटा सा इसके अलावा आप नेस्टेड फार्म या एक ही में एक से अधिक textareas उपयोग कर रहे हैं पृष्ठ जेनरेट आईडी बहुत बदसूरत और परीक्षण में लिखने में कठोर हैं (उदाहरण के लिए person_translations_attributes_2_biography) हाय के लिए इस छोटे से जोड़े के साथ विधि आप आप इस

fill_in_ckeditor 'Biography', with: 'Some text' 

Answer 4

मुझे Marc-André's answer के लिए लिख सकते हैं इस

fill_in_ckeditor 'person_translations_attributes_2_biography', with: 'Some text' 

के बजाय आईडी

# Used to fill ckeditor fields 
# @param [String] locator label text for the textarea or textarea id 
def fill_in_ckeditor(locator, params = {}) 
    # Find out ckeditor id at runtime using its label 
    locator = find('label', text: locator)[:for] if page.has_css?('label', text: locator) 
    # Fill the editor content 
    page.execute_script <<-SCRIPT 
     var ckeditor = CKEDITOR.instances.#{locator} 
     ckeditor.setData('#{params[:with]}') 
     ckeditor.focus() 
     ckeditor.updateElement() 
    SCRIPT 
end 

के बजाय उनके लेबल का उपयोग इस तरह ckeditors पता लगा सकते हैं में आइफ्रेम संदर्भ स्विच वेबकिट ड्राइवर

def fill_in_ckeditor(id, with:) 
    within_frame find("#cke_#{id} iframe") do 
     find('body').base.send_keys with 
    end 
    end 

और यह

fill_in_ckeditor 'comment', with: 'This is my message!'

वर्क्स दोनों वेबकिट और सेलेनियम ड्राइवरों

साथ फोन: this capybara-webkit issue

मैं एक और तरीका CKEditor इनपुट को भरने के लिए जो आइफ्रेम संदर्भ में परिवर्तन नहीं करता पाया देखें

this post

से प्रेरित