尝试下面的代码,给以内联说明
所以我目前正在研究元素,情况可能是标签上显示了示例:
<div class="stock-controller" style="transition: border-bottom 0.3s ease 0s, opacity 0.3s ease 0s;">
<div class="message">
<svg width="14" height="14" viewBox="0 0 14 14">
<g fill="none" fill-rule="evenodd">
<path fill="#E00751" d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0z"></path>
<path fill="#FFF" fill-rule="nonzero" d="M8.45 7.036L10.414 9 9 10.414 7.036 8.45 5.07 10.414 3.657 9l1.964-1.964L3.5 4.914 4.914 3.5l2.122 2.121L9.156 3.5l1.415 1.414L8.45 7.036z"></path>
</g>
</svg>Sorry, we only have 10000 of this product.</div> //Need to read here how many avaliable products
<div class="quantity-input invalid">
<button class="btn left" aria-label="Decrease"> //How many user have choose - how many in stock = amout of click time.
<svg class="svg-icon" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M7 11h10v2H7z"></path>
</svg>
</button>
<input type="number" pattern="[0-9]*" min="0" max="10002" value="10002"> //Need to read how many we have choose
<button class="btn right" aria-label="Increase" disabled="">
<svg class="svg-icon" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M13 17v-4h4v-2h-4V7h-2v4H7v2h4v4z"></path>
</svg>
</button>
</div>
</div>
基本上,我们在这里有3个标签。第一个是查看文本,以查看有多少库存商品,在本例中为10000。然后,我们必须检查用户选择的商品数量为10002。因此,我们需要使用10002- 10000 =单击<button class="btn left" aria-label="Decrease">
上有这么多项目
到目前为止,我所做的是:
it('Check descrease button', function (done) { let allBtns = element.all(by.className('stock-controller')); element.all(by.className('stock-controller')).each(function (element, index) { // Will print Sorry, we only have 4 of this product., Sorry, we only have 10000 of this product. element.getText().then(function (text) { console.log(index, text); }); }); allBtns.count() .then(function (countElement) { console.log('Find decrease buttons: ', countElement) //for (let i = 0; i < countElement; i++) { // let variables are scoped to the immediate enclosing block denoted by { } //browser.executeScript("arguments[0].click();", allBtns.get(i).getWebElement()) //browser.sleep(1000) // sleep 1s //} }) .then(() => { done(); }) });
另一个问题是,它可能超过一个库存控制者。因此,这意味着它可以是5个库存控制者,但是所有元素都相同,但是库存中的产品不同,用户可以选择。
所以我的问题是:
如何读取每个库存控制器的数量,然后检查每个库存控制器单击减少按钮的次数?
有效代码:
it('Clicked all decrease button', function (done) {
let allProds = element.all(by.css('div.stock-controller'));
allProds.count()
.then(function (cnt) { // amount of products
for(let index=0;index<cnt;index++) {
let section = allProds.get(index),
// message string which include qty in stock
stock_qty_str = section.element(by.css('div.message')).getText(),
// user inputed qty
user_qty_str = section.element(by.css('input[type="number"]')).getAttribute('value'),
// button Descrease
btn_dec = section.element(by.css('button[aria-label="Decrease"]'));
Promise.all([stock_qty_str, user_qty_str])
.then(function(data){
// use RegExp to extract qty in stock
let group = data[0].trim().match(/^Sorry.*?(\d+)/)
if(group) {
let stock_qty = group[1] * 1,
user_qty = data[1].trim() * 1,
gap = user_qty - stock_qty; // click times of Decrease button
for (let i = 0; i < gap; i++) {
browser.executeScript("arguments[0].click();", btn_dec.getWebElement());
}
}
})
}
})
.then(()=>{
done();
})
});
因此,我目前正在研究元素,情况可能是在标签上显示示例:
尝试下面的代码,给以内联说明
it('Click remove button', function (done) {
let allProds = element.all(by.css('div.stock-controller'));
allProds.count()
.then(function (cnt) { // amount of products
for(let index=0;index<cnt;index++) {
let section = allProds.get(index),
// message string which include qty in stock
stock_qty_str = section.element(by.css('div.message')).getText(),
// user inputed qty
user_qty_str = section.element(by.css('div.quantity-input input'))
.getAttribute('value'),
// button Descrease
btn_dec = section.element(by.css('button[aria-label="Decrease"]'));
Promise.all([stock_qty_str, user_qty_str])
.then(function(data){
// use RegExp to extract qty in stock
let group = data[0].trim().match(/^Sorry.*?(\d+)/)
if(group) {
let stock_qty = group[1] * 1,
user_qty = data[1].trim() * 1,
gap = user_qty - stock_qty; // click times of Decrease button
for(let i=0;i<gap;i++) {
btn_dec.click();
browser.sleep(1000).then(function(){
console.log('Click Decrease button: ' + i + '/' + gap)
})
}
}
})
}
})
.then(()=>{
done();
})
});
我不喜欢量角器,但是在Java中,我会使用xpath来编写WebElement列表,例如// div [@ class ='stock-controller']
然后让每个股票控制器读取数量以进行点击。
Pseudocode:
List stockcontrollers = findby.xpath(//div[@class='stock-controller')
foreach(item in stockcontrollers)
{
get.item
read amount to click
for(x<amount to click)
{click}
}
尝试下面的代码,给以内联说明
我不喜欢量角器,但是在Java中,我会使用xpath来编写WebElement列表,例如// div [@ class ='stock-controller']
然后让每个股票控制器读取数量以进行点击。