casperjs, может потребоваться другой метод?

Question

Я новичок в casperjs, и, насколько я узнал до сих пор, есть только два метода нажмите, которые могут вызвать действие мыши:

• click() требует выбора
• clickLabel() требует «ярлыка» между теги

Веб-сайт, с которым я сейчас имею дело, имеет динамические «вкладки», при нажатии каждой вкладки запускается javascript submit, нет никаких «классов», «id» или «label», связанных с каждой вкладкой , за исключением элемента "pic":

<a href="javascript:submitTab('search6')" tabindex="6"> 
    <img src="image6off.gif" name="imag6" height="6" hspace="0" vspace="0" border="0" onmouseover="nbGroup('over','imag6','image6on.gif','image6on.gif',1);" onmouseout="nbGroup('out');" onclick="nbGroup('down','group1','imag6','image6off.gif',1); submitTab('search6')" alt="New Search"> 
</a> 

Я попытался использовать clickLabel(), но не смог.

Да, я могу использовать XPath, однако проблема заключается в том, что количество вкладок динамическое в зависимости от доступной информации для каждой записи, поэтому в этом случае «новый поиск» может быть вкладкой 6 для этой записи, но вкладка 4 в другой , вкладка 8 в другой.

Да, я мог бы попытаться написать «петлю» для перебора всех доступных вкладок, потенциально, однако, если есть один метод щелчка который совмещает

waitForResource() 

, что было бы здорово, так как я может использовать «image6on.gif», чтобы сообщить программе, какой образ или вкладку щелкнуть, по-видимому, для этого веб-сайта, я узнал, что каждая отдельная программа вкладок javascript уникально связана с одним «image # on/off.gif»

Надеюсь, что какой-то вкладчик для casperjs может легко реализовать этот метод, чтобы справиться с такой ситуацией.

Answer 1

Не совсем уверен, если это то, что вы хотите, но вы можете получить на вкладке на основе атрибута tabindex с:

casper.click("a[tabindex='6']"); 

Edit: Hack Я кинул вместе на основе свой комментарий ниже:

casper.thenEvaluate(function() { 
    var attr = document.querySelector('img[alt="New Search"]').parentNode.getAttribute('tabindex'); 
    __utils__.click('a[tabindex="' + attr + '"]'); 
}); 

casper.thenEvaluate() позволяет выполнять javascript на удаленной странице.

__utils__ вводится на каждую страницу, загружаемую в виде дополнительного набора функций, которые вы можете использовать.

Answer 2

Я не являюсь автором CasperJS. С моей точки зрения, функция clickLabel уже слишком много. Я не могу вспомнить, что я действительно использовал его, потому что большую часть времени есть что-то, что предотвращает точное совпадение строк.

Вы правы, это действительный аргумент, чтобы добавить новую функцию клика в CasperJS. По-моему, лучше использовать предоставленную XPath возможность сделать это. Вы даже можете создать эту функцию для своего использования:

casper.clickByImg = function(imgRes){ 
    var x = require('casper').selectXPath; 
    this.click(x("//a/img[contains(@href,"+imgRes+")]/..")); 
    return this; 
}; 

См. Минимальные накладные расходы.

Вы даже можете зайти так далеко, чтобы соответствовать изображению регулярным выражением с большим количеством накладных расходов.

casper.clickByImgRegexp = function(regexp){ 
    var hrefs = this.getElementsAttribute("a > img", "href"); 
    for(var i = 0; i < hrefs.length; i++) { 
     if (hrefs[i].match(regexp)) { 
      this.clickByImg(hrefs[i]); 
      break; 
     } 
    } 
    return this; 
};