$browser->assertVisible($selector);

$browser->assertPresent($selector);

$browser->assertMissing($selector);

Dusk를 사용하면 Vue 구성 요소 데이터의 상태에 대한 단언도 할 수 있습니다. 예를 들어 애플리케이션에 다음 Vue 구성 요소가 포함되어 있다고 가정합니다.

$browser->assertDialogOpened($message);

Vue 구성 요소의 상태에 대해 다음과 같은 어설션을 만들 수 있습니다.

$browser->assertEnabled($field);

사용 가능한 Assertions

Dusk는 일련의 사용 가능한 Assertion 메서드를 제공합니다. 모든 주장은 다음과 같습니다:

assertTitle

페이지 제목이 지정된 텍스트와 일치하는지 확인:

$browser->assertDisabled($field);

assertTitleContains

페이지 제목에 지정된 텍스트가 포함되어 있는지 확인:

$browser->assertFocused($field);

assertUrlIs

현재 URL(쿼리 문자열 없음)이 지정된 문자열과 일치하는지 확인:

$browser->assertNotFocused($field);

assertSchemeIs

현재 URL이 지정된 문자열과 일치하는지 확인:

assertSchemeIsNot

현재 URL이 주어진 문자열과 일치하는지 확인:

$browser->assertVue($property, $value, $componentSelector = null);

assertHostIs

현재 URL의 호스트가 지정된 값과 일치하는지 확인:

$browser->assertVueIsNot($property, $value, $componentSelector = null);

assertHostIsNot

현재 URL의 호스트가 지정된 값과 일치하지 않는지 확인:

$browser->assertVueContains($property, $value, $componentSelector = null);

assertPortIs

현재 URL의 포트 값이 지정된 값과 일치하는지 확인:

$browser->assertVueDoesNotContain($property, $value, $componentSelector = null);

assertPortIsNot

현재 URL의 포트 값이 지정된 값과 일치하지 않는지 확인:

php artisan dusk:page Login

assertPathBeginsWith

현재 URL이 지정된 경로로 시작하는지 확인:

/**
 * 获得页面 URL 路径。
 *
 * @return string
 */
 public function url(){   
  return '/login';
 }

/**
 * 断言浏览器当前处于指定页面。
 *
 * @return void
 */
 public function assert(Browser $browser){ 
    $browser->assertPathIs($this->url());
   }

use Tests\Browser\Pages\Login;$browser->visit(new Login);

use Tests\Browser\Pages\CreatePlaylist;$browser->visit('/dashboard')  
      ->clickLink('Create Playlist')        
      ->on(new CreatePlaylist)        
      ->assertSee('@create');

/**
 * 获取页面的元素简写。
 *
 * @return array
 */
 public function elements(){ 
    return [  
          '@email' => 'input[name=email]',   
         ];
       }

$browser->type('@email', 'taylor@laravel.com');

/**
 * 获取站点全局的选择器简写。
 *
 * @return array
 */
 public static function siteElements(){
     return [    
         '@element' => '#selector',   
          ];
        }

assertFragmentIs

현재 조각이 지정된 조각과 일치하는지 확인:

<?php
    namespace Tests\Browser\Pages;
    use Laravel\Dusk\Browser;
    class Dashboard extends Page{  
      // 其他页面方法...  
      /**
     * 创建一个新的播放列表。
     *
     * @param  \Laravel\Dusk\Browser  $browser
     * @param  string  $name
     * @return void
     */  
      public function createPlaylist(Browser $browser, $name) 
         {     
            $browser->type('name', $name)            
                ->check('share')                
                ->press('Create Playlist');   
           }
       }

assertFragmentBeginsWith

현재 조각이 지정된 조각으로 시작하는지 확인:

use Tests\Browser\Pages\Dashboard;$browser->visit(new Dashboard)    
    ->createPlaylist('My Playlist')        
    ->assertSee('My Playlist');

assertFragmentIsNot

Assert 현재 샤드가 지정된 샤드와 일치하지 않음:

php artisan dusk:component DatePicker

assertHasCookie

지정된 쿠키가 존재하는지 확인:

