Javascript 带Nightwath e2e的v-text-field上的setvalue（）

我正在查询如何使用nightwatch为vuetify的文本输入设置值，下面是我的测试：

module.exports = {
  'load a signup page': function (browser) {
    browser
      .init()
      .url('https://hfb-fronted-mock.firebaseapp.com/')
      .waitForElementVisible('v-btn', 3000)
      .setValue('Username', 'huxy')
      .end();
  },
};

那么我想测试的代码如下：

<template>
  <v-col class="register">
    <Loader/>
    <v-text-field v-model="username" label="Username" dark required></v-text-field>
    <v-text-field v-model="firstName" label="First Name" dark required></v-text-field>
    <v-text-field v-model="lastName" label="Last Name" dark required></v-text-field>
    <v-text-field v-model="email" label="Email" dark required></v-text-field>
    <v-text-field v-model="nationalId" label="National ID" dark required></v-text-field>
    <v-text-field v-model="password" :type="'password'" dark
    label="Password" required></v-text-field>
    <v-text-field
      v-model="confirmPassword"
      :type="'password'"
      label="Confirm Password"
      required
      dark
    ></v-text-field>
    <v-select v-model="gender" :items="items" dark label="Choose Gender"></v-select>
    <v-btn class="signup_button" @click="registerUser"
   depressed>Sign Up</v-btn>
    <SnackBar />
  </v-col>
</template>

注册

您需要识别html中实际的

元素。Vuetify会为每个项目生成一个id，以便使用：

.setValue('#input-312', 'huxy')

---

您如何知道它是

#input-312

？请查看网站的源代码。每个输入都有一个id。您需要更改

waitForElementVisible（'v-btn'，3000）

，因为

v-btn

不会出现在最终的html中。