planificación Cardify Andrea/Sabrina

[SabrinaVillalobos]

Semana 1 (17/1 al 21/1)

Proyecto plugin jQuery que agrega un hover a imagenes.
Durante la primera semana se realizaron las primeras tareas:

1. Hacer fork del proyecto (cardify), de su original creado por Laboratoria.
2. Se inicializo el proyecto en npm.
3. Se agregaron archivos .gitignore y .eslintrc
4. Se crearon las primeras versiones del readme, del ejemplo principal de uso (index.html) y de la función en jQuery para agregar un hover a las imagenes.

[adgalaz]

Durante la semana 2 (22/01 al 28/01) las tareas a realizar son: Agregar tests que describan la API del plugin y los casos de uso esperados. Implementar funcionalidad esencial. Code review en clases.

Ademas mejorar Readme de acuerdo al feedback entregado. Seguir ejemplos sugeridos por profesoras.

[SabrinaVillalobos]

Para los test, surgieron estos problemas;
Al envolver la función en el código para que funcionara como plugin ((function ($){
jQuery.fn.cardify = function() {})(jQuery);
Los test no corrían, error ($ not defined), al intentar solucionarlo con const $ = require('jquery');, nuevos errores surgían.
Sin embargo el código como una función tradicional si pasaba todos los test.
Se intentó:
Agregar distintas líneas de código
Probar jsdom
Probar browserify
Pasar el código a vanilla javascript

La solución a la que llegamos fue crear una rama developer (heidi) y otra para la demo, en la de developer estará el código tradicional para probar los test y en la de la demo, con las líneas extras para extender la función y que se ejecute como plugin.

[adgalaz]

Para la rama demo se desarrollara una pagina con la vista desde el punto de vista del usuario. La pagina principal mostrara información general del pluguin, su descripción y forma de instalación. Además enlaces hacia el repositorio en github y la vista demo de la librería instalada en un html.

[adgalaz]

Durante la semana 3 (29/01 al 02/02) las tareas a realizar son: Completar implementación del plugin y ejemplo principal (usando la librería). Preparar tu demo/presentación. Publicar el ejemplo principal (index.html) en GitHub pages. Code review en clases.

[adgalaz]

Otros posibles test.

it('la extensión de la imagen es correcta', function() {
$('img').attr('src').substring($('img').attr('src').lastIndexOf('.')) === '.jpg' && '.png' && '.gif' && '.jpeg' && '.svg';
});
it('src no está vacío', function() {
$('img').attr('src').length > 0;
});
it('figure class no está vacío', function() {
$('figure').attr('class').length > 0;
});
it('figcaption class no está vacío', function() {
$('figcaption').attr('class').length > 0;
});

[SabrinaVillalobos]

Ya están integrados los nuevos test

[SabrinaVillalobos]

Semana 3
Creación de la pagina demo y posibilidad de instalar con cdn

[SabrinaVillalobos]

hace falta poner la descripción con el enlace a la pagina demo