Bolivia on Rails

Testeando javascript con Steak y Akephalos

Boris Barroso — Tue, 01 Mar 2011 18:20:09 +0000

Saludos de tiempo, quiero decirles que me declaro un fanatico de Steak, es una gema que hace que testear sea mas simple y poderlo combinar con akephalos es algo increible, busque la forma de como hacer funcionar Steak y Akephalos juntos pero lo no lo logre por algún tiempo, ya ahora se como hacerlo, primero les recomiendo de que instalen java para los que usan LINUX ubuntu, debian o mint deben ejecutar

sudo apt-get install curl g++ openjdk-6-jre-headless
sudo apt-get install ant openjdk-6-jdk

La segunda linea es opcional ya que funciona con solo instalar la primera linea, ahora debemos instalar akephalos

gem install akephalos

Esta gema tarda un poco en ser instalada pero veran lo interesante que es y como utilizarla para poder correr tests, no voy a dar indicaciones para instalar Steak pero les muestro como debe lucir el Gemfile

source 'http://rubygems.org'

gem 'rails', '3.0.5'

# Bundle edge Rails instead:
# gem 'rails', :git => 'git://github.com/rails/rails.git'

gem 'sqlite3-ruby'
gem 'steak', :group => :development

group :test do
  gem 'akephalos'
  gem 'rspec-rails'
  gem 'steak'
  gem 'capybara'
  gem 'database_cleaner'
  gem 'spork'
end

Corremos

bundle install

Corremos los instaladores para rspec y steak

rails g rspec:install
rails g steak:install

Y ahora a generar un scaffold y nuestro test

rails g scaffold post title:string body:text publish:boolean
rails g rspec:steak javascript

El rspec:steak nos genera un archivo spec/acceptance/javascript_feature_spec.rb y ahora corremos las migraciones

rake db:migrate
rake db:migrate RAILS_ENV=test

Y ahora tenemos que hacer las pruebas y modificar el código para que funcione, entonces añadimos lo siguiente para que pueda funcionar el AJAX de forma sincrona en app/views/layouts/application.html.erb




  Javascript
  <%= stylesheet_link_tag :all %>
  <%= javascript_include_tag 'jquery-1.5.1.min' %>
  <%= csrf_meta_tag %>

  <% if Rails.env == 'test' %>
    
  <% end %>
<%= yield %>

Con esto nos aseguramos que el AJAX de jQuery sea sincrono (No olvides descargar jquery y hubicarlo en public/javascripts).

Ahora a escribir los tests, para esto editamos el archivo app/views/posts/index.html.erb de la siguiente forma:

Posts
<%= link_to 'Nuevo Post', new_post_path %>


<% @posts.each do |post| %>
  
  
<% end %>

  
    Título
    Contenido
    Publcado
    
  

    <%= post.title %>
    <%= post.body %>
    <%= post.published %>
    
        <%= link_to 'Show', post %>
        <%= link_to 'Edit', edit_post_path(post) %>
        <%= link_to 'Destroy', post, :confirm => 'Are you sure?', :method => :delete %>
  



<%= link_to "more", "#", :id => 'more_link' %>
<%= link_to "ajax", new_post_path, :id => 'ajax' %>

Título	Contenido	Publcado
<%= post.title %>	<%= post.body %>	<%= post.published %>	<%= link_to 'Show', post %> <%= link_to 'Edit', edit_post_path(post) %> <%= link_to 'Destroy', post, :confirm => 'Are you sure?', :method => :delete %>

Con esto tenemos el código con dos vínculos, el primero #more_link que añade contenido directamente y despues el vínculo #ajax que hara una llamada AJAX y presentara el contenido de posts/new, ahora debemos realizar los tests pero antes una ultima configuración, añadimos el archivo spec/acceptance/support/javascript.rb con el siguiente contenido

require 'akephalos'

Rspec.configure do |config|

  config.before(:each) do
    Capybara.current_driver = :akephalos if example.metadata[:js]
    #Capybara.current_driver = :selenium #if example.metadata[:js] # Por defecto capybara usa selenium
  end

  config.after(:each) do
    Capybara.use_default_driver if example.metadata[:js]
  end

end

