Tests Interfaces Web avec Rails

Paris On Rail 2008 – Copyright (c) Garnier Jean-Michel. Licence: Creative Commons.

http://www.21croissants.com

Les Tests d'Interface Web avec Rails

PARIS ON RAILS – 1er Décembre 2008

Tests unitairesVues, Helpers, js

4Paris On Rail 2008 – Copyright (c) Garnier Jean-Michel. Licence: Creative Commons.

test/functional/assert_selectassert_select_RJS

specs/helpersspec/views

Test::Unit

2 frameworks de test:

RSpec minimaliste des Vues

describe "/events/show" do

before(:each) do @event = stub_event_in_barcelona assigns[:event] = @event render('/events/show') end

it "should render correctly an event" do response.should include_text( @event.name ) end

TDD javascript avec ScrewUnit

/!\ Ne pas tester jQuery ou Prototype /!\

http://pivotallabs.com/users/nick/blog/articles/447-screw-unit-0-3

script/plugin install git://github.com/pivotal/screw-unit-server.git

// RAILS_ROOT/public/javascripts/application.jsrequire("/implementations/application");

Screw.Unit(function() { describe('HelloWorldExampleClass', function() { var hello; describe('#helloWorld', function() { describe('when running ...', function() { before(function() { hello = new HelloWorldExample({}); }); it("should say 'Hello World!'", function() { expect(hello.sayHelloWorld()).to(equal,"Hello World!"); }); }); ...

script/screw_unit_server http://0.0.0.0:8080/specs

Onclick: lance le test

Tests Acceptance Utilisateur avec cucumber

http://github.com/aslakhellesoy/cucumber/wikis/ruby-on-rails

Fonctionnalités utilisées

Source:Aslak HellesøyCHAOS report

Origine des erreurs

Source:Aslak HellesøyCHAOS report

Août 2008 : cucumber

Aslak Hellesøy

Fonctionnalité.txt

+ cucumber= Spec exécutable

Le dernier joujou des alpha geeks?

Fonctionnalité: Addition

Afin de financer mon bonus avec l'argent des pigeons

En tant que trader Je souhaite pouvoir additionner 2 chiffres

Valeur

Fonctionnalité

/features/calculatrice.feature

Scénario: Addition de produits dérivés

Étant donné que je tape 55000000000000

Et que je tape 2

Lorsque je tape additionner

Alors le résultat doit être 5500000000002

GIVEN: contexte, pré-conditions

Et que je tape 2

WHEN: événement, action

Boulot du développeur

Aider le client à rédiger des critères d'acceptance

Ecrire le code ruby de chaque « step » pour que les fonctionnalités soient exécutées

Et que je tape 2

THEN: résultat, post-conditions

Before do @calc = Calcu lat r i ce .newend

# Etant donné que je tape / Et que je tapeGiven /que je tape (\d+)/ do |n| @calc.push n.to_iend

# Lorsque je tape additionnerWhen 'je tape additionner' do @result = @calc.additionnerend

# Alors le résultat doit être ...Then /le résultat doit être (\d*)/ do |expected| @result.should == expected.to_iend

/features/step_definitions/calculatrice.rb

Exécution: rake features

Documentation à jour + exécutable

Le format de Tables à la FIT

Etant donné que je tape 2

Et que je tape 1

Plus d'exemples:

| a | b | somme |

| 2 | 2 | 4 |

| 2 | 3 | 5 |

rake features

Tests AcceptanceUtilisateur

avec cucumber + webrathttp://github.com/brynary/webrat

Web Application Ruby Acceptance Testing

Cucumber /features/step_definitions/common_webrat_steps .fr

Given /^que je suis dans la page de "(.*)"$/ do |url| visits urlend

When /^je tape "(.*)" dans le champ "(.*)"$/ do |value, field| fills_in(field, :with => value)end

When /^je clique sur le bouton "(.*)"$/ do |button| clicks_button(button)end

Then /^je devrais voir le texte "(.*)"$/ do |text| response_body.should contain(text)end

Limitation de Webrat::RailsSession

« simule » le butineur, pas de render de la page

=> Rapide :-)

=> Pas de support de javascript :-(

Webrat::CeleritySession

1.1.4 et 6 ou

Basé sur la librarie java HtmlUnit jgem install celerity + toutes tes gems du

projet jruby -S rake features

Prototype Ajax.update ne fonctionne pas :-(

Webrat::SeleniumSession rocks!

Vidéo Selenium User group (fev 2008) http://www.youtube.com/watch?v=EDb8yOM3Vpw

« Fermes » selenium de google:

50 équipes & 51 000 tests Phillipe Hanrigou:

gem install selenium-client Voir les /examples/ruby de

Tester Ajaxavec cucumber + webrat +

seleniumhttp://github.com/ph7/selenium-client/

La newsletter de lecool

Fonctionnalité: Programmation d'une journée de la newsletter Afin de gagner du temps dans la programmation de la Newsletter En tant qu'éditeur de lecool, je souhaite pouvoir changer l'ordre des événements par glisser-déposer

Scénario: Etant donné que je suis logged in en tant qu'administrateur Lorsque j'édite la newsletter "Barcelona Selected * 256" Et que je clique sur l'événement "Los buenos muñecos viven para siempre" pour le déposer sur l'événement "La Leyenda de Los Planetas" Alors l'évenement "Los buenos muñecos viven para siempre" devrait être en position 2

# Etant donné que je suis logged in en tant qu'administrateurGiven /que je suis logged in en tant qu'administrateur/ do user = User.find_by_nickname(...) visits "/admin/login" fills_in("Email", :with => "jm@lecool.com") fills_in("Password", :with => "12345678") clicks_button("Sign in")end

# Lorsque j'édite la newsletter "Barcelona Selected * 256"When /^j'édite la newsletter "(.*)"$/ do |name| @newsletter = News le t ter.find_by_title(name) visits"/admin/newsletters/#{@newsletter.id}/edit_newsletter"end

# Et que je clique sur l'évenement "Los buenos muñecos viven parasiempre" pour le déposer sur l'évenement "La Leyenda de Los Planetas"

When /^que je clique sur l'évenement "(.*)" pour ledéposer sur l'évenement "(.*)"/ do |from_event_name,to_event_name| drag_and_drop_to_object xpath_event(from_event_name),

xpath_event(to_event_name) wait_for_ajaxend

# Alors l'évenement "Los buenos muñecos viven para siempre"devrait être en position 2

Then /^l'évenement "(.*)" devrait être en position(\d+)/ do |event_name, position| Event.find_by_name(event_name).position_in_newsletter.should == position.to_iend

Fonctionnalité: Google map

Afin de pouvoir trouver plus facilement le lieu de l'événement En tant que lecteur de lecool, je souhaite pouvoir visualiser une google map Scénario: Voir la carte d'un événement

Etant donné que je suis dans la page de "/cities/barcelona/" Lorsque je clique sur "VIEW MAP" de l'événement "Lube Magazine" Et que je clique sur l'icône de l'événement Alors je devrais voir le texte "Barcelona"

# Etant donné que je suis dans la page de "/cities/barcelona"Given /^que je suis dans la page de "(.*)"$/ do |url| visits urlend

CENSURE!

Lorsque je clique sur "VIEW MAP" de l'événement "Lube Magazine"

When /^je clique sur "VIEW MAP" de l'évenement"(.*)"/ do|event_name| event =Event.find_by_name(event_name) clicks "//a[@id=view_map-#{event_id}']" wait_for_ajax end

# Et que je clique sur l'icône de l'événementWhen /^que je clique sur l'icône de l'évenement$/ do clicks "mtgt_unnamed_0" # google map iconend

Selenium IDE à la rescousse

Ouvre l'éditeur / Debugging

Paris On Rail 2008 – Copyright (c) Garnier Jean-Michel. Licence: Creative Commons.

Intégration Continue

http://cruisecontrolrb.thoughtworks.com

cruise add <name> -u <url>cruise start

Hudson http://blog.huikau.com/2008/01/09/jruby-ruby-continuous-integration-with-hudson/

Merci de votre attention!

Questions - Réponses

Tests Interfaces Web avec Rails

Technology

Introduction to Rails Rails Principles Lecture 18: Ruby on Rails Inside Rails …wl/csc309/handouts/rails.pdf · 2007-11-28 · 1 1 Lecture 18: Ruby on Rails Wendy Liu CSC309F –

Proverbs: My ﬁrst app with Rails Install rails 5

Chinaon Rails Free Ruby Rails Books

Ruby on rails porque usar rails?!

Java : Introduction Master PISE - irif.fryunes/cours/java_pise/fiches/polycharbit.pdf · 11 Interfaces graphiques avec Netbeans 41 ... 14 Javadoc 51 14.1 Javadoc ... fa˘con un jour)

Ruby On Rails Introduction [Εισαγωγή στο Rails]

SPECTRE TRAÇABILITÉ INDUSTRIELLE & LOGISTIQUE LECTEUR … · 2019. 4. 2. · Interfaces de communication TCP/IP PoE / RS232 / RS485 avec protocole de communication SSCP Entrées

Rails off the Rails - seas.upenn.educse400/CSE400_2012_2013/posters/08... · Rails off the Rails: Visualizing Railway Safety Incidents Scott Biddle, Arda Kuyumcu, Amanda Pacheco,

Getting Started With Rails — Ruby on Rails Guides

Ruby on Rails Creating a Rails Application

PROJECT PROJET ORDERING SPECIFICATION SPÉCIFICATION DE ... · LEDIL RTI - angle de faisceau total de 17° & 48° 120V ou 277V (non disponible en version DEL ou avec système de rails)

Jruby On Rails. Ruby on Rails en la JVM

TITLE: Bed Rails Policy: Using Bed Rails Safely and Effectively · Bed Rails Policy: Using Bedrails Safely and Effectively Page 1 of 14 TITLE: Bed Rails Policy: Using Bed Rails Safely

Ajax Support in Rails Ajax Support in Rails

Développeur back-end Rails #start-up #CDI · Notre stack technique • Ruby on Rails 4.2 avec Ruby 2.3 • Rspec pour les tests • Angular pour le front, CloudFront pour la diffusion

3 interfaces principales - MLM Solutions Web · Votre Business mérite le Meilleur Avec notre solution MLM Keeet, vous avez une plateforme avec : un nom de domaine à votre convenance

Introduction to Ruby, Rails, and Ruby on Rails

Rails Conference Presentation 2016 - UX, Rails and Awesomeness

Rails Girls: Programming, Web Applications and Ruby on Rails

IMPACT DU PROGRAMME GRAND CARÉNAGE SUR LA · PDF fileDéploiement de l’AP913 (fiabilisation des matériels) | 6 Les interfaces avec d’autres grands projets : PARTNER (bâtiments