关于连续点击(双击)的黄昏测试,无需等待后端处理

时间:2018-01-03 07:32:37

标签: laravel-5 vue.js laravel-dusk

我正在使用laravel黄昏测试以下内容。 Vue组件的用途是禁用用户点击连续性,以避免注册重复数据。 我想要实现的测试是用户快速连续点击。

之后
$browser->assertSourceHas($buttonEnableSource)
->click('@submit-button-component')

测试将等待浏览器进程。 因此,如果我写下以下内容,则会产生没有适用Vue的错误。

$browser->assertSourceHas($buttonEnableSource)
->click('@submit-button-component')
->click('@submit-button-component')

有没有办法在黄昏时用户点击快速连续点击?

以下是源代码。

<template>
  <div>
    <input type="submit" class="button_orange button_big" :value="value" v-show="!isSubmitting" @click="startSubmit">
    <div class="button_white button_big" v-show="isSubmitting">{{ value }}</div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        isSubmitting: false,
      };
    },
    props: {
      value: {
        type: String,
        default: '',
      },
    },
    methods: {
      startSubmit() {
        this.isSubmitting = true;
      },
    },
  };
</script>


public function testRegisterDoubleClickNoDuplication()
{
    $this->browse(function (Browser $browser) {
        $buttonValue = __('common.register');
        $buttonEnableSource = "<input type=\"submit\" class=\"button_orange button_big\" value=\"{$buttonValue}\" />";
        $browser->visit(route('staffs.create'))
                ->assertSourceHas($buttonEnableSource)
                ->click('@submit-button-component')
                ->assertSourceMissing($buttonEnableSource)
                ->assertSee('スタッフ詳細');
    });
}

0 个答案:

没有答案