<?php
    namespace Tests\Browser\Components;
    use Laravel\Dusk\Browser;
    use Laravel\Dusk\Component as BaseComponent;
    class DatePicker extends BaseComponent{   
     /**
     * 获取组件的 root selector
     *
     * @return string
     */   
      public function selector()   
       {     
          return '.date-picker';   
        }   
    /**
     * 浏览器包含组件的断言
     *
     * @param  Browser  $browser
     * @return void
     */   
      public function assert(Browser $browser)  
        {      
          $browser->assertVisible($this->selector());  
         }    
    /**
     * 读取组件的元素快捷方式
     *
     * @return array
     */   
      public function elements()   
       {    
           return [        
               '@date-field' => 'input.datepicker-input',       
               '@month-list' => 'div > div.datepicker-months',            
               '@day-list' => 'div > div.datepicker-days',      
         ];   
      }   
     /**
     * 选择给定日期
     *
     * @param  \Laravel\Dusk\Browser  $browser
     * @param  int  $month
     * @param  int  $day
     * @return void
     */  
      public function selectDate($browser, $month, $day)  
        {    
            $browser->click('@date-field')             
               ->within('@month-list', function ($browser) use ($month) {       
                            $browser->click($month);         
                                })                
                 ->within('@day-list', function ($browser) use ($day) {       
                              $browser->click($day);           
                                   });   
          }
       }

assertCookieMissing

지정된 쿠키가 존재하지 않는지 확인 :

<?php
    namespace Tests\Browser;
    use Tests\DuskTestCase;
    use Laravel\Dusk\Browser;
    use Tests\Browser\Components\DatePicker;
    use Illuminate\Foundation\Testing\DatabaseMigrations;
    class ExampleTest extends DuskTestCase{  
      /**
     * 基本的组件测试示例
     *
     * @return void
     */   
      public function testBasicExample() 
         {    
             $this->browse(function (Browser $browser) {       
                  $browser->visit('/')                
                      ->within(new DatePicker, function ($browser) {                   
                           $browser->selectDate(1, 2018);               
                               })                   
                      ->assertSee('January');     
                       });   
            }
      }

assertCookieValue

쿠키가 지정된 값으로 존재하는지 확인:

version: 2jobs:
    build:
        steps:            
            - run: sudo apt-get install -y libsqlite3-dev            
            - run: cp .env.testing .env            
            - run: composer install -n --ignore-platform-reqs            
            - run: npm install            
            - run: npm run production            
            - run: 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

assertPlainCookieValue

ed 쿠키가 지정된 값으로 존재합니다:

phpenv local 7.2
cp .env.testing .env
mkdir -p ./bootstrap/cache
composer install --no-interaction --prefer-dist
php artisan key:generate
nohup bash -c "php artisan serve 2>&1 &" && sleep 5
php artisan dusk

assertSee

지정된 텍스트가 현재 페이지에 존재하는지 확인:

{  "environments": { 
       "test": { 
            "buildpacks": [    
                { "url": "heroku/php" },        
                { "url": "https://github.com/heroku/heroku-buildpack-google-chrome" }    
                  ],      
              "scripts": {      
                 "test-setup": "cp .env.testing .env",        
                 "test": "nohup bash -c './vendor/laravel/dusk/bin/chromedriver-linux > /dev/null 2>&1 &' && nohup bash -c 'php artisan serve > /dev/null 2>&1 &' && php artisan dusk" 
                    }  
                  }  
            }
       }

assertDontSee

지정된 텍스트가 현재 페이지에 존재하지 않는지 확인:

language: php
php: 
 - 7.3
addons:
  chrome: stable
install:
  - cp .env.testing .env  
  - travis_retry composer install--no-interaction --prefer-dist --no-suggest  
  - php artisan key:generate
before_script:  
   - google-chrome-stable --headless --disable-gpu --remote-debugging-port=9222 http://localhost &  
   - php artisan serve &
 script:
   - php artisan dusk

assertSeeIn

선택기가 범위 내에 존재하는지 확인 지정된 텍스트:

APP_URL=http://127.0.0.1:8000

assertDontSeeIn

지정된 텍스트가 선택기 범위 내에 존재하지 않는지 확인:

assertSourceHas

지정된 소스 코드가 현재 페이지에 존재하는지 확인:

assertSourceMissing

지정된 소스 코드가 현재 페이지에 존재하지 않는지 확인:

assertSeeLink

지정된 링크가 현재 페이지에 존재하는지 확인:

