Code Monkey home page Code Monkey logo

cypress-desktop's Introduction

Cypress Docker Desktop Docker Image CI

Overview

A Dockerized Cypress Image with an integrated light-weight desktop environment.

noVNC view of the Container running

The Image comes with noVNC to allow user to view the desktop environment with their browsers.

Two type of images are provided:

Image Default Description Monthly pulls
piopirahl/cypress-desktop-base piopirahl/cypress-desktop-base:cypress8.2.0 Cypress with the desktop environment only.
piopirahl/cypress-desktop-browsers piopirahl/cypress-desktop-browsers:all-1.0.5 Cypress with the desktop environment and with one or multiple browsers. The tag all-x.x.x include all 3 browsers (Chrome, Firefox and Edge).

Usage

With the base Image:

docker run -d -p 6901:6901 -p 5901:5901 -v $PWD:/src/cypress piopirahl/cypress-desktop-base:cypress6.7.1

With the Browser Image:

docker run -d -p 6901:6901 -p 5901:5901 -v $PWD:/src/cypress piopirahl/cypress-desktop-browsers:all-1.0.1

You will be able to access the noVNC windows at http://localhost:6901 or use your VNC viewer with localhost:5901

Ports

6901 is exposed by default for the noVNC.

5901 is exposed by default for VNC.

Volumes Binding

To share your cypress host files with the container, you need to bind the host volume with /src on the container. This is the location where Cypress files/configuration reside on the container. E.g: -v $PWD:/src

Custom configs

The config files are stored under /home/docker/.config on the container. In order, to save on your host your configs, you can follow those steps:

  1. Run the docker image to generate the configs on the container
docker run -d -p 6901:6901 -p 5901:5901 --name cypressDesktop piopirahl/cypress-desktop:1.0.3 
  1. Copy the content of the container on the host
mkdir config
docker cp desktop:/home/docker/.config  $PWD/config
  1. Stop the running container and start a new one with a mounted volume

    docker rm -f desktop
    docker run -d -p 6901:6901 -p 5901:5901 --name desktop -v $PWD/config/.config:/home/docker/.config piopirahl/docker-desktop:1.0.1 
    
  2. Now your local configs will be saved on your host machine

Sudo password

The default username in the container is docker and you can use sudo without the need of a password.

DockerHub

DockerHub link of the images:

Image Contents

  • Xvfb - X11 in a virtual framebuffer
  • TigerVNC - A VNC server that scrapes the above X11 server
  • noNVC - A HTML5 canvas vnc viewer
  • xfce4 - a small desktop environment
  • Cypress- Testing tool

Maintainers

Mostapha El Sabah Piopi

cypress-desktop's People

Contributors

piopi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

cypress-desktop's Issues

Suggestions

Hi, great work.
I have some suggestions, you and your recipients may like

  • Run the whole thing as a normal user
  • Have a docker volume to store user settings, like
-v docker_desktop_home:/home \
-v docker_desktop_root:/root \
  • Give your container a name with --name
  • why is chrome running in no sandbox mode?

Regards

Override cypress config

I am trying to figure out how to override the cypress.json config file.
In the image, it is stored in /src/.
Then, when I start the container, I only mount the <PROJECT_ROOT>/cypress to /src/cypress.
My project config file is not taken because it is stored in project root.
If I tried to mount project root into /src, then this will override the original content of /src with entrypoint.sh and container fails to start.

Wouldn't it make more sense to be able to mount the whole project root into /src/project and then start cypress from inside this folder? This way it would avoid clash with docker files - entrypoint.sh, but still allow seamless propagation of local config file.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.