Aqui estamos indicando cuando debe usar Capybara javascript indicando que el driver a usar es akephalos, escribamos nuestros test en el al archivo spec/acceptance/javascript_feature_spec.rb

require File.expand_path(File.dirname(__FILE__) + '/acceptance_helper')

feature "First Feature", %q{In order to test ajax I must use akephalos} do
  scenario "Scenario name", :js => true do
    visit "/posts"
    page.should have_css("#more", :text => '')
    click_link "more"
    page.should have_css("#more", :text => 'this is the content for more')
    click_link "ajax"
    page.should have_css("#more form")
  end
end

Y para correr el test ejecutamos en consola

rspec spec/acceptance/javascript_feature_spec.rb

El código de este post se encuentra en https://github.com/boriscy/akephalos_steak

Feliz año nuevo, comencemos una comunidad Ruby en Bolivia

Boris Barroso — Fri, 31 Dec 2010 17:54:38 +0000

Saludos a tod@s, este es un llamado para todas las personas que estén interesados en crear una comunidad de ruby en Bolivia, actualmente no existe una comunidad, entiendo que hay muy poca gente que sabe de Ruby pero realmente me encantaría ser miembro de una comunidad que organice eventos y en la cual se pueda compartir y llegar a formar buen@s amig@s. Este fue un año muy bueno para Ruby ya que se lanzo Ruby 1.9.2 y Rails 3 como los hitos mas importantes, Ruby es un lenguaje maravilloso con una comunidad mundial impresionante, quisiera poder ver mas gente de mi Boliva que se integre y aprenda, que vea que hay una opción muy buena que les ahorrara tiempo y hará que sean desarrolladores mas felices.

Contactenme a: boriscyber@gmail.com

Saludos a todos y Feliz año 2011!!!!!

Steak acceptance testing

Boris Barroso — Fri, 15 Oct 2010 00:34:14 +0000

Hasta hace algún tiempo he utilizado cucumber como mi herramienta principal de testeo para pruebas de aceptación, pero la verdad suele ser muy vervoso y los clientes no escribiran sus historias.

Steak

Steak es una herramienta minimalista basada en Rspec para realizar pruebas de aceptación, aún no posee algunas de las caracteristicas que extraño de cucumber como las tablas, pero me siento mas confortable con esta herramienta.

Comencemos

El demo que dare sera para rails 3 y mostrare como se puede realizar tests junto a devise, lo primero que hay que hacer es modificar el archivo Gemfile y añadan lo siguiente

gem 'devise'
# Es necesario añadir este grupo para que funcionen los generators
group :development do
  gem 'rspec-rails'
  gem 'steak', '>= 1.0.0.rc.1'
end
group :test do
  gem 'rspec'
  gem 'steak', '>= 1.0.0.rc.1'
  gem 'capybara'
  gem 'factory_girl_rails'
end

Una ves que tengan esto en su archivo Gemfile ejecuten en la consola

bundle install

y despues que instale las gemas ejecuten

rails generate devise:install
rails generate rspec:install
rails generate steak:install

Ya tenemos la instalación lista ahora comencemos a realizar tests, como sabran devise es un motor (engine) que nos proporciona autenticación, registro y recuperación de contraseñas, es muy completo pero es necesario añadir el siguiente archivo en spec/acceptance/support/warden.rb para que puedan funcionar los tests

RSpec.configure do |config|
  config.include Warden::Test::Helpers
  config.after { Warden.test_reset! }
end

Ahora ya podremos testear con devise, si desean saber mas de como funciona devise visiten en este blog (como usar devise con rails 3) donde támbien en los comentarios hay vínculos relacionados con mas detalles sobre devise. Comencemos con algo sencillo, creamos un usuario para poder acceder a una página restringida, tratare de ser lo mas breve asi que usare User en ves de Usuario.

rails generate devise User

Esto genera la migración archivos para testear el modelo, corremos la migración

rake db:migrate

Ahora tenemos que crear la base de datos para hacer tests

 rake db:test:clone

Lo que vamos a realizar es permitir solo a los usuarios autenticados ingresar al controlador users
entonces creamos un controlardor para el modelo User

rails generate controller users index show new create destroy update

Ahora tendriamos que editar el archivo config/routes.rb para que nuestro root (raíz) sea el controlador users, entonces aumentamos al archivo dentro de las rutas

