阅读(796) (9)

Laravel 8 创建 Vue 断言

2021-07-08 16:55:08 更新

Dusk 甚至还允许你对 Vue 组件数据的状态进行断言。比如:假设你的应用有如下的 Vue 组件:

// HTML...

<profile dusk="profile-component"></profile>

//组件的定义

Vue.component('profile', {
    template: '<div>{{ user.name }}</div>',

    data: function () {
        return {
            user: {
                name: 'Taylor'
            }
        };
    }
}); 

你可以像这样对 Vue 组件状态进行断言:

/**
 * Vue 基础测试案例
 *
 * @return void
 */
public function testVue()
{
    $this->browse(function (Browser $browser) {
        $browser->visit('/')
                ->assertVue('user.name', 'Taylor', '@profile-component');
    });
}