blocks|key|4485980|text|pause自身返回一个promise，所以您应该在pause上调用then，以便在pause回调返回之后执行该块。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4485981|this.pause(1000).then(function()+{
++this.keys(fields[selectName])
++//press+enter+to+finalize+selection
++//.keys('\uE007')

++console.log('keys+pressed');
});|code-block|syntax|javascript|4485982|entityMap^0|0|5|P|5|X|4|15|5|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|L|$]]

<code>pause</code> its self returns a promise, so you should call <code>then</code> on <code>pause</code> to execute the block after the <code>pause</code> callback has returned.

<pre><code>this.pause(1000).then(function() {
 this.keys(fields[selectName])
 //press enter to finalize selection
 //.keys('\uE007')

 console.log('keys pressed');
});
</code></pre>

blocks|key|4466174|text|我终于回答了我自己的问题。问题是我使用了一个for(){}循环来遍历我想要填充的不同字段。for(){}循环正在执行每个命令，而不是等待给定的select设置为正确的值(单击select，键入value，然后按enter)。我通过收集选择器和值，将它们存储在一个函数中，并将每个完整的函数添加到一个队列中，解决了这个问题。然后，我一次一个地执行每个函数，在前面的函数中调用'keys‘命令的"+then“回调中的下一个函数(因此在随后选择的select上按下Enter键后调用下一个函数)。我使用迭代器来获取队列中的每个next函数。任何感兴趣的人都可以检查我的代码和评论任何问题的建议。谢谢!|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4466175|webdriverio+=+require('webdriverio');

var+tester+=+{};

var+options+=+{
++++desiredCapabilities:+{
++++++++browserName:+'chrome'
++++}
};

var+params+=+{
++//editing+this+out+because+info+is+private
};

//changing+the+fields+because+info+is+private
var+fields+=+{
testField:+'John+Smith',+
testSelect:+'USA'

};

var+execQueue+=+[];


var+wrapFunction+=+function(fn,+context,+params)+{
++++return+function()+{
++++++++fn.apply(context,+params);
++++};
};



function+fillFields(driver,+fields){
driver.iter+=+0;
++driver.elements('select+%2B+.chosen-container').then(function(result){
++++console.log('how+many+selects',+result.value.length);
++++tester.totalSelects+=+result.value.length;
++});

++//loop+through+all+selects+and+inputs
+for(property+in+fields){
++++var+p+=+property;
++++//closure+to+preserve+value+of+property
++++(function(p){
++++++//if+chosen+input+then+choose+from+list
+++++driver.isExisting('div.'+%2B+p+%2B+'+.chosen-results').then(function(result){

+++++++if(result+===+true){

++++++++driver.elements('div.'+%2B+p+%2B+'+select').then(function(result){
++++++++++//loop+through+each+select+(expiration+date+has+two+selections+in+one+container)
++++++++++for(var+i=0;i<result.value.length;i%2B%2B){
++++++++++++var+s+=+result.value[i].ELEMENT;

++++++++++++//closure
++++++++++++(function(s){

++++++++++++//find+the+name+of+each+select
++++++++++++driver.elementIdAttribute(s,'name').then(function(result){
++++++++++++++//find+the+chosen+container+after+select
++++++++++++++var+container+=+'select[name='+%2B+result.value+%2B+']+%2B+.chosen-container';

++++++++++++++var+selectName+=+result.value;
++++++++++++++//find+corresponding+a.chosen-single

++++++++++++++//this.debug()
++++++++++++++//click+on+a.chosen-single+to+activate+chosen+drop

++++++++++++++var+qfunction+=+function(link,+value){
++++++++++++++++console.log('#################in+qu+function+###########',+value);
++++++++++++++++driver.click(link).then(function(){
++++++++++++++++++++++this.keys([value,+'\uE007']).then(function(){
+++++++++++++++++++++++driver.iter%2B%2B;
++++++++++++++++++++++++execQueue[driver.iter]();
++++++++++++++++++++++});//end+keys.then


++++++++++++++++});//end+click.then
++++++++++++++}//end+qfunction



++++++++++++++execQueue.push(wrapFunction(qfunction,+this,+[container+%2B+'+a.chosen-single',+fields[selectName]]));//end+push


+++++++++++++if(execQueue.length+==+tester.totalSelects+-+1){
++++++++++++++console.log('**********equal');

++++++++++++++++++execQueue[driver.iter]();
++++++++++++++}//end+if+equal


++++++++++++++console.log('queue+so+far',+execQueue.length);


++++++++++++});//end+elementIdAttribute


++++++++++++})(s);//end+closure



++++++++++}//end+for+selects+in+container



++++++++});//end+driver.elements




++++++++}else{

+++++++++driver.addValue('input[name='+%2B+p+%2B+']',+fields[p]);


++++++++}

++++++})//end+driver.isExisting


++++})(p);




++}//end+for+each+field


};//end+fillFields