assertDontSeeLink

지정된 링크가 현재 페이지에 존재하지 않는지 확인:

AssertInputValue

입력 상자에 지정된 값이 있는지 확인:

assertInputValueIsNot

Assert 입력 지정된 값을 가진 상자가 존재하지 않음:

assertChecked

지정된 것을 주장합니다. 확인란이 선택되어 있음:

assertNotChecked

지정된 확인란이 선택되어 있지 않은지 확인:

assertRadioSelected

지정된 라디오 버튼이 선택되었는지 확인:

assertRadioNotSelected

지정된 라디오 어설션 선택 버튼이 선택되지 않았습니다:

assertSelected

드롭다운 상자가 지정된 값으로 선택되었는지 확인:

assertNotSelected

Assert 그 드롭- 다운 상자가 지정된 값으로 선택되지 않았습니다. 값:

assertSelectHasOptions

선택한 값이 지정된 배열의 값이 아닌지 확인:

assertSelectHasOption

주장 지정된 값에 대한 선택 사항:

assertValue

선택기 범위 내의 요소가 지정된 값으로 존재하는지 확인:

assertVisible

assert 요소 선택기 범위 내에서 표시됨:

assertPresent

선택기 범위 내의 요소가 존재하는지 확인:

assertMissing

선택기 범위 내의 요소 확인 존재하지 않음:

assertEnabled

지정된 필드가 활성화되었는지 확인:

assertDisabled

지정된 필드가 비활성화되었는지 확인:

assertFocused

포커스가 지정된 필드에 있는지 확인:

assertNotFocused

assert 포커스가 지정된 필드에 있지 않습니다:

assertVue

Vue 구성 요소 데이터의 속성이 지정된 값과 일치하는지 확인:

assertVueIsNot

Vue 구성 요소 데이터의 속성이 지정된 값과 일치하지 않는지 확인:

assertVueContains

Vue 구성 요소 데이터의 속성이 배열이고 배열에 다음이 포함되어 있는지 확인 지정된 값:

assertVueDoesNotContain

Vue 구성 요소 데이터의 속성이 배열이고 배열에 지정된 값이 포함되어 있지 않은지 확인:

Page

때로는 일련의 복잡한 작업을 테스트해야 할 때가 있습니다. 이로 인해 테스트 코드를 읽고 이해하기 어려울 수 있습니다. 페이지를 통해 시맨틱 액션을 정의한 후 지정된 페이지에서 단일 메서드를 사용할 수 있습니다. 페이지에서는 애플리케이션이나 개별 페이지에 공통적인 선택기에 대한 바로가기를 정의할 수도 있습니다.

페이지 생성

dusk:page Artisan 명령은 페이지 개체를 생성할 수 있습니다. 모든 페이지 개체는 tests/Browser/Pages 디렉터리에 있습니다: dusk:page Artisan 命令可以生成页面对象。所有的页面对象都位于 tests/Browser/Pages 目录：

配置页面

页面默认拥有 3 个方法： url， assert 和 elements。 在这里我们先详述 url 和 assert 方法， elements 方法将会 选择器简写 中详述。

url 方法

url 方法应该返回表示页面 URL 的路径。 Dusk 将会在浏览器中使用这个 URL 来导航到具体页面：

assert 方法

assert 方法可以作出任何断言来验证浏览器是否在指定页面上。这个方法并不是必须的。你可以根据你自己的需求来做出这些断言。这些断言会在你导航到这个页面的时候自动执行：

导航至页面

一旦页面配置好之后，你可以使用 visit 方法导航至页面：

有时候，你可能已经在指定页面了，你需要的只是「加载」当前页面的选择器和方法到当前测试中来。常见的例子有：当你按下一个按钮的时候，你会被重定向至指定页面，而不是直接导航至指定页面。在这种情况下，你需要使用 onrrreee

구성 페이지

이 페이지에는 기본적으로 url, assert 및 elements의 3가지 메소드가 있습니다. 여기서는 먼저 url 및 assert 메소드를 자세히 설명합니다. elements 메소드는 입니다. 선택기 약어는 🎜에 자세히 설명되어 있습니다. 🎜