root :to => 'users#index'

Entonce ahora si podemos realizar las pruebas y comenzar a testear nuestro sistema. Ahora generemos el test de aceptacion para steak

rails generate steak:spec login_user

Bueno ya tenemos el controlador, el modelo y el test de aceptación pero lo que queremos es que solo usuario User que este logueado pueda tener acceso al controlador users entonces editamos el archivo spec/acceptance/login_user_spec.rb

require File.dirname(__FILE__) + '/acceptance_helper'

feature "Login" do
  # Creamos un usuario
  background do
    User.create(:email => 'user@mail.com', :password => 'demo123', :password_confirmation => 'demo123')
  end
  # Este es el escenario que correra
  scenario "el usuario no debe acceder al controlador users" do
    # Primero nos aseguramos de que no haya sesiones de usuarios
    visit "/users/sign_out"
    visit "/users"
    # page es una variable tipo Capybara::Session
    page.current_path.should == "/users/sign_in"
  end
end

Corramos el test con el comando

rspec spec/acceptance/login_user_spec.rb

Nos retorna un error, hagamos que pase el test, editemos nuestro controlador

class UsersController < ApplicationController
  # método de devise que permite verificar si un usuario esta logueado
  # caso contrario este redirecciona a '/users/sing_in'
  before_filter :authenticate_user!
  def index
    render :text => 'Prueba'
  end
end

Corremos de nuevo nuestro test y vemos que esta ves pasa, ahora veamos como tenemos que hacer el test para que podamos loguearnos y despues visitar users

require File.dirname(__FILE__) + '/acceptance_helper'

feature "Login" do

  background do
    User.create(:email => 'user@mail.com', :password => 'demo123', :password_confirmation => 'demo123')
  end

  # El anterior escenario ...

  scenario "el usuario debe poder ingresar y loguearse" do
    # Primero nos aseguramos de que no haya sesiones de usuarios
    visit "/users/sign_out"
    visit "/users"
    fill_in "user[login]“, :with => ‘user@mail.com’
    fill_in “user[password]“, :with => ‘demo123′
    click_button “Sign in”
    page.current_path.should == “/users”
  end
end

Entonces ahora si debe pasar el test :), pero algo que es importante y que nos ayudara a escribir mucho menos código la siguiente ves es poder crear helpers, hagamos que la creación de un usuario y el logueado sea un helper de tal forma que podamos llamar a un método create_and_login_user para crear un usuario y loguearnos, entonces creamos el archivo spec/acceptance/support/helpers.rb

module HelperMethods
  def create_and_login_user
    Create.user!(:email => 'user@mail.com', :password => 'demo123', :password_confirmation => 'demo123')
    visit '/users/sign_out'
    visit '/users/sign_in'
    fill_in "user[login]“, :with => ‘user@mail.com’
    fill_in “user[password]“, :with => ‘demo123′
    click_button “Sign in”
  end
end

Y ahora solo llamamos al método create_and_login_user dentro de nuestro escenario

Benchmark de Aplicaciones Rails 2.3.8 Vs Rails 3.0 rc2 – Erb y Haml

carakan — Sat, 28 Aug 2010 20:59:48 +0000

Recientemente trabajando con la actualización de algunas aplicaciones Ruby on Rails desde la versión 2.3.x a rails 3.0 rc2, he tenido la curiosidad de ver que tanto rendimiento existe en las mismas, como siempre estos “Benchmarks” son mas referenciales, les paso los datos del ambiente de test:

Core2duo 2.0 MHz
Memoria 3Gb
Ubuntu 10.4
Servidor Webrick (default en instalaciones Ruby)

La aplicación es simple es el listado de 150 registros dentro de una base de datos Mysql, cabe recalcar que para rails 3 estoy utilizando el adaptador mysql2, además al mostrar estos 150 registros añadí funciones helper para probar la velocidad de procesamiento.

Resultados:

Resultados completos aqui.

Sorprende el resultado de rails 2.3.8 + Haml, publicare mas adelante el codigo fuente.

CoffeeScript, dulce sintaxis para JavaScript

Boris Barroso — Tue, 17 Aug 2010 22:41:51 +0000

