Capybara & AJAX: die ultimative Lösung?

Präsentation: http://bit.ly/15v0ynO
Code: http://bit.ly/1cBdZ4M

Transcript

1. Taktsoft Wissensaustausch Capybara & AJAX: die ultimative Lösung?
2. einfaches Beispiel • Rails 3 Application ◦ PostgreSQL ◦ Poltergeist / PhantomJS • Post (Title & Body) ◦ Create & Destroy via AJAX
3. Feature-Spec it "creates a new post on submit" do visit posts_path page.click_on "New Post" page.fill_in 'Title', with: "Foo" page.fill_in 'Body', with: "Bar" expect { page.click_on "Create Post" }.to change(Post, :count).from(0).to(1) end
4. 1 example, 1 failure
5. Probleme • ID des neuen Datensatzes nicht bekannt! ◦ kein: page.should have_css “#model_#{id}” • Class nur für den Test setzen? ◦ Kein App-Code damit Test funktioniert • sleep(Capybara.default_wait_time) ◦ Nicht die feine Art
6. Vorschlag • jQuery.ajaxStart & jQuery.ajaxStop ◦ globale AJAX-Event-Handler • AJAX-Status an Attribut setzen / erkennen ◦ z.B. am immer verfügbaren body-Tag
7. Implementierung (1) page.execute_script <<-EOS $(document).ready(function() { $('body').attr('data-ajax-status', 'stop'); }); $(document).ajaxStart(function() { $('body').attr('data-ajax-status', 'start'); }); $(document).ajaxStop(function() { $('body').attr('data-ajax-status', 'stop'); }); EOS
8. page.should have_css "body[data-ajax-status=stop]" • Jeweils über eine Helper-Methode aufrufbar ◦ wait_for_ajax_install (1) ◦ wait_for_ajax_stop (2) • install nach visit • stop vor assert Implementierung (2)
9. 1 example, 0 failures
10. Ausblick • Berücksichtigung von Nebenläufigkeit ◦ Mehrere AJAX-Requests überschneiden sich • Verankerung in RSpec ◦ kein expliziter Aufruf der Helper • Erweiterung als Gem ◦ nächster Wissensaustausch … ;)
11. Vielen Dank Präsentation: http://bit.ly/15v0ynO Code: http://bit.ly/1cBdZ4M
12. Hidden Page • using_wait_time(seconds) { … } ◦ führt einen Block mit der angegebenen wait time aus • page.should have_css “#foo”, wait: 5 ◦ führt die expectation mit der angegebenen wait time aus