Passa al contingut principal

Jasime TDD en javascript

Em vaig decidir provar el jasmine. La veritat què 2.0 mola per què no depen d'altra biblioteca (ajuda molt) i s'arranca des d'una web (més fàcil no pot ser), ens el baixem i mirem (editem) l'arxiu SpecRuner.html. Ahí haurem d'incloure els tests i els nostres arxius .js:


Per exemple, podem veure el generador de questionaris que on estic treballant ara (https://github.com/fercavi/jsquest). Els tests es poden agrupar, el grup haurà de rebre un nom i es fa amb la funció describe:

describe("Generar html per a preguntes individuals", function() {
  test1
  test2
...
});

cada test es realitzarà amb la funció it:
it("Generar una pregunta de resposta llarga", function() {
  cos del test
});

el cos del test deurà de tindre unes condicions, definides amb la funció  expect, per exemple: expect(obj1).toEqual(obj2)
(caldria mirar la documentació per veure totes les comparacions, anem a veure un test sencer:

describe("Generar html per a preguntes individuals", function() {
  var item;

  it("Generar una pregunta de resposta llarga", function() {
    item = new ItemRespostaLlarga("De quin color era el cavall blanc de Santiago",666,false);
    item.generarPregunta();
    expect(item.html).toEqual("<form name='f666' ><p id=666 obligatoria='false' >De quin color era el cavall blanc de Santiago<br/><textarea cols=80 rows=6 name=pregunta666></textarea></p></form>");
  });
});

Per exemple l'arxiu complet tindria este aspecte:


Recordem que al github tenim tots els arxius del projecte.
Quan vaig publicar l'article se'm va oblidar posar una captura de que passa quan obrim l'SpecRunner.html:




Comentaris

Entrades populars d'aquest blog

TDDs + reutilització d'objectes en Visual Studio 2012

Doncs això, mai m'he mostrat partidari de cap metodologia de programació, ni tan sols de la programació orientada a objectes... però deu ser que em faig major ;) Anem a matar en un post dos pardals d'un tir. Anem a gastar una de les bases de les metodologies àgils (en realitat no té per què, es pot emprar en qualsevol metodologia) i anem a començar a veure com fer codi "multiplataforma". Anem a gastar Visual Studio 2012. Creem una solució de Portable Class Library (en C#): Creem una nova classe, Dau: namespace RollDice {     public class Dau     {     } Sense cap mètode. Per què sense cap mètode? Ahí està la gràcia dels TDD (Test Driven Development, Desenvolupament Orientat a Test). Anirem omplint la classe segons fallen els tests. Ara anem a afegir una nova solució, què serà de test c#: Ens crearà una classe de test buida, li canviarem el namespace per a que siga el mateix que la classe dau: [TestClass]     public class testDau     {          [TestMethod

Hui he vist la por als ulls

Estic trist ,molt trist.Vinc de la manifestació del 9 d'octubre i, puc dir que he vist moltes coses, però el que no he vist és democràcia. He vist moltes banderes d'Espanya i blaveres dels increpadors, però no he vist democràcia. Les seues paraules eren "ven aquí fuera", "te voy a meter esa bandera por el coño", etc. He vist com manifestants fàcilment identificables entraven a provocar i la Policia Nacional no feia res per evitar-ho, però no he vist democràcia. He vist com un pare utilitzava al seu fill per provocar, i amb actitud agresiva (inclús anava a pegar-li manotada a un), però no he vist democràcia. He vist com es permetia una manifestació no autoritzada que podia alterar l'ordre públic. Segons la sacrosanta Constitució Espanyola, això és il·legal, però no he vist democràcia. He vist com la Policia Nacional tractava respectuosament, i inclús es coordinava amb els feixites. A nosaltres ens miraven amb cara de fàstic, però no he vist democràc

Reciclant un vell portàtil (i 3)

O també podria titular-se, la primera aplicació en Android. Crec que vaig a deixar d'intentar reciclar este ordinador, no pot amb l'eclipse, he intentat fer esta aplicació i m'ha costat déu i ajuda. Provaré a fer coses que necessiten entorn gràfic en un altre ordinador. Quan comence la part de servidor, si que podré gastar-lo de nou, ja que node.js (Recomanat pel meu amic Jaume) és molt lleuger, i amb la llibreta que duu windows es podrà fer els programes de sobra ;). Bo, la primera aplicació l'he modificada un poc de l'anterior (l'aspecte), i l'he deixat com en la figura. Simplement he posat un botó, i dos textView. No vaig a entrar en detalls de com es fa, de posar noms adients ni res per l'estil, ja que és una aplicació menuda i de prova. l'objectiu serà que en el textView2 (que no es veu, està davall del textView1) aparega un missatge "has apretat el botó" en el moment que apretes el botó. Anirem al fitxer principal en java, en el