Contrib.social

Create documentation around running Cypress tests locally with DDEV

Open on Drupal.org →
Created on 5 March 2025, 2 months ago

Overview

I recently switched over to DDEV and with some help from @lauriii who has this setup, I was able to successfully run Cypress tests locally without needing to running it from a container.

This setup uses a PHP web server that the Cypress tests can run on.

I wanted to document the steps I took here and because it works for both of us and relatively simple to set up so maybe it can be turned into formal documentation for new XB contributors on DDEV.

My steps

1. From /web directory,
run git clone git@git.drupal.org:project/experience_builder.git modules/contrib/experience_builder
2. cd modules/contrib/experience_builder/ui
3. Run npm install and npm build
4. I ran brew install php to install PHP because my machine didn't have it yet.
5. cd into /web where my .ht.router.php is located
6. Start a web server on an unused port php -S localhost:8080 .ht.router.php
7. Updated /experience_builder/ui/.env file with these values so the Cypress can point to the PHP web server:

BASE_URL='http://localhost:8080'
DB_URL='sqlite://localhost:8080/sites/default/files/db.sqlite'
VITE_SERVER_ORIGIN='http://localhost:5173'

8. From the /experience_builder/ui directory, run npm run cy:open and tests run in the Cypress UI successfully!

Proposed resolution

Consider this setup to be the go-to for running Cypress tests with the GUI on DDEV and/or find a way to simplify this (e.g. instead of manually running the web server, have it be part of the command)

📌 Task
Status

Active

Version

0.0

Component

Documentation

Created by

🇺🇸United States hooroomoo

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024