Seguro de que la sintaxis de JavaScript a muchos les parece arida y muchas veces un poco arcaica, esta fue influenciada por lenguajes como Java o C++ en su época, pero actualmente hay una solución que hara que el escribir JavaScript sea mucho mas agradable y simple CoffeeScript.
CoffeeScript tiene una sintaxis inspirada en Ruby y Python que permite que los scripts sean mas fáciles de leer y escribir, en el sitio Web de este nuevo lenguaje existe una buena variedad de ejemplos que nos permitiran probar y revisar como funciona. CoffeeScript compila todo el código con extensión .coffee en JavaScript, actualmente ya esta cerca a una versión estable (0.9.1) y según lei esta es la versión de Release candidate que no tendra mas modificaciones hasta llegar a la versión 1.

Como usarlo

Es muy simple usar CoffeeScript, se puede instalar la versión que usa node.js para compilar los archivos .coffee a javascript o tambien se puede directamente en el browser. Para poder instalarlo con node.js es necesario tener el administrador de paquetes para node.js npm y simplemente hacer

sudo npm install coffee-script

una ves instalado el mismo es muy simple poder probarlo, iniciamos la consola ejecuatando coffee, si desean que cada ves que hagan modificaciones a sus scripts de coffee se compile el javascript deben correr

coffee -w -c dir

Donde dir es un directorio en el cual se almacena los archivos .coffee que despues son compilados a javascript .js, esto nos permite realizar cambios en los archivos .coffee y cada ves que salvamos se compila a javascript.

En caso de que deseen utlizar CoffeeScript en el browser simplemente hay que descargar de su repositorio de http://github.com/jashkenas/coffee-script y despues se incluye el archivo coffee-script.js

Les doy algunos ejemplos de como se crear una función y como genera el javascript

# cuadrado
cuadrado = (x)->
  x * x

# factorial
fac = (x)->
  if x > 0
    x * fac(x -1)
  else
    1

Y genera:

(function() {
  var cuadrado, fac;
  cuadrado = function(x) {
    return x * x;
  };
  fac = function(x) {
    return x > 0 ? x * fac(x - 1) : 1;
  };
})();

En caso de que deseen hacer programación con objectos

class Animal
  constructor:(@patas, @cola)->

class Perro extends Animal
  constructor:(@nombre)->
    super 4, true
  ladrar: ->
    "gua gua"

Y genera

(function() {
  var Animal, Perro, cuadrado, fac;
  var __extends = function(child, parent) {
    var ctor = function(){};
    ctor.prototype = parent.prototype;
    child.prototype = new ctor();
    child.prototype.constructor = child;
    if (typeof parent.extended === "function") parent.extended(child);
    child.__superClass__ = parent.prototype;
  };
  Animal = function(_a, _b) {
    this.cola = _b;
    this.patas = _a;
    return this;
  };
  Perro = function(_a) {
    this.nombre = _a;
    Perro.__superClass__.constructor.call(this, 4, true);
    return this;
  };
  __extends(Perro, Animal);
  Perro.prototype.ladrar = function() {
    return "gua gua";
  };
})();

Para la gente que usa VIM como editor pueden encontrar en este proyecto http://github.com/kchmck/vim-coffee-script un modulo para poder editar los script .coffee

Finalmente una apreciación personal seria de que en un futuro el lenguaje que reinara en el browser y en el servidor será JavaScript, proyectos como node.js que actualmente tiene muy buena aceptación a nivel de hostings y CoffeeScript hacen que el camino sea mas fácil.

Lanzado la versión de Haml y Sass 3

carakan — Tue, 11 May 2010 16:47:41 +0000

Hoy tenemos el placer de informar el lanzamiento de la versión 3 de estos componentes de desarrollo mas elegante, dentro de las vistas estamos hablando de haml que para esta versión tiene como gran mejora la de poder hacer uso de multilineas dentro de la sintaxis por ejemplo:

antes:

= link_to_remote "Add to cart", :url => { :action => "add", :id => product.id }, :update => { :success => "cart", :failure => "error" }

ahora:

= link_to_remote "Add to cart",

       :url => { :action => "add", :id => product.id },

       :update => { :success => "cart", :failure => "error" }

Además otras pequeñas mejoras que se explican detalladamente aquí.

