The latest articles on Forem by jose pergolesi (@josepergolesi). https://forem.com/josepergolesi https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F402715%2F4d463734-12ed-43d4-8ea9-66fd51f047a4.png https://forem.com/josepergolesi en jose pergolesi Fri, 05 Jun 2020 21:48:53 +0000 https://forem.com/josepergolesi/futter-gitlab-unit-test-ci-3ip7 https://forem.com/josepergolesi/futter-gitlab-unit-test-ci-3ip7 <h2> Como lograr Integración continua usando Gitlab y desarrollando una app con Flutter? </h2> <h3> En el proyecto que estoy trabajando actualmente me pidieron que comience a realizar pruebas unitarias para la app y que se ejecuten en cada merge request antes de fusionar los cambios a la rama master. </h3> <blockquote> <p>Hasta el momento nunca había realizado test en Flutter, por lo que me puse a leer la documentacion ver videos en youtube y leer muchos post.</p> </blockquote> <h3> Los pasos que seguí para lograr lo que me pidieron fueron los siguientes: </h3> <ul> <li><p>Dentro de la carpeta test que esta en la raíz del proyecto cree una nueva carpeta solo para las pruebas unitarias con el nombre <strong>unit_test</strong>.</p></li> <li><p>Agregue <strong>test:</strong> a las dependencias de desarrollo (dev_dependencies) en el archivo <strong>pubspec.yml</strong><br> </p></li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight json"><code><span class="err">dev_dependencies:</span><span class="w"> </span><span class="err">test:</span><span class="w"> </span></code></pre> </div> <ul> <li>Cree un test básico de ejemplo para empezar a probar </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>import 'package:test/test.dart'; void main(){ group('example two unit test', (){ test('#sum' , (){ expect(1+1, 2); }); test('#sum' , (){ expect(1+1, 2); }); }); }); </code></pre> </div> <ul> <li>Cree un archivo de configuración en la carpeta raíz del proyecto llamado <strong>.gitlab-ci.yml</strong> para implementar CI en gitlab con el siguiente contenido: </li> </ul> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>image: cirrusci/flutter:stable before_script: - flutter doctor stages: - test unit_test: stage: test script: - flutter test </code></pre> </div> <h4> Listo con eso ahora ya puedes hacer un push en tu proyecto y veras algo parecido a esto </h4> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fwy6efcsgewufzouwbpjf.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fwy6efcsgewufzouwbpjf.png" alt="Alt Text"></a></p> <p>Ahora en los próximos push que hagas van a correr esos dos test del ejemplo.</p> <p>Espero que sean de ayuda estas lineas.</p> <p>Este es mi primer post y espero empezar a compartir cosas sobre flutter con las que me vaya topando y resolviendo que considere que puedan llegar a ser útiles a otras personas a la hora de enfrentarse a los mismos problemas</p> flutter ci test gitlab