Running Dusk tests on Travis CI and CircleCI

Running Dusk tests on Travis CI and CircleCI

Laravel Dusk allows us to write end-to-end tests for JavaScript enabled applications by running an actual browser, which simulates an actual user interaction with our applications and provides us with a more accurate feedback on how our application behaves.

However, it wasn’t very clear how to run Dusk tests on different Continuous Integration services, so I went ahead and tried to run those tests on Travis CI and CircleCI and was able to get it to work.

Running dusk tests on Travis CI

To be able to run the tests on Travis CI, we need to use the sudo-enabled Ubuntu Trusty environment which has the correct chrome version Dusk’s standalone chromedriver needs.

We also need to use Xvfb which is an in-memory display tool that will allow us to run an actual browser on the display-less environment Travis provides, and finally we’ll have to manually run the standalone chromedriver before we run our tests.

Our .travis.yml file may look like this:

sudo: required
language: php
dist: trusty

php:
  - 7.1

install:
  - travis_retry composer install --no-interaction

before_script:
  - export DISPLAY=:99.0
  - sh -e /etc/init.d/xvfb start
  - ./vendor/laravel/dusk/bin/chromedriver-linux &
  - cp .env.testing .env
  - php artisan serve &

script:
  - php artisan dusk

Running dusk tests on CircleCI

On CircleCI it’s even easier, all we need to do is manually run the standalone chrome driver and use php artisan serve to start start PHP’s built-in server:

machine:
  pre:
    - sudo apt-get update; USE_PRECOMPILE=true sudo -E circleci-install php 7.1.0

  php:
    version: 7.1.0

dependencies:
  override:
    - composer install --no-interaction
test:
  pre:
    - "./vendor/laravel/dusk/bin/chromedriver-linux":
        background: true
    - cp .env.testing .env
    - "php artisan serve":
        background: true

  override:
    - php artisan dusk


Filed in: Laravel Tutorials / Dusk


Newsletter

Join the weekly newsletter and never miss out on new tips, tutorials, and more.

Laravel News Partners

Laravel Jobs

Software Engineer Lead (PHP)
Remote
CivicPlus, LLC
Full-time Senior Web Developer
Detroit, MI
Wayne State University
Senior Software Engineer
Sydney, Australia
FoodByUs
Full Stack Engineer
Remote or Medford, Oregon
Empire Medical
Laravel Developer (fulltime - Dutch only)
Netherlands
Qbixx | Webservices
Full Stack or Back-End Developer
Alexandria, VA; Tallahassee, FL; Orlando, FL
Marketing for Change
Senior Quality Assurance Engineer
Remote
Bisnow Media