En el post anterior , ya aprendimos como dockerizar nuestra aplicación React. Ahora vamos a aprender cómo ejecutar los tests usando docker :) Primero tenemos que iniciar nuestra aplicación. Siguiendo el ejemplo del post anterior, tendríamos que hacer lo siguiente: docker-compose up -d react_app Para ejecutar los tests con Docker, necesitamos saber el id o el nombre del contenedor de la aplicación React. Para saber estos valores, ejecutamos en un terminal: docker ps Una vez que sepamos el id o el nombre, ejecutamos los tests de la siguiente manera: docker exec -it <CONTAINER_ID o CONTAINER_NAME> yarn test En nuestro ejemplo del post anterior, definimos en el docker-compose.yml el nombre del contenedor, así que ya sabríamos el nombre sin necesidad de utilizar 'docker ps' docker exec -it react_app yarn test Y ya estaría ^^ PASS src/ App.test.tsx ( 39.879s ) ✓ renders learn react link (153ms) Test Suites: 1 passed , 1 total Tests: 1 passed , 1 total Snap
Docker es una plataforma abierta que nos permite empaquetar y ejecutar una aplicación en una unidad de software llamado contenedor. En este post vamos a aprender como dockerizar una aplicación Reactjs utilizando docker-compose , que es una herramienta para definir y ejecutar aplicaciones multi-contenedores. Con Compose, configuras tu aplicación en un archivo YAML y con un solo comando, se crean e inician todos los contenedores que necesita tu aplicación. Los pasos a seguir son: 1) Creamos el fichero Dockerfile: FROM node WORKDIR /usr/src/app 2) Creamos el fichero docker-compose.yml: version: '3' services: react-app: container_name: react_app build: context: . dockerfile: Dockerfile environment: - NODE_ENV=development volumes: - ./:/usr/src/app command: sh -c 'yarn && yarn start' ports: - "3000:3000" tty: true 3) En un terminal, en el directorio donde hemos creado los dos ficheros, eje