我正在使用Vue.js的网页上使用PHPUnit / Selenium运行Web测试。我可以成功发送命令,以更新无线电的值和相应的v模型并选择输入。但是,当我在文本输入上发送type和typeKeys命令时,相应的v模型不会更新。输入了文本,但v模型仍然为空。
这里是一个例子:
DOM
<div id='dropdown'>
<select v-model='dropdown'>
<option v-for='(option, text) in dropdown.options' :value='text'>{{ text }}</option>
</select>
</div>
<div id='radio'>
<input v-for='(option, text) in radio.options' type='radio' :value='text' v-model='radio'> {{ text }}
</div>
<div id='text'>
<input type='text' v-model='text'>
</div>
PHP
switch($inputType) {
case 'select':
$this->select('css=#dropdown > select', 'value='.$value);
break;
case 'radio':
$this->click('css=#radio > input:nth-child('.$childIndex.')', 'value='.$value);
$this->click('css=#radio > input:nth-child('.$childIndex.')');
break;
default:
$this->typeKeys('css=#text > input', $value);
$this->type('css=#text > input', $value);
break;
}
sleep(600);
输入字段包含PHP代码键入的值,但Vue.js模型未更新。在睡眠期间,我通过在浏览器的文本输入字段中手动键入一个值来验证html和js是否正常工作。 v型已通过我的手动输入进行了更新。