{"id":21289261,"url":"https://github.com/byron-villegas/pokedex","last_synced_at":"2026-05-12T16:02:28.069Z","repository":{"id":258097534,"uuid":"862132367","full_name":"byron-villegas/pokedex","owner":"byron-villegas","description":"Pokedex Angular + Express + Test Unitarios (karma + jasmin) + Test End to End (cypress)","archived":false,"fork":false,"pushed_at":"2025-01-15T01:45:31.000Z","size":5611,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-22T05:43:11.759Z","etag":null,"topics":["angular","cypress"],"latest_commit_sha":null,"homepage":"https://pokedex-byron-villegas.vercel.app/pokedex/#/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/byron-villegas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-24T05:09:23.000Z","updated_at":"2025-01-15T01:49:32.000Z","dependencies_parsed_at":"2024-11-21T12:41:31.845Z","dependency_job_id":"82536dda-2db5-4f35-96d2-a0abfc0b0411","html_url":"https://github.com/byron-villegas/pokedex","commit_stats":null,"previous_names":["byron-villegas/pokedex"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/byron-villegas%2Fpokedex","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/byron-villegas%2Fpokedex/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/byron-villegas%2Fpokedex/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/byron-villegas%2Fpokedex/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/byron-villegas","download_url":"https://codeload.github.com/byron-villegas/pokedex/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243754009,"owners_count":20342537,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","cypress"],"created_at":"2024-11-21T12:37:48.973Z","updated_at":"2026-05-12T16:02:23.044Z","avatar_url":"https://github.com/byron-villegas.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pokedex\n\nProyecto Pokedex + Angular v14 + Bootstrap v5.2.3 + JQuery v3.6.3 + Font Awesome v4.7.0 + Express v4.18.1 + Test Unitarios (mocha) + Tests E2E (cypress) + Reporte de tests e2e (mochawesome)\n\n## Comenzando 🚀\n\n_Estas instrucciones te permitirán obtener una copia del proyecto en funcionamiento en tu máquina local para propósitos de desarrollo y pruebas._\n\n**Clonar mediante SSH**\n```shell\ngit clone git@github.com:byron-villegas/pokedex.git\n```\n**Clonar mediante HTTPS**\n```shell\ngit clone https://github.com/byron-villegas/pokedex.git\n```\n\nMira Deployment para conocer como desplegar el proyecto.\n\n### Pre-requisitos 📋\n\n_Que cosas necesitas para instalar el software y como instalarlas_\n\n| Software | Versión  |\n|----------|----------|\n| node     | v16.14.2 |\n| npm      | 8.5.0    |\n\n#### Instalar Node\n\nPara instalar Node debemos ir a la siguiente pagina: https://nodejs.org/en/download/ descargar el instalador, ejecutarlo y seguir los pasos para la instalación.\n\n### Instalación 🔧\n\n_Una serie de ejemplos paso a paso que te dice lo que debes ejecutar para tener un entorno de desarrollo ejecutandose_\n\nInstalar las dependencias declaradas en el **package.json** mediante el siguiente comando:\n\n```shell\nnpm install\n```\n**NOTA:** Node instalara todas las depedencias necesarias incluyendo las de desarrollo (test unitarios, test de automatizacion, etc).\n\nInstalación de dependencias finalizada mostrando el siguiente resultado en consola:\n\n```shell\nadded 1121 packages, and audited 1122 packages in 25s\n\n145 packages are looking for funding\n  run `npm fund` for details\n\nfound 0 vulnerabilities\n```\n\n_Finaliza con un ejemplo de cómo obtener datos del sistema o como usarlos para una pequeña demo_\n\n[Ver Demo ↗️](https://pokedex-5999.onrender.com/pokedex/)\n\nPara desplegar la aplicación tenemos las siguientes formas:\n\nPor defecto\n```shell\nng serve\n```\n\nLa aplicación se desplegará exitosamente mostrando el siguiente resultado en consola:\n\n```shell\n✔ Browser application bundle generation complete.\n\nInitial Chunk Files   | Names         |  Raw Size\nvendor.js             | vendor        |   2.19 MB |\nstyles.css, styles.js | styles        | 441.41 kB |\npolyfills.js          | polyfills     | 315.78 kB |\nscripts.js            | scripts       | 146.72 kB |\nmain.js               | main          | 122.75 kB |\nruntime.js            | runtime       |   6.51 kB |\n\n                      | Initial Total |   3.20 MB\n\nBuild at: 2023-03-22T04:56:53.583Z - Hash: 428c760a5e28d775 - Time: 4699ms\n\n** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/pokedex **\n\n\n√ Compiled successfully.\n```\n\nCon express:\n\n```shell\nnpm start\n```\n**NOTA:** Si se realiza un cambio a la aplicación no se reiniciará automáticamente.\n\nLa aplicación se desplegará exitosamente mostrando el siguiente resultado en consola:\n\n```shell\nServer is listening on http://localhost:4200/pokedex\n```\n\n## Ejecutando las pruebas ⚙️\n\n_Explica como ejecutar las pruebas automatizadas para este sistema_\n\n### Pruebas unitarias 📑\n\n_Explica que verifican estas pruebas y por qué_\n\nLos test unitarios son para comprobar que un fragmento de código determinado está funcionando de manera correcta, cabe destacar que si modificamos una funcionalidad toda prueba unitaria asociada a esa funcionalidad fallará si no es refactorizada debidamente.\n\n#### Configuración\n\n##### karma\n\n_Herramienta utilizada para ejecutar los tests unitarios._\n\nPara configurar karma utilizaremos el siguiente archivo:\n\n###### karma.conf.js\n\n```javascript\nmodule.exports = function (config) {\n  config.set({\n    basePath: '',\n    frameworks: ['jasmine', '@angular-devkit/build-angular'],\n    plugins: [\n      require('karma-jasmine'),\n      require('karma-chrome-launcher'),\n      require('@chiragrupani/karma-chromium-edge-launcher'),\n      require('karma-jasmine-html-reporter'),\n      require('karma-sabarivka-reporter'),\n      require('karma-coverage'),\n      require('@angular-devkit/build-angular/plugins/karma')\n    ],\n    client: {\n      jasmine: {},\n      clearContext: false\n    },\n    jasmineHtmlReporter: {\n      suppressAll: true\n    },\n    coverageReporter: {\n      dir: require('path').join(__dirname, './coverage/'),\n      subdir: '.',\n      include: [\n        'src/**/*.(ts|js)',\n        '!src/**/*.spec.*',\n        '!src/**/*main.ts',\n        '!src/**/*test.ts',\n        '!src/**/*environment.**'\n      ],\n      reporters: [\n        { type: 'html' },\n        { type: 'text-summary' }\n      ],\n      check: {\n        global: {\n          statements: 60,\n          branches: 40,\n          functions: 60,\n          lines: 60\n        }\n      }\n    },\n    reporters: ['progress', 'kjhtml', 'sabarivka'],\n    port: 9876,\n    colors: true,\n    logLevel: config.LOG_INFO,\n    autoWatch: true,\n    browsers: ['ChromeHeadless', 'EdgeHeadless'],\n    customLaunchers: {\n      headless: {\n        base: 'ChromeHeadless',\n        flags: [\n          '--no-sandbox',\n          '--disable-setuid-sandbox'\n        ]\n      }\n    },\n    singleRun: true,\n    restartOnFileChange: true\n  });\n};\n```\n\n###### Parametros a destacar\n\n- plugins: Son plugins extra que podemos agregar para imprimir coverage en consola, otros navegadores, etc\n- coverageReporter: Es toda la configuración referente al reporte de coverage por defecto angular solo mostrará la cobertura de los archivos que posean un test **.spec.ts**\n- coverageReporter.check: nos permite definir los porcentajes de cobertura que queremos por:\n  - statements\n  - branches\n  - functions\n  - lines\n- reporters: Son las herramientas de reportes\n- browsers: Listado de navegadores que admitimos para la ejecución de los tests\n- customLaunchers: Permite sobreescribir la configuracion del navegador de la ejecución de los tests, en este ejemplo configuraciones chrome headless ¿qué quiere decir esto? que se ejecutarán los tests de manera oculta\n- singleRun: Permite realizar una única ejecución para todos los tests\n\n#### Ejecución\n\nPara ejecutar los test unitarios debemos utilizar el siguiente comando:\n\n```shell\nnpm test\n```\n**NOTA:** Se ejecutarán todos los tests (**spec**) declarados en el directorio **/src/**.\n\nLos tests unitarios se ejecutarán exitosamente mostrando el siguiente resultado en consola:\n\n```shell\n\u003e pokedex@1.0.0 test\n\u003e ng test --browsers=headless --no-watch\n\n✔ Browser application bundle generation complete.\n18 03 2023 17:22:13.401:INFO [karma-server]: Karma v6.4.1 server started at http://localhost:9876/\n18 03 2023 17:22:13.404:INFO [launcher]: Launching browsers headless with concurrency unlimited\n18 03 2023 17:22:13.415:INFO [launcher]: Starting browser Edge Headless\n18 03 2023 17:22:15.073:INFO [Edge 108.0.1462.46 (Windows 10)]: Connected on socket zQmlmwsGvkIt4rV_AAAB with id 87843697\nEdge 108.0.1462.46 (Windows 10): Executed 9 of 27 SUCCESS (0 secs / 0.403 secs)\nEdge 108.0.1462.46 (Windows 10): Executed 27 of 27 SUCCESS (0.51 secs / 0.452 secs)\nTOTAL: 27 SUCCESS\n\n=============================== Coverage summary ===============================\nStatements   : 63.86% ( 175/274 )\nBranches     : 40.18% ( 43/107 )\nFunctions    : 67.04% ( 59/88 )\nLines        : 68.04% ( 164/241 )\n================================================================================\n```\n**NOTA:** Como resultado de los test unitarios se mostrará por consola el resumen de cubertura y además se generará un reporte de coverage en el directorio **/coverage** en un archivo **index.html**.\n\n##### Reporte de cobertura de los tests unitarios\n\n![-----------------------------](/docs/img01.png)\n**NOTA:** Como podemos ver estan los porcentajes correspondientes para las siguientes categorías: statements, branches, functions y lines\n\n### Pruebas End to End ✅\n\n_Explica que verifican estas pruebas y por qué_\n\nLas pruebas end-to-end se pueden definir simplemente como un procedimiento que se ejecuta para productos complejos. Este tipo de pruebas confirman que la aplicación funciona tal como se espera analizando todos sus componentes. Por ende, se simula la experiencia del usuario de principio a fin.\n\n#### Configuración\n\n##### cypress\n\n_Cypress es una herramienta Javascript de end-to-end testing. En otras palabras, permite comprobar que la performance de un producto de software recién desarrollado sea buena y corresponda con los requerimientos iniciales, utilizando la automatización._\n\n_Cabe destacar que mediante mochawesome podemos generar un reporte de los tests ejecutados._\n\nPara configurar cucumber utilizaremos el siguiente archivo:\n\n###### cyrpress.config.ts\n\n```javascript\nimport { defineConfig } from 'cypress';\n\nexport default defineConfig({\n  e2e: {\n    baseUrl: 'http://localhost:4200'\n  },\n  reporter: 'mochawesome',\n  reporterOptions: {\n    reportDir: 'cypress/results',\n    charts: true,\n    overwrite: false,\n    html: false,\n    json: true\n  },\n  modifyObstructiveCode: false,\n  userAgent: 'Robot Chromium'\n});\n```\n\n###### Parametros\n\n- e2e.baseUrl: Url base para la ejecución de los tests\n- reporter: Herramienta de generación de reportes\n- reporterOptions: Configuración de las opciones del reporte\n- reporterOptions.reportDir: Permite configurar la ruta donde se guardará el reporte\n- modifyObstructiveCode: Es una configuración para temas de rendimiendo del uso de apis externas\n- userAgent: Permite sobreescribir el userAgent del navegador del test\n\n#### Ejecución\n\nPara ejecutar los test de aceptación debemos utilizar el siguiente comando:\n\n```shell\nnpm run e2e\n```\n**NOTA:** Se desplegará automaticamente la aplicación, posteriormente cypress ejecutará todos los **spec** definidos en la carpeta **cypress/e2e**\n\nLos tests de aceptación se ejecutarán exitosamente mostrando el siguiente resultado en consola:\n\n```shell\n\u003e pokedex@1.0.0 cypress:run\n\u003e cypress run\n\n====================================================================================================\n\n  (Run Starting)\n\n  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐\n  │ Cypress:        10.11.0                                                                        │\n  │ Browser:        Electron 106 (headless)                                                        │\n  │ Node Version:   v16.10.0 (C:\\Program Files\\nodejs\\node.exe)                                    │\n  │ Specs:          7 found (dark-theme.spec.cy.ts, order-pokemon-by-type.spec.cy.ts, order-pokemo │\n  │                 n.spec.cy.ts, principal-page.spec.cy.ts, search-pokemon-with-bad-characters.sp │\n  │                 ec.cy.ts, search-pokemon.spec.cy.ts, shiny.spec.cy.ts)                         │\n  │ Searched:       cypress/e2e/**/*.cy.{js,jsx,ts,tsx}                                            │\n  └────────────────────────────────────────────────────────────────────────────────────────────────┘\n\n\n────────────────────────────────────────────────────────────────────────────────────────────────────\n\n  Running:  dark-theme.spec.cy.ts                                                           (1 of 7)\n\n\n  Activar el Dark Theme\n    √ Validar que se active el Dark Theme (6894ms)\n\n  Desactivar el Dark Theme\n    √ Validar que se desactive el Dark Theme (9017ms)\n\n\n  2 passing (16s)\n\n[mochawesome] Report JSON saved to \\pokedex\\cypress\\results\\mochawesome_007.json\n\n\n  (Results)\n\n  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐\n  │ Tests:        2                                                                                │\n  │ Passing:      2                                                                                │\n  │ Failing:      0                                                                                │\n  │ Pending:      0                                                                                │\n  │ Skipped:      0                                                                                │\n  │ Screenshots:  0                                                                                │\n  │ Video:        true                                                                             │\n  │ Duration:     15 seconds                                                                       │\n  │ Spec Ran:     dark-theme.spec.cy.ts                                                            │\n  └────────────────────────────────────────────────────────────────────────────────────────────────┘\n\n\n  (Video)\n\n  -  Started processing:  Compressing to 32 CRF\n  -  Finished processing: \\pokedex\\cypress\\videos     (1 second)\n                          \\dark-theme.spec.cy.ts.mp4\n\n\n────────────────────────────────────────────────────────────────────────────────────────────────────\n\n  Running:  order-pokemon-by-type.spec.cy.ts                                                (2 of 7)\n\n\n  Ordenar listado de pokemones por tipo\n    √ Ordenar por tipo fuego (12136ms)\n    √ Ordenar por tipo planta (12058ms)\n    √ Ordenar por tipo desconocido (11759ms)\n\n\n  3 passing (36s)\n\n[mochawesome] Report JSON saved to \\pokedex\\cypress\\results\\mochawesome_008.json\n\n\n  (Results)\n\n  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐\n  │ Tests:        3                                                                                │\n  │ Passing:      3                                                                                │\n  │ Failing:      0                                                                                │\n  │ Pending:      0                                                                                │\n  │ Skipped:      0                                                                                │\n  │ Screenshots:  0                                                                                │\n  │ Video:        true                                                                             │\n  │ Duration:     36 seconds                                                                       │\n  │ Spec Ran:     order-pokemon-by-type.spec.cy.ts                                                 │\n  └────────────────────────────────────────────────────────────────────────────────────────────────┘\n\n\n  (Video)\n\n  -  Started processing:  Compressing to 32 CRF\n  -  Finished processing: \\pokedex\\cypress\\videos    (3 seconds)\n                          \\order-pokemon-by-type.spec.cy.ts.mp4\n\n\n────────────────────────────────────────────────────────────────────────────────────────────────────\n\n  Running:  order-pokemon.spec.cy.ts                                                        (3 of 7)\n\n\n  Ordenar listado de pokemones\n    √ Ordenar Menor a Mayor (9908ms)\n    √ Ordenar Mayor a Menor (10257ms)\n    √ Ordenar A - Z (9618ms)\n    √ Ordenar Z - A (9775ms)\n\n\n  4 passing (40s)\n\n[mochawesome] Report JSON saved to \\pokedex\\cypress\\results\\mochawesome_009.json\n\n\n  (Results)\n\n  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐\n  │ Tests:        4                                                                                │\n  │ Passing:      4                                                                                │\n  │ Failing:      0                                                                                │\n  │ Pending:      0                                                                                │\n  │ Skipped:      0                                                                                │\n  │ Screenshots:  0                                                                                │\n  │ Video:        true                                                                             │\n  │ Duration:     39 seconds                                                                       │\n  │ Spec Ran:     order-pokemon.spec.cy.ts                                                         │\n  └────────────────────────────────────────────────────────────────────────────────────────────────┘\n\n\n  (Video)\n\n  -  Started processing:  Compressing to 32 CRF\n  -  Finished processing: \\pokedex\\cypress\\videos    (3 seconds)\n                          \\order-pokemon.spec.cy.ts.mp4\n\n\n────────────────────────────────────────────────────────────────────────────────────────────────────\n\n  Running:  principal-page.spec.cy.ts                                                       (4 of 7)\n\n\n  Entrar en la pagina principal\n    √ Validar que el titulo sea Pokedex\n\n\n  1 passing (5s)\n\n[mochawesome] Report JSON saved to \\pokedex\\cypress\\results\\mochawesome_010.json\n\n\n  (Results)\n\n  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐\n  │ Tests:        1                                                                                │\n  │ Passing:      1                                                                                │\n  │ Failing:      0                                                                                │\n  │ Pending:      0                                                                                │\n  │ Skipped:      0                                                                                │\n  │ Screenshots:  0                                                                                │\n  │ Video:        true                                                                             │\n  │ Duration:     4 seconds                                                                        │\n  │ Spec Ran:     principal-page.spec.cy.ts                                                        │\n  └────────────────────────────────────────────────────────────────────────────────────────────────┘\n\n\n  (Video)\n\n  -  Started processing:  Compressing to 32 CRF\n  -  Finished processing: \\pokedex\\cypress\\videos    (0 seconds)\n                          \\principal-page.spec.cy.ts.mp4\n\n\n────────────────────────────────────────────────────────────────────────────────────────────────────\n\n  Running:  search-pokemon-with-bad-characters.spec.cy.ts                                   (5 of 7)\n\n\n  Utilizar la barra de busqueda de pokemon con caracteres extranos\n    √ Validar que al escribir caracteres extranos solo reciba caracteres normales\n    √ Validar que al pegar caracteres extranos solo reciba caracteres normales\n\n\n  2 passing (9s)\n\n[mochawesome] Report JSON saved to \\pokedex\\cypress\\results\\mochawesome_011.json\n\n\n  (Results)\n\n  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐\n  │ Tests:        2                                                                                │\n  │ Passing:      2                                                                                │\n  │ Failing:      0                                                                                │\n  │ Pending:      0                                                                                │\n  │ Skipped:      0                                                                                │\n  │ Screenshots:  0                                                                                │\n  │ Video:        true                                                                             │\n  │ Duration:     9 seconds                                                                        │\n  │ Spec Ran:     search-pokemon-with-bad-characters.spec.cy.ts                                    │\n  └────────────────────────────────────────────────────────────────────────────────────────────────┘\n\n\n  (Video)\n\n  -  Started processing:  Compressing to 32 CRF\n  -  Finished processing: \\pokedex\\cypress\\videos     (1 second)\n                          \\search-pokemon-with-bad-characters.spec.cy.ts.mp4\n\n\n────────────────────────────────────────────────────────────────────────────────────────────────────\n\n  Running:  search-pokemon.spec.cy.ts                                                       (6 of 7)\n\n\n  Buscar un pokemon en la barra de busqueda de pokemon\n    √ Validar que se filtre el pokemon buscado (10010ms)\n    √ Validar que sea seleccionado el pokemon buscado (43392ms)\n\n\n  2 passing (53s)\n\n[mochawesome] Report JSON saved to \\pokedex\\cypress\\results\\mochawesome_012.json\n\n\n  (Results)\n\n  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐\n  │ Tests:        2                                                                                │\n  │ Passing:      2                                                                                │\n  │ Failing:      0                                                                                │\n  │ Pending:      0                                                                                │\n  │ Skipped:      0                                                                                │\n  │ Screenshots:  0                                                                                │\n  │ Video:        true                                                                             │\n  │ Duration:     53 seconds                                                                       │\n  │ Spec Ran:     search-pokemon.spec.cy.ts                                                        │\n  └────────────────────────────────────────────────────────────────────────────────────────────────┘\n\n\n  (Video)\n\n  -  Started processing:  Compressing to 32 CRF\n  -  Finished processing: \\pokedex\\cypress\\videos    (4 seconds)\n                          \\search-pokemon.spec.cy.ts.mp4\n\n\n────────────────────────────────────────────────────────────────────────────────────────────────────\n\n  Running:  shiny.spec.cy.ts                                                                (7 of 7)\n\n\n  Activar el Sprite Shiny\n    √ Validar que se active el Sprite Shiny (6818ms)\n    √ Validar que se active el Sprite Shiny en el primer pokemon (12048ms)\n\n  Desactivar el Sprite Shiny\n    √ Validar que se desactive el Sprite Shiny (8640ms)\n    √ Validar que se desactive el Sprite Shiny en el primer pokemon (13662ms)\n\n\n  4 passing (41s)\n\n[mochawesome] Report JSON saved to \\pokedex\\cypress\\results\\mochawesome_013.json\n\n\n  (Results)\n\n  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐\n  │ Tests:        4                                                                                │\n  │ Passing:      4                                                                                │\n  │ Failing:      0                                                                                │\n  │ Pending:      0                                                                                │\n  │ Skipped:      0                                                                                │\n  │ Screenshots:  0                                                                                │\n  │ Video:        true                                                                             │\n  │ Duration:     41 seconds                                                                       │\n  │ Spec Ran:     shiny.spec.cy.ts                                                                 │\n  └────────────────────────────────────────────────────────────────────────────────────────────────┘\n\n\n  (Video)\n\n  -  Started processing:  Compressing to 32 CRF\n  -  Finished processing: \\pokedex\\cypress\\videos    (4 seconds)\n                          \\shiny.spec.cy.ts.mp4\n\n\n====================================================================================================\n\n  (Run Finished)\n\n\n       Spec                                              Tests  Passing  Failing  Pending  Skipped  \n  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐\n  │ √  dark-theme.spec.cy.ts                    00:15        2        2        -        -        - │\n  ├────────────────────────────────────────────────────────────────────────────────────────────────┤\n  │ √  order-pokemon-by-type.spec.cy.ts         00:36        3        3        -        -        - │\n  ├────────────────────────────────────────────────────────────────────────────────────────────────┤\n  │ √  order-pokemon.spec.cy.ts                 00:39        4        4        -        -        - │\n  ├────────────────────────────────────────────────────────────────────────────────────────────────┤\n  │ √  principal-page.spec.cy.ts                00:04        1        1        -        -        - │\n  ├────────────────────────────────────────────────────────────────────────────────────────────────┤\n  │ √  search-pokemon-with-bad-characters.      00:09        2        2        -        -        - │\n  │    spec.cy.ts                                                                                  │\n  ├────────────────────────────────────────────────────────────────────────────────────────────────┤\n  │ √  search-pokemon.spec.cy.ts                00:53        2        2        -        -        - │\n  ├────────────────────────────────────────────────────────────────────────────────────────────────┤\n  │ √  shiny.spec.cy.ts                         00:41        4        4        -        -        - │\n  └────────────────────────────────────────────────────────────────────────────────────────────────┘\n    √  All specs passed!                        03:20       18       18        -        -        -  \n\n```\n**NOTA:** Como resultado de los test end to end se generarán videos en la carpeta **cypress/videos**\n\n##### Videos de los tests End to End\n\n![-----------------------------](/docs/img02.png)\n\n**NOTA:** Como podemos ver estan los videos de cada **spec** de cypress.\n\n**Ejemplo visual de video:**\n![-----------------------------](/docs/img03.png)\n**NOTA:** Como pueden ver está el titulo del spec, los escenarios y las acciones que va ejecutando.\n\n\n## Despliegue 📦\n\n_Agrega notas adicionales sobre como hacer deploy_\n\nPara desplegar la aplicación tenemos las siguientes formas:\n\nPor defecto\n```shell\nng serve\n```\n\nLa aplicación se desplegará exitosamente mostrando el siguiente resultado en consola:\n\n```shell\n✔ Browser application bundle generation complete.\n\nInitial Chunk Files   | Names         |  Raw Size\nvendor.js             | vendor        |   2.19 MB |\nstyles.css, styles.js | styles        | 441.41 kB |\npolyfills.js          | polyfills     | 315.78 kB |\nscripts.js            | scripts       | 146.72 kB |\nmain.js               | main          | 122.75 kB |\nruntime.js            | runtime       |   6.51 kB |\n\n                      | Initial Total |   3.20 MB\n\nBuild at: 2023-03-22T04:56:53.583Z - Hash: 428c760a5e28d775 - Time: 4699ms\n\n** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/pokedex **\n\n\n√ Compiled successfully.\n```\n\nCon express:\n\n```shell\nnpm start\n```\n**NOTA:** Si se realiza un cambio a la aplicación no se reiniciará automáticamente.\n\nLa aplicación se desplegará exitosamente mostrando el siguiente resultado en consola:\n\n```shell\nServer is listening on http://localhost:4200/pokedex\n```\n\n## Construido con 🛠️\n\n_Menciona las herramientas que utilizaste para crear tu proyecto_\n\n### Dependecias 🗃️\n\n| Paquete                           | Versión | Página NPM                                                      | Página Documentación                                            |\n|-----------------------------------|---------|-----------------------------------------------------------------|-----------------------------------------------------------------|\n| @angular/animations               | ^14.1.0 | https://www.npmjs.com/package/@angular/animations               |                                                                 |\n| @angular/common                   | ^14.1.0 | https://www.npmjs.com/package/@angular/common                   |                                                                 |\n| @angular/compiler                 | ^14.1.0 | https://www.npmjs.com/package/@angular/compiler                 |                                                                 |\n| @angular/core                     | ^14.1.0 | https://www.npmjs.com/package/@angular/core                     |                                                                 |\n| @angular/forms                    | ^14.1.0 | https://www.npmjs.com/package/@angular/forms                    |                                                                 |\n| @angular/platform-browser         | ^14.1.0 | https://www.npmjs.com/package/@angular/platform-browser         |                                                                 |\n| @angular/platform-browser-dynamic | ^14.1.0 | https://www.npmjs.com/package/@angular/platform-browser-dynamic |                                                                 |\n| @angular/router                   | ^14.1.0 | https://www.npmjs.com/package/@angular/router                   |                                                                 |\n| bootstrap                         | ^5.2.3  | https://www.npmjs.com/package/bootstrap                         | https://getbootstrap.com/docs/5.0/getting-started/introduction/ |\n| express                           | ^4.18.1 | https://www.npmjs.com/package/express                           | https://expressjs.com/                                          |\n| font-awesome                      | ^4.7.0  | https://www.npmjs.com/package/font-awesome                      | https://fontawesome.com/v4/                                     |\n| jquery                            | ^3.6.3  | https://www.npmjs.com/package/jquery                            | https://api.jquery.com/                                         |\n| path                              | ^0.12.7 | https://www.npmjs.com/package/path                              |                                                                 |\n| rxjs                              | ~6.6.0  | https://www.npmjs.com/package/rxjs                              | https://rxjs.dev/api                                            |\n| tslib                             | ^2.3.0  | https://www.npmjs.com/package/tslib                             |                                                                 |\n| zone.js                           | ~0.11.4 | https://www.npmjs.com/package/zone.js                           |                                                                 |\n\n### Depedencias de desarrollo 🗃️\n\n| Paquete                       | Versión   | Página NPM                                                  | Página Documentación                                                        |\n|-------------------------------|-----------|-------------------------------------------------------------|-----------------------------------------------------------------------------|\n| @angular-devkit/build-angular | ^14.1.2   | https://www.npmjs.com/package/@angular-devkit/build-angular |                                                                             |\n| @angular/cli                  | ~14.1.2   | https://www.npmjs.com/package/@angular/cli                  |                                                                             |\n| @angular/compiler-cli         | ^14.1.0   | https://www.npmjs.com/package/@angular/compiler-cli         |                                                                             |\n| @cypress/schematic            | ^2.0.2    | https://www.npmjs.com/package/@cypress/schematic            |                                                                             |\n| @types/jasmine                | ~4.0.0    | https://www.npmjs.com/package/@types/jasmine                |                                                                             |\n| cypress                       | ^10.8.0   | https://www.npmjs.com/package/cypress                       | https://www.cypress.io/                                                     |\n| jasmine-core                  | ~4.2.0    | https://www.npmjs.com/package/jasmine-core                  |                                                                             |\n| karma                         | ~6.4.0    | https://www.npmjs.com/package/karma                         |                                                                             |\n| karma-chrome-launcher         | ~3.1.0    | https://www.npmjs.com/package/karma-chrome-launcher         |                                                                             |\n| karma-coverage                | ~2.2.0    | https://www.npmjs.com/package/karma-coverage                |                                                                             |\n| karma-jasmine                 | ~5.1.0    | https://www.npmjs.com/package/karma-jasmine                 |                                                                             |\n| karma-jasmine-html-reporter   | ~2.0.0    | https://www.npmjs.com/package/karma-jasmine-html-reporter   |                                                                             |\n| karma-sabarivka-reporter      | ^3.3.1    | https://www.npmjs.com/package/karma-sabarivka-reporter      |                                                                             |\n| mocha                         | ^10.0.0   | https://www.npmjs.com/package/mocha                         |                                                                             |\n| mochawesome                   | ^7.1.3    | https://www.npmjs.com/package/mochawesome                   |                                                                             |\n| mochawesome-merge             | ^4.2.1    | https://www.npmjs.com/package/mochawesome-merge             |                                                                             |\n| mochawesome-report-generator  | ^6.2.0    | https://www.npmjs.com/package/mochawesome-report-generator  |                                                                             |\n| typescript                    | ~4.7.2    | https://www.npmjs.com/package/typescript                    |                                                                             |\n\n## Contribuyendo 🤝\n\nPor favor lee el [CONTRIBUTING](CONTRIBUTING.md) para detalles de nuestro código de conducta, y el proceso para enviarnos pull requests.\n\n## Wiki 📖\n\nPuedes encontrar mucho más de cómo utilizar este proyecto en nuestra [Wiki](https://github.com/byron-villegas/pokedex/wiki)\n\n## Medallas 🥇\n\nUsamos [Shields](https://shields.io/) para la generación de las medallas.\n\n## Versionado 📌\n\nUsamos [SemVer](https://semver.org/) para el versionado. Para todas las versiones disponibles, mira los [tags en este repositorio](https://github.com/byron-villegas/pokedex/tags).\n\n## Autores ✒️\n\n_Menciona a todos aquellos que ayudaron a levantar el proyecto desde sus inicios_\n\n- **Byron Villegas Moya** - *Desarrollador* - [byron-villegas](https://github.com/byron-villegas)\n\nTambién puedes mirar la lista de todos los [contribuyentes](https://github.com/byron-villegas/pokedex/graphs/contributors) quíenes han participado en este proyecto. \n\n## Licencia 📄\n\nEste proyecto está bajo la Licencia (MIT) - mira el archivo [LICENSE](LICENSE) para detalles\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbyron-villegas%2Fpokedex","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbyron-villegas%2Fpokedex","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbyron-villegas%2Fpokedex/lists"}