webdriverio
++.remote(options)
++.init()
++.url('https://'+%2B+params.domain+%2B+'/'+%2B+params.clientId+%2B+'/?scope='+%2B+params.scope+%2B++'&cart='+%2B+params.cart+%2B+'&cfg='+%2B+params.cfg+%2B+'&progress='+%2B+params.progress+%2B+'&language='+%2B+params.language+%2B+'&currencyId='+%2B+params.currencyId+%2B+'&debug=nocache')+
++.then(function(result)+{

++++fillFields(this,+fields);

++});|code-block|syntax|javascript|4466176|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I finally answered my own question. The problem was that I was using a for(){} loop to iterate through different fields that I wanted filled in. The for(){} loop was executing each command without waiting for a given chosen select to finish being set with the correct value (click on select, type value, press enter). I solved this by gathering the selector and value, storing these in a function and adding each complete function to a queue. I then executed each function one at a time, calling the next function in the "then" callback of the 'keys' command within the function before (Thus calling the next function after the enter key was pressed on the proceeding chosen select). I used an iterator to grab each next function in the queue. Anyone interested can check my code and comment with any questions for suggestions. thanks!

<pre><code>webdriverio = require('webdriverio');

var tester = {};

var options = {
 desiredCapabilities: {
 browserName: 'chrome'
 }
};

var params = {
 //editing this out because info is private
};

//changing the fields because info is private
var fields = {
testField: 'John Smith', 
testSelect: 'USA'

};

var execQueue = [];


var wrapFunction = function(fn, context, params) {
 return function() {
 fn.apply(context, params);
 };
};



function fillFields(driver, fields){
driver.iter = 0;
 driver.elements('select + .chosen-container').then(function(result){
 console.log('how many selects', result.value.length);
 tester.totalSelects = result.value.length;
 });

 //loop through all selects and inputs
 for(property in fields){
 var p = property;
 //closure to preserve value of property
 (function(p){
 //if chosen input then choose from list
 driver.isExisting('div.' + p + ' .chosen-results').then(function(result){

 if(result === true){

 driver.elements('div.' + p + ' select').then(function(result){
 //loop through each select (expiration date has two selections in one container)
 for(var i=0;i&lt;result.value.length;i++){
 var s = result.value[i].ELEMENT;

 //closure
 (function(s){

 //find the name of each select
 driver.elementIdAttribute(s,'name').then(function(result){
 //find the chosen container after select
 var container = 'select[name=' + result.value + '] + .chosen-container';

 var selectName = result.value;
 //find corresponding a.chosen-single

 //this.debug()
 //click on a.chosen-single to activate chosen drop

 var qfunction = function(link, value){
 console.log('#################in qu function ###########', value);
 driver.click(link).then(function(){
 this.keys([value, '\uE007']).then(function(){
 driver.iter++;
 execQueue[driver.iter]();
 });//end keys.then


 });//end click.then
 }//end qfunction



 execQueue.push(wrapFunction(qfunction, this, [container + ' a.chosen-single', fields[selectName]]));//end push


 if(execQueue.length == tester.totalSelects - 1){
 console.log('**********equal');

 execQueue[driver.iter]();
 }//end if equal


 console.log('queue so far', execQueue.length);


 });//end elementIdAttribute


 })(s);//end closure



 }//end for selects in container



 });//end driver.elements




 }else{

 driver.addValue('input[name=' + p + ']', fields[p]);


 }

 })//end driver.isExisting


 })(p);




 }//end for each field


};//end fillFields



webdriverio
 .remote(options)
 .init()
 .url('https://' + params.domain + '/' + params.clientId + '/?scope=' + params.scope + '&amp;cart=' + params.cart + '&amp;cfg=' + params.cfg + '&amp;progress=' + params.progress + '&amp;language=' + params.language + '&amp;currencyId=' + params.currencyId + '&amp;debug=nocache') 
 .then(function(result) {

 fillFields(this, fields);

 });
</code></pre>

I am trying to account for "chosen selects" in my automated testing script. I am using webdriver.io and referring to the follow API info: 
<a href="http://webdriver.io/api.html" rel="nofollow">http://webdriver.io/api.html</a>

I need to click on 'a.chosen-single' which in the "chosen" world is equal to a user clicking into the select. This focuses the user on a text input (which allows the user to filter through the select options, thus why chosen is cool) and I need to then simulate the user entering the text. 

The problem is that the script I wrote results in all chosen-selects being clicked and THEN the keys get entered. This means that they text is only getting entered into the final chosen-select input. 

I've inserted a pause() after the element is clicked into. I would expect the pause to happen after each click, but instead the pause only happens at the end when the last element is clicked and the keys for all elements are all typed together at the end so that the last element has a value of 'FIL12'

<pre><code>this.click(container + ' a.chosen-single').then(function(){
 console.log('clicked');
 console.log('value', fields[selectName]);
 this.pause(1000)
 this.keys(fields[selectName])
 //press enter to finalize selection
 //.keys('\uE007')

 console.log('keys pressed');
 });
</code></pre>

Here is the read-out I get in the terminal: 

<pre><code>clicked
value F
keys pressed
clicked
value IL
keys pressed
clicked
value 1
keys pressed
clicked
value 2
keys pressed
</code></pre>

I can't figure out how to assure that the next task does not get queued until the keystrokes have been entered. Please help.

webdriver.io async issues - clicking on an element and then entering text

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我试图在我的自动化测试脚本中说明“选择的选择”。我正在使用webdriver.io，并参考了以下接口信息：我需要点击“a.selected-single”，在“select”的世界中，它等同于用户点击了select。这将用户的注意力集中在文本输入上(它允许用户过滤选择选项，因此chosen很酷)，然后我需要模拟用户输入...

问webdriver.io异步问题-单击元素，然后输入文本
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问webdriver.io异步问题-单击元素，然后输入文本EN