CircleCI에서 Laravel Dusk가 항상 Fail을 해결하는 방법

새로운 개발을 시작할 때 github + circleCI를 시작할 수 있도록 구구하면서 준비를 했습니다.

의외로 부드럽게 진행되었지만 마지막 브라우저 테스트가 전혀 통과하지 않고 빠져 버렸으므로 해결 방법을 공유합니다.

무슨 일이야?

그 1 chromedriver 버전이 맞지 않습니다.

CircleCI의 Chrome 버전이 드라이버 버전과 일치하지 않습니다.

1) Tests\Browser\ExampleTest::testBasicExample
Facebook\WebDriver\Exception\SessionNotCreatedException: session not created: Chrome version must be between 70 and 73
  (Driver info: chromedriver=73.0.3683.68 (47787ec04b6e38e22703e856e101e840b65afe72),platform=Linux 4.15.0-1043-aws x86_64)

그 2 php artisan dusk가 항상 fail이되어 버린다

로컬에서는 php artisan dusk 가 성공하는데 circleci상이라고 항상 fail이 되어 버린다.

1) Tests\Browser\ExampleTest::testBasicExample
Did not see expected text [Laravel] within element [body].
Failed asserting that false is true.

톱 페이지에는 「Laravel」의 기술이 있을 것인데 에러가 된다

해결 방법

.circleci/config.yml 에 다음을 추가

우선 chromedriver는 70~73으로 해라고 하고 있으므로, 솔직하게 php artisan 커멘드로 72로 변경해 봅시다!

그리고, dusk 쪽은 개발용 서버를 php artisan serve 로 기동하고 있기 (위해)때문에, 포트 번호가 8000번이 됩니다. 따라서 환경 변수 APP_URL을 지정하여 브라우저에서 앱을 볼 수있었습니다.

 - APP_URL: http://localhost:8000

 - run: php artisan dusk:chrome-driver 72 

파일 전체 이미지

참고 링크를 보면서 작성했습니다 (선인에게 감사 ☺️)

.circleci/config.yml

# PHP CircleCI 2.0 configuration file
#
# Check https://circleci.com/docs/2.0/language-php/ for more details
#
version: 2
jobs:
  build:
    docker:
      # specify the version you desire here
      - image: circleci/php:7.3.8-apache-node-browsers
      - image: circleci/mysql:5.7

      # Specify service dependencies here if necessary
      # CircleCI maintains a library of pre-built images
      # documented at https://circleci.com/docs/2.0/circleci-images/
      # - image: circleci/mysql:9.4

    environment:
      - APP_DEBUG: true
      - APP_ENV: testing
      - APP_KEY: *****************************************
      - DB_CONNECTION: circle_test
      - APP_URL: http://localhost:8000
      - MYSQL_ALLOW_EMPTY_PASSWORD: true

    working_directory: ~/repo

    steps:
      - checkout

      # Install PHP Extension
      - run: sudo docker-php-ext-install pdo_mysql

      # Download and cache dependencies
      - restore_cache:
          keys:
            - v1-dependencies-{{ checksum "composer.json" }}
            # fallback to using the latest cache if no exact match is found
            - v1-dependencies-

      - run: composer install -n --prefer-dist

      - save_cache:
          paths:
            - ./vendor
          key: v1-dependencies-{{ checksum "composer.json" }}

      - run: php artisan config:cache
      # run seeding
      - run: php artisan migrate
      - run: php artisan db:seed

      #circleCIのchromeは72なので、合わせる
      - run: php artisan dusk:chrome-driver 72

      # run tests!
      - run: php ./vendor/bin/phpunit
      - run:
          name: Start Chrome Driver
          command: ./vendor/laravel/dusk/bin/chromedriver-linux
          background: true
      - run:
          name: Run Laravel Server
          command: php artisan serve
          background: true
      - run:
          name: Run Laravel Dusk Tests
          command: php artisan dusk

/ sts / B 여 w r / 에 mp ㄴ st. php

내용은 매우 간단하며 톱 페이지로 이동하여 Laravel을 볼 수 있는지 여부입니다.

<?php

namespace Tests\Browser;

use Tests\DuskTestCase;
use Laravel\Dusk\Browser;

class ExampleTest extends DuskTestCase
{
    /**
     * A basic browser test example.
     */
    public function testBasicExample()
    {
        $this->browse(function (Browser $browser) {
            $browser->visit('/')
                    ->assertSee('Laravel');
        });
    }
}

참고 링크