CUSTOM Cypress + Docker Integration | Cypress Docker Tutorial

Подписаться 12 тыс.

Просмотров 11 тыс.

50% 1

✅ MAKE your OWN CYPRESS DOCKERFILE, learn about DOCKER BUILD, CMD vs ENTRYPOINT, and go beyond with Docker Containers.
#cypress #docker #javascript
Notes:
1- Check this article, it helped to get some references: www.mariedrake.com/post/using...
2- Commands vs Entrypoints: • Docker for Beginners -...
Repo: github.com/JoanEsquivel/cypre...
⏰Timestamps:
00:00 - Video Introduction
00:50 - What is docker? What is a Dockerfile?
02:29 - Cypress Docker Images (Included, Base, Browsers)
04:20 - Create a Dockerfile
11:38 - Docker Build ImageName:Tag
04:00 - Execute your Cypress Docker Image

Опубликовано:

7 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 32

@joanmedia 2 года назад

🤖DISCORD: discord.gg/2F9E2fRGaU ⭐PREMIUM Cypress + Typescript course: shorturl.at/dcnPn 📣FREE Cypress videos: shorturl.at/h6iEX

@felipeluz1333 2 года назад

You rock, Joan! Thank you for the great content!

@joanmedia 2 года назад

Thank you Felipe, for your comment.

@rodybothe3329 2 года назад

Glad to have found your channel man, I was trying to map the volume but could not get to work. With this tutorial I did. Thanks! Btw also nice trick that you leave CMD empty to add more commands to it.

@joanmedia 2 года назад

Hi man! Happy to hear you find it useful! Yep it is a good trick that I saw in another Docker training but well it is now applied to this case 😅

@NeverCodeAlone Год назад

Very good overview and inspiration - thx a lot

@shashankatole6968 Год назад

Thanks 🥰

@TheMurtukov 2 года назад

Thanx Joan! Could you please show us how to do the same, but with cypress plugins?

@joanmedia 2 года назад

Hi Timur :) I think that it is already included cause the plugins are inside of the cypress folder: COPY ./cypress ./cypress

@techglow4302 Год назад

Hi Joan , I have seen your video creating docker image from command line By that kinda command Docker run -t pwd/e2e…………………….. But here in this video we are creating through docker file. Can you please tell me why we are doing differently. I mean there is any difference between those ways? Or both ways doing the same job? What is actual difference ?

@FatDimitri 2 года назад

Great video, I just have a question, How do you add plugins using this method? My pipeline fails because it cannot find the plugins that is in node_modules.

@joanmedia 2 года назад

Hello, it should work because we are copying the plugins folder in the container. May the dependency be missed in the package.json and that's why it is not downloading it inside the container.

@MrSontiny 2 года назад

Good stuff again. Would you upload sorry-cypress setup?

@joanmedia 2 года назад

Thanks! I can try in a future :)

@INFJ_MoMo_Radio Год назад

Hi Joan, I am following your tutorial on Docker and after I ran it, I got this comment < unknown command:"cypress>. Do you have any idea for this type of error? Thanks a lot.

@filipmoniuszko309 2 года назад

I get the errors: Failed to connect to the bus: Failed to connect to socket /var/run/dbus/system_bus_socket and Cypress could not verify that this server is running

@kryshtop 10 месяцев назад

What about typescript? Compile them first in js and then run in docker? thanks.

@kryshtop 10 месяцев назад

@joanmedia thanks

@sachinpatil280 2 года назад

Hi Joan, can you replace "RUN npm install" with "RUN npm ci" in your dockerfile, that is causing some issues while running the test in Docker.

@joanmedia 2 года назад

Hi! You mean "npm i"?

@sachinpatil280 2 года назад

@@joanmedia No, for making dependencies install on our docker, npm install was causing problem like no cypress installed, after analysing I found, npm ci is the solution.

@joanmedia 2 года назад

@@sachinpatil280 Thanks for your advice! I see your point now.

@cifuentes678 Год назад

@@sachinpatil280 I was facing the same issue and your command helped me

@cifuentes678 Год назад

@@joanmedia Just to complement the workaround that Sachin Patil mentioned: we needed to copy the package-lock.json in our dockerfile. It should look like this: COPY ./package.json . COPY ./package-lock.json . COPY ./cypress.config.js . COPY ./cypress.env.json . COPY ./cypress ./cypress # Install the Cypress dependencies in the work directory RUN npm ci

@firuzakasirova5036 2 года назад

can you show us how you did step by step

@joanmedia 2 года назад

Hi! I think I did everything in the video haha. What do you need exactly?

@samundradhakal2363 2 года назад

Why your image size is so big? Its not good to have that much image size

@joanmedia 2 года назад

you are right. It is not my fault, it is because the cypress base image uses a heavy one :/. If we want to customize it, i think we also can.

@samundradhakal2363 2 года назад

@@joanmedia , do you have the video for that one

@joanmedia 2 года назад

@@samundradhakal2363 I don't but here you can see the base images: github.com/cypress-io/cypress-docker-images/tree/master/browsers in case you want to edit it for your benefit :) maybe I can try it sometime.

@ShoeibShargo Год назад

@@joanmedia Hi, would appreciate a lot if you could show us the way to reduce the docker image size, also, how to use Kuberenetes alongside. Really love the way you teach. Thank you for your hard work, mate.