Como funciona Haml.

Como usar devise con rails 3

Boris Barroso — Tue, 06 Apr 2010 01:41:57 +0000

Bueno como les había mostrado en mi anterior post les mostraría en un futuro post como usar devise, devise es una gema para realizar la auntenticación que tiene similitudes con clearance, como dicen es un full stack authentication system, esto quiere decir que no solo permite la autenticación de los usuarios sino que tambien se encarga de permitir cambiar la contrseña en caso de que se hayan olvidado y además de realizar la activación de la cuenta mediante email. Disponer de toda esta funcionalidad sin tener que programarla y testearla es algo muy positivo ya que casí la mayoría de los proyectos necesitan algún tipo de autenticación, activación y recuperación de cuentas. Comencemos creando un proyecto con rails 3 beta.

rails devise_test
cd devise_test

Ahora mdifiquemos el archivo Gemfile para aumentar la gema de devise

gem "devise", "1.1.pre4"

Ahora ejecutemos el comando de instalación

bundle install

Y usamos el generador de devise que crea varios archivos.

rails generate devise_install

Esto nos genera los archivos de configuración asi como los archivos para la traducción. Por defecto devise utiliza la clase User para poder funcionar, pero puede funcionar con una clase con distinto nombre, generemos ahora el modelo usuario para trabajar.

rails generate usuario nombre:string apellido:string

No es necesario crear ni login, email y password ya que devise se encarga de realizar todo esto solo deben ahora editar el archivo de migración que crea la tabla de usuarios de la siguiente forma

  create_table :users do |t|
    t.string :nombre
    t.string :apellido
    t.authenticatable
    t.confirmable
    t.recoverable
    t.rememberable
    t.trackable
    t.timestamps
  end

Y ahora modifiquemos el modelo Usuario

class Usuario < ActiveRecord::Base
  devise :authenticatable, :confirmable, :recoverable, :rememberable, :trackable, :validatable
end

Y ahora debemos cbemos configurar las rutas para que puedan acceder correctamente, en el archivo config/routes.rb

 devise_for :users, :as => "usuarios"

Listo, pero aún no podremos probar efectivamente esta herramienta si es que no tenemos configurada nuestra salida smtp para enviar emails, entonces creamos el archivo config/initializers/mail_setup.rb

ActionMailer::Base.smtp_settings = {
  :address => "smtp.gmail.com",
  :port => "587",
  :domain => "midominio.com",
  :user_name => "mi.login.gmail",
  :password => "mi.password",
  :authentication => "plain",
  :enable_starttls_auto => true
}

ActionMailer::Base.default_url_options[:host] = “localhost:3000″

Ahora creamos el formulario de inscripción de un usuario views/usuarios/new.html.erb

<% form_for @user do |f| -%>

  <%= f.label :nombre, "Nombre"
  <%= f.text_field :nombre %>

  <%= f.label :apellido, "Apellido" %>
  <%= f.text_field :apellido %>

  <%= f.label :password, "Contraseña" %>
  <%= f.text_field :password %>

  <%= f.label :password_confirmation, "Confirmar contraseña" %>
  <%= f.text_field :password_confirmation %>

  <%= f.submit "Registrarse" %>
<% end -%>

Y si creamos el usuario recibiremos una confirmación en el correo que hayamos ingresado. Para poder loguear deben ir a usuarios/sign_in, para salir a usuarios/sign_out, aunque esto puede ser configurado en las rutas, aquí un ejemplo de la página oficial

  devise_for :users, :as => "usuarios", :path_names => { :sign_in => 'login', :sign_out => 'logout', :sign_up => 'register', :password => 'secret', :confirmation => 'verification', :unlock => 'unblock' }

Una nota importante es de que devise por defecto no define los atributos attr_accessible y attr_protected entonces es labor de uno definir los mismos en el modelo de la siguiente forma.

class Usuario < ActiveRecord::Base
  devise :authenticatable, :confirmable, :recoverable, :rememberable, :trackable, :validatable
  attr_accessible :email, :password, :password_confirmation # Todos los campos que sean accesibles
end

Tips para rails 3

Boris Barroso — Tue, 16 Mar 2010 15:59:34 +0000

