phantomjs/casperjs count Elementy DOM

Chciałbym policzyć liczbę, powiedzmy, elementów div z "ładną" klasą. Mam selektor div.nice, ale nie wiem, której klasy/metody caspers użyć.phantomjs/casperjs count Elementy DOM

Istnieje metoda tester.assertElementCount, ale czy jest coś, co po prostu zwraca liczbę elementów?

Źródło

2013-08-05 ducin

Myślę, że trzeba stworzyć do tego swoją własną funkcję. Wygląda na to, że najprostszym sposobem jest sprawdzenie, czy element istnieje i użycie css ": nth-of-type (i)". Poniżej zamieszczam odpowiedź na to pytanie. –

Jeśli można użyć jQuery jej dość prosta:

var count = $('div.classname').length;

Znalazłeś SO Post który wydaje się wyjaśnić za pomocą jQuery z casperjs mam żadnego doświadczenia z casperjs więc nie mogę wiele pomóc tam.

Źródło

2013-08-05 15:37:35

'FAIL ReferenceError: Nie można znaleźć zmiennej: $'. jak mogę "zainstalować" jquery w caspersie? – ducin

@tkoomzaaskz edytował odpowiedź, mam nadzieję, że to pomaga. –

tak, pomogło, dziękuję! – ducin

Wystarczy

document.querySelectorAll("div.nice").length

Źródło

2013-08-05 16:46:06

hmm, więc nie muszę tego robić w funkcji 'Oceń'? – ducin

Nie, jest to "dokument" w kontekście oceny strony. –

Zwraca "0" dla mnie. – StockB

Jednym z przykładów CasperJS 1,1-beta3 polega checking the number of Google search results for CasperJS. Odwołuje się do __utils__.findAll(), która jako argument przyjmuje selektor. To pozwala sprawdzić ilość sztuk powrócił pomocą właściwości dostępne length do dowolnego obiektu JS:

test.assertEval(function() { 
    return __utils__.findAll("h3.r").length >= 10; 
}, "google search for \"casperjs\" retrieves 10 or more results");

Nigdy nie próbowałem, ale wydaje się, że ta funkcja narzędzie może być używane poza warunkowa, a to pozwoli ci zgłosić liczbę elementów bez użycia jQuery, jak zalecała poprzednia odpowiedź.

Źródło

2014-03-05 05:38:38

Jednak funkcje '__utils__' są wstrzykiwane w zdalnym środowisku DOM_, więc można uzyskać do nich dostęp tylko w funkcji przekazanej jako parametr do' casper.evaluate() 'lub' test.assertEval() '. – lfurini

Tak, to prawda. Chodzi mi o to, że używanie '__utils__' poza warunkowym jest po prostu w porządku (np. Jako ogólny mechanizm logowania/debugowania). Nie chciałem sugerować, że można go używać poza blokami "assess" lub "assertEval". Czy mogę jakoś zaktualizować swoją odpowiedź, aby była jaśniejsza? –

Może mógłbyś dodać mały przykład, taki jak ten: 'var count = this.evaluate (function() {return __utils __. FindAll (" h3.r "). Length;});' – lfurini

można również skorzystać assertElementCount dochodzić rachubę elment

test.assertElementCount("div.nice", 1)

Źródło

2014-07-15 05:32:08 xinquan

To nie odpowiada na pytanie "jak mogę policzyć te elementy". – lfurini

Casper zapewnia getElementsInfo, można użyć długość atrybut aby uzyskać liczbę elementów. np.

casper.getElementsInfo('myElement').length

Źródło

2016-08-16 13:49:33

powinien być komentarzem –

Nie znalazłem powyższych odpowiedzi, aby pomóc mojej sprawie.

Myślę, że celem było policzenie liczby elementów bez konieczności oceny kodu js w kontekście strony, co może być frustrujące w nadgodzinach i mieć sprzeczne zmienne i funkcje.

Zamiast tego, byłoby miło wykorzystać kontekst automatyzacji Caspera. Można to zrobić za pomocą kombinacji ".exists()" i css psuedo wybieraka ": nth-of-type (I)"

Poniższy kod robi to ...

var counter = 1;   //set to one, for css selector setup 

casper.then(function() { //wait your turn 
    //loop through our element 
    while(casper.exists('div span:nth-of-type(' + counter + ')')) { 
     counter++;  //count the results 
    } 
});

Możesz uczynić tę funkcję i przekazać wszystkie argumenty lub po prostu skopiować i wkleić ją jako krok.

Najlepsza część, możesz śledzić to z powtórzeniem oświadczenia dla całkiem fajnej pętli.

casper.then(function(){ 
    this.repeat(counter, function() { 
     console.log("Another one - item #" + counter); 
    }); 
});

Źródło

2017-02-10 05:37:01

phantomjs/casperjs count Elementy DOM

Odpowiedz

Powiązane problemy