如何在rspecCapybara中测试javascript？

我使用javascript库clipboardjs将输入字段值复制到系统剪贴板

在my application.js中：

function addressClipboard() {
  new Clipboard('.address-copy', {
      text: function(trigger) {
          var addressString = "";
          addressString += $('#addresses_attributes_0_street').val() + "\n" +
             $('#addresses_attributes_0_city').val() + "\n";
          addressString = addressString.trim();
          return addressString;
      }
  })
};

我喜欢用rspec和capybara测试功能

地址_spec.rb：

    it "checks the copied values when clicking the copy-to-clipboard link", :js do
      new_address = build(:address)
      visit new_address_path
      fill_in "person_addresses_attributes_0_street", with: new_address.street
      fill_in "person_addresses_attributes_0_city", with: new_address.city
      click_link(I18n.t('helpers.copy_to_clipboard'))
      # Pseudocode:
      expect(page.execute_script("addressClipboard()")).to eq([new.address.street,new.address.city].join)

---

是否有方法访问javascript变量addressString并将其与地址属性（例如rspec中的new_address.street）进行比较？

我认为您无法填充文本框，因为使用了fill_in，然后返回nill。它应该填写在'Name'，：with=>'text'中，如图所示：

it "checks the copied values when clicking the copy-to-clipboard link", :js do
  new_address = build(:address)
  visit new_address_path
  fill_in "person_addresses_attributes_0_street", :with => new_address.street
  fill_in "person_addresses_attributes_0_city", :with => new_address.city
  click_link(I18n.t('helpers.copy_to_clipboard'))

  expect(page.evaluate_script("addressClipboard()")).to be true
end

我找到了一个解决方案：

将我的javascript更改为：

addressClipboard = undefined;
lastAddressString = undefined;

$(document).ready(function(e) {
    addressClipboard = new Clipboard('.address-copy', {
        text: function(trigger) {
            var addressString = "";
            addressString += $('#person_addresses_attributes_0_street').val() + "\n" +
               $('#person_addresses_attributes_0_city').val() + "\n";
            lastAddressString = addressString = addressString.trim();
            return addressString;
        },
    });
});

我可以在rspec中访问javascript的lastAddressString：

  clipboard_text = page.evaluate_script("addressClipboard.text()")
  expected_text = [ new_address.street, new_address.city ].join("\n")
  expect(clipboard_text).to eql(expected_text)

---

我的填充方法有效。我正在努力访问javascript变量。@StandardNerd如果您的函数是在全局范围内定义的，那么您调用的方法是正确的，否则您需要了解函数的范围，然后调用它。看看这个：这能回答你的问题吗？