Recientemente salio el artículo en este y muchos otros blogs acerca de rails 3 beta, es realmente emocionante poder usar esta versión de este Framework pero un gran problema es no poder usar las gemas que estamos acostumbrados, por ejemplo para hacer tests yo uso rspec, támbien he estado usando mongo_mapper que por suerte funciona con rails 3 aunque no he solucionado el problema de generar scaffolds, bueno aqui les doy algunos tips para que puedan usar rails3 y tal ves no extrañar algunas gemas. Antes de que intenten este tutor asegurense de que actualizar sus gemas.

Testeo con Rspec y Cucumber

Debemos instalar rspec para rails

gem install rspec-rails --pre

Luego debemos configurar el archivo Gemfile

group :test do
  gem "rspec", ">=2.0.0.beta.4"
  gem "rspec-rails", ">=2.0.0.beta.4"
  gem "webrat"
end

y finalmente ejecutamos el comando

script/rails generate rspec:install
#o
rails g rspec:install

Pueden ver mas detalles aqui, debido a que existe algunos problemas. Ahora no necesitan usar el comando script/generate rspec_scaffold u otros similares como en ateriores versiones de rails, sino que directamente al ejecutar rails g scaffold u otros comandos se generarán los archivos de rspec necesarios para testear.

Como veran no he mostrado el típico bundle install que nos permite instalar todas las gemas despues de editar el archivo Gemfile

Ahora Cucumber, editen el archivo Gemfile

gem 'capybara'
gem 'database_cleaner'
gem 'cucumber-rails'

luego ejecuten

bundle install

sino no les funciona actualizen sus gemas manualmente usando el comando gem update cucumber-rails por ejemplo y finalmente generamos el esqueleto de cucumber

rails g cucumber:skeleton
# o
ruby script/rails generate cucumber:skeleton

Ahora se puede generara el archivo cucumber por ejemplo Usuario

rails g cucumber:feature Usuario nombre:string apellido:string fecha_nacimiento:date
#
ruby script/rails generate cucumber:feature Usuario nombre:string apellido:string fecha_nacimiento:date

Formularios

Si usaron alguna ves usaron formtastic, les aseguro que les va encantar simple_form, que tiene una sintaxis muy similar a formtastic, para instalar ejecuten

gem install simple_form

y luego añadan al archivo Gemfile

gem "simple_form"

y ejecuten

rails generate simple_form_install

Y tendran el generador de simple_form para sus formularios cuando quieran generar scaffolds, además les genera el partial “_form.html.erb”

Autenticación

Existe una buena variedad de gemas para poder realizar esta tarea como:

Sin embargo les recomiendo probar devise, para instalar esta gema

gem install devise --version=1.1.pre4

Luego en nuestro archivo Gemfile editamos

gem "devise", ">=1.1.pre4"

y luego ejecuten

rails g devise_install

En un futuro escribire un tutor mas completo de como usar esta gema, pero por ahora creo que con esto tendran mucho para investigar.

motoEx, Importación simple de datos desde Excel

Boris Barroso — Wed, 10 Mar 2010 16:43:55 +0000

Recientemente termine un proyecto llamando motoEx, esta herramienta permite la importación de datos desde Excel u Openoffice de forma muy simple.

Si desean saber mas sobre el proyecto pueden visitar http://boriscy.github.com/motoEx/, y si desean descargarlo y usarlo visiten http://github.com/boriscy/motoEx es un proyecto de Software Libre

Rails 3.0 (beta) Lanzado oficialmente

carakan — Sun, 07 Feb 2010 02:25:28 +0000

Después de un largo tiempo de espera, un año y mes desde el anuncio oficial, se ha lanzado la beta publica de la versión de Rails 3, pueden ver el anuncio oficial aqui.

Comentarles que esta versión del framework rails, corre bajo ruby 1.8.7 y preferentemente 1.9.X, ya que la velocidad de ejecución de código es mas alta que en las versiones de ruby 1.8.x.

Para probar las nuevas características de rails 3.0 solo escriban en la consola:

gem install tzinfo builder memcache-client rack rack-test rack-mount erubis mail text-format thor bundler i18n
gem install rails --pre

Informacion detallada de los cambios

Video tutorial para realizar la migración de una aplicación existente a rails 3

Ahora no hay excusas de aprender rails