🎜🎜url 메소드 🎜🎜url 메소드는 페이지의 URL을 나타내는 경로를 반환해야 합니다. Dusk는 브라우저에서 다음 URL을 사용하여 특정 페이지로 이동합니다: 🎜rrreee

🎜🎜assert method 🎜🎜assert < /code> 메소드는 브라우저가 지정된 페이지에 있는지 확인하기 위해 어설션을 만들 수 있습니다. 이 방법은 필수가 아닙니다. 자신의 필요에 따라 이러한 어설션을 만들 수 있습니다. 다음 페이지로 이동하면 다음 어설션이 자동으로 실행됩니다: 🎜rrreee🎜🎜🎜

🎜🎜페이지로 이동 🎜🎜페이지가 구성되면 visit 메소드를 사용하여 페이지를 탐색할 수 있습니다: 🎜rrreee🎜 때로는 이미 지정된 페이지에 있을 수 있으며 필요한 것은 해당 페이지를 "로드"하는 것뿐입니다. 현재 페이지를 선택하면 생성자와 메소드가 현재 테스트에 추가됩니다. 일반적인 예는 다음과 같습니다. 버튼을 누르면 지정된 페이지로 직접 이동하는 대신 지정된 페이지로 리디렉션됩니다. 이 경우 on 메소드를 사용하여 페이지를 로드해야 합니다: 🎜rrreee🎜🎜🎜🎜🎜🎜

Selector 단축어

elements 메서드를 사용하면 페이지의 모든 CSS 선택기에 대해 간단하고 기억하기 쉬운 단축어를 정의할 수 있습니다. 예를 들어, 앱 로그인 페이지의 email 입력 필드에 대한 약어를 정의해 보겠습니다. elements 方法允许你为页面中的任何 CSS 选择器定义简单易记的简写。例如，让我们为应用登录页中的 email 输入框定义一个简写：

rrreee

现在你可以用这个简写来代替之前在页面中使用的完整 CSS 选择器：

rrreee

全局的选择器简写

安装 Dusk 之后，Page 基类存放在你的 tests/Browser/Pages 目录。该类中包含一个 siteElements 方法，这个方法可以用来定义全局的选择器简写，这样在你应用中每个页面都可以使用这些全局选择器简写了：

rrreee

页面方法

除了页面中已经定义的默认方法之外，你还可以定义在整个测试过程中会使用到的其他方法。例如，假设我们正在开发一个音乐管理应用，在应用中都可能需要一个公共的方法来创建列表，而不是在每一页、每一个测试类中都重写一遍创建播放列表的逻辑，这时候你可以在你的页面类中定义一个 createPlaylist 方法：

rrreee

方法被定义之后，你可以在任何使用到该页的测试中使用这个方法了。浏览器实例会自动传递该页面方法：

rrreee

组件

组件类似于 Dusk 的 「页面对象」，不过它更多的是贯穿整个应用程序中频繁重用的 UI 和功能片断，比如说导航条或信息通知弹窗。因此，组件并不会绑定于某个明确的 URL。

组件的生成

为了生成一个组件，使用 Artisan 命令 dusk:component 即可生成组件。新生成的组件位于 test/Browser/Componentsrrreee

이제 이전에 페이지에서 사용했던 전체 CSS 선택기 대신 이 약어를 사용할 수 있습니다.

rrreee

전역 선택기 약어

Dusk를 설치한 후 페이지 기본 클래스가 테스트에 저장됩니다. / 브라우저/페이지 디렉토리. 이 클래스에는 전역 선택기 약어를 정의하는 데 사용할 수 있는 siteElements 메서드가 포함되어 있으므로 애플리케이션의 각 페이지에서 다음 전역 선택기 약어를 사용할 수 있습니다. rrreee

페이지 방법

페이지에 이미 정의된 기본 방법 외에도 테스트 프로세스 전반에 걸쳐 정의할 수도 있습니다. 에서 사용되는 다른 방법. 예를 들어, 음악 관리 애플리케이션을 개발 중이라고 가정하면, 현재로서는 모든 페이지와 모든 테스트 클래스에서 재생 목록을 생성하는 로직을 다시 작성하는 대신 공개 메서드가 필요할 수 있습니다. 페이지 클래스에 createPlaylist 메서드를 정의하세요.

rrreee

메서드가 정의된 후에는 페이지를 사용하는 모든 테스트에서 이 메서드를 사용할 수 있습니다. 브라우저 인스턴스는 자동으로 페이지 메소드를 전달합니다: rrreee

comComponent

comComponent는 Dusk의 "페이지와 유사합니다. "개체"이지만 탐색 모음이나 정보 알림 팝업 창과 같이 전체 애플리케이션에서 자주 재사용되는 UI 및 기능 조각에 가깝습니다. 따라서 구성 요소는 명시적인 URL에 바인딩되지 않습니다.

🎜컴포넌트 생성🎜🎜컴포넌트를 생성하려면 Artisan 명령어 dusk를 사용하세요: 구성 요소 를 사용하여 구성 요소를 생성합니다. 새로 생성된 구성 요소는 test/Browser/Components 디렉터리에 있습니다. 🎜rrreee🎜위에 표시된 것처럼 이는 다음의 여러 페이지에서 사용할 수 있는 "날짜 선택기" 구성 요소를 생성하는 예입니다. 너의 어플리케이션. 테스트 모음 전체의 수많은 테스트 페이지에서 날짜 선택을 위한 브라우저 자동화 논리를 수동으로 작성하는 것은 번거로운 일입니다. 더 편리한 대안은 날짜 선택기를 나타내는 Dusk 구성 요소를 정의한 다음 구성 요소에 자동화 논리를 캡슐화하는 것입니다. 테스트 페이지 날짜 선택기를 사용하면 날짜를 쉽게 선택할 수 있습니다. 선택한 날짜의 논리를 수정해야 하는 경우 다음 구성 요소를 수정하세요. 🎜rrreee🎜🎜🎜🎜🎜🎜🎜지속적 통합🎜🎜🎜🎜🎜🎜🎜

CircleCI

CircleCI를 사용하여 Dusk 테스트를 실행하는 경우 이 구성 파일을 시작점으로 참조할 수 있습니다. TravisCI와 마찬가지로 php artisan Serve 명령을 사용하여 PHP의 내장 웹 서버를 시작합니다: php artisan serve 命令启动 PHP 的内置 Web 服务器：

rrreee

Codeship

在 Codeship 中运行 Dusk 测试，需要在你的 Codeship 项目中添加以下命令。当然，这些命令只是作为范例，你可以根据需要随意添加额外的命令：

rrreee

Heroku CI

在 Heroku CI 中运行 Dusk 测试时，请将下列 Google Chrome 构建包和脚本添加到你的 Heroku app.json 文件中：

rrreee

Travis CI

在  Travis CI 中运行 Dusk 测试时，你可以参考 .travis.yml 的配置。由于 Travis CI 不是图形环境，因此我们需要采取一些额外的步骤来启动 Chrome 浏览器。此外，我们将使用 php artisan serve 启动 PHP 的内置 Web 服务器：

rrreee

在 .env.testing 文件中，调整 APP_URLrrreee

Codeship

🎜Codeship🎜에서 Dusk 테스트를 실행하려면 Codeship 프로젝트에 다음 명령을 추가해야 합니다. 물론 이러한 명령은 예시일 뿐이므로 필요에 따라 추가 명령을 자유롭게 추가하세요. 🎜rrreee🎜🎜🎜

🎜🎜Heroku CI🎜🎜 Heroku CI🎜에서 Dusk 테스트를 실행할 때 다음 Google Chrome 빌드팩 및 스크립트를 Heroku app.json 파일: 🎜rrreee🎜🎜🎜

🎜 🎜Travis CI🎜🎜 Travis CI🎜에서 Dusk 테스트를 실행할 때 .travis.yml 구성을 참고하시면 됩니다. Travis CI는 그래픽 환경이 아니기 때문에 Chrome 브라우저를 실행하려면 몇 가지 추가 단계를 수행해야 합니다. 또한 php artisan Serve를 사용하여 PHP 내장 웹 서버를 시작합니다. 🎜rrreee🎜.env.testing 파일에서 APP_URL 값: 🎜rrreee🎜이 글은 🎜LearnKu.com🎜 웹사이트에 처음 게시되었습니다. 🎜🎜

← 캐셔 트레이딩 툴킷

Envoy 배포 도구 →

제출하다

PHP 중국어 웹사이트

집강의기사Q&A사전수동다운로드찾다